.rebx-grade-banner{padding:2.4rem 0 4.8rem;background:#fff}.rebx-grade-banner__frame{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:4.8rem;align-items:center;padding:4.4rem 4.8rem;border-radius:var(--border-radius-block);background:#1c2636;color:#fff}.rebx-grade-banner__eyebrow{margin:0;color:#9fe3d4;font-size:1.15rem;font-weight:700;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.rebx-grade-banner__title{margin:1.4rem 0 0;color:#fff;font-size:4.6rem;font-weight:700;letter-spacing:-.035em;line-height:.98}.rebx-grade-banner__lead{max-width:46rem;margin:1.6rem 0 0;color:#ffffff9e;font-size:1.55rem;line-height:1.5}.rebx-grade-banner__steps{margin:2.4rem 0 0;padding:0;list-style:none}.rebx-grade-banner__steps li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1rem;align-items:center;padding:1.2rem 0;border-top:.1rem solid rgba(255,255,255,.12);color:#fff;font-size:1.5rem;font-weight:500;line-height:1.35}.rebx-grade-banner__steps li:last-child{border-bottom:.1rem solid rgba(255,255,255,.14)}.rebx-grade-banner__steps span{color:#9fe3d4;font-size:1.3rem;font-weight:700;letter-spacing:.04em}.rebx-grade-banner__panel{display:flex;flex-direction:column;width:100%}.rebx-grade-banner__tabs{display:flex;gap:.2rem;width:100%;margin:0 0 1.6rem;padding:.45rem;border-radius:999px;background:#121a28}.rebx-grade-banner__tab{flex:1 1 0;margin:0;padding:.95rem .8rem;border:0;border-radius:999px;background:transparent;color:#ffffffe0;font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:0;text-align:center;text-transform:none;cursor:pointer}.rebx-grade-banner__tab.is-active{background:#9fe3d4;color:#1c2636}.rebx-grade-banner__card{display:flex;flex-direction:column;padding:2.6rem 2.4rem 2.4rem;border-radius:1.8rem;background:#fff;color:#1c2636}.rebx-grade-banner__grade:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.rebx-grade-banner__grade-head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;width:100%}.rebx-grade-banner__grade-head h3{margin:0;color:#1c2636;font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1}.rebx-grade-banner__grade-head p{margin:0;color:#98a2b3;font-size:1.25rem;line-height:1.2;white-space:nowrap}.rebx-grade-banner__note{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;row-gap:.2rem;align-items:center;width:100%;margin-top:0;padding:1.5rem 1.6rem 1.4rem;border-radius:1.2rem;background:#e7f7f2}.rebx-grade-banner__meter{display:flex;grid-row:1;gap:.3rem;align-items:center}.rebx-grade-banner__meter i{display:block;width:1.35rem;height:.42rem;border-radius:999px;background:#d7ebe4}.rebx-grade-banner__meter[data-filled="1"] i:nth-child(-n+1),.rebx-grade-banner__meter[data-filled="2"] i:nth-child(-n+2),.rebx-grade-banner__meter[data-filled="3"] i:nth-child(-n+3),.rebx-grade-banner__meter[data-filled="4"] i:nth-child(-n+4){background:#1c2636}.rebx-grade-banner__note p{grid-column:2;grid-row:1;margin:0;color:#1c2636;font-size:1.5rem;font-weight:600;line-height:1.4}@media screen and (max-width:989px){.rebx-grade-banner__frame{grid-template-columns:1fr;gap:2.4rem;height:auto;padding:2.4rem 1.6rem}.rebx-grade-banner__tab{padding-right:.4rem;padding-left:.4rem}.rebx-grade-banner__title{font-size:3.6rem}}@media screen and (max-width:749px){.rebx-grade-banner{padding-bottom:3.2rem}.rebx-grade-banner__title{font-size:3.2rem}.rebx-grade-banner__tab{font-size:1.2rem}.rebx-grade-banner__grade-head h3{font-size:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-rebx-grade-banner.css.map */