.rebx-ds .c-grade-band--dark{position:relative;isolation:isolate;overflow:hidden;padding:30px 32px 32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0b111c,#141f31 55%,#0f3a40);box-shadow:0 0 0 1px #ffffff0f,0 30px 70px -34px #0b111c99}.rebx-ds .c-grade-band__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.rebx-ds .c-grade-band__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 70% at 88% 0%,#a0e3d547,#a0e3d500 70%),radial-gradient(35% 60% at 5% 100%,#5fd6f529,#5fd6f500 70%),radial-gradient(30% 50% at 55% 110%,#d6f37a1a,#d6f37a00 70%)}.rebx-ds .c-grade-band__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(60% 90% at 85% 10%,#000 0%,transparent 75%);mask-image:radial-gradient(60% 90% at 85% 10%,#000 0%,transparent 75%)}.rebx-ds .c-grade-band__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:20px}.rebx-ds .c-grade-band__eyebrow{display:block;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a0e3d5}.rebx-ds .c-grade-band__title{margin:6px 0 0;font-size:24px;line-height:30px;font-weight:800;letter-spacing:-.02em;color:#fff}.rebx-ds .c-grade-band__title span{color:#fff}.rebx-ds .c-grade-band__link{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 16px;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff24;font-size:13px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.rebx-ds .c-grade-band__link:hover{background:#a0e3d5;color:#0b111c;opacity:1}.rebx-ds .c-grade-band--dark .c-grades{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.rebx-ds .c-grade-band--dark .c-grade{position:relative;padding:14px 14px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#93a0b3;text-decoration:none;transition:background-color .25s ease,border-color .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}.rebx-ds .c-grade-band--dark a.c-grade:hover{background:#ffffff1a;border-color:#a0e3d58c;transform:translateY(-3px)}.rebx-ds .c-grade-band--dark a.c-grade:focus-visible{outline:2px solid #a0e3d5;outline-offset:2px}.rebx-ds .c-grade-band--dark .c-grade__top{min-height:0}.rebx-ds .c-grade-band--dark .c-grade__meter{margin-bottom:0}.rebx-ds .c-grade-band--dark .c-grade__note+.c-grade__foot{margin-top:auto}.rebx-ds .c-grade-band--dark .c-grade{gap:0}.rebx-ds .c-grade-band--dark .c-grade__note{margin-bottom:12px}.rebx-ds .c-grade-band--dark .c-grade__step{font-size:10px;line-height:14px;letter-spacing:.1em;color:#93a0b3}.rebx-ds .c-grade-band--dark .c-grade__name{margin-top:4px;font-size:16px;line-height:21px;font-weight:800;color:#fff}.rebx-ds .c-grade-band--dark .c-grade__meter{gap:3px;margin-top:10px}.rebx-ds .c-grade-band--dark .c-grade__meter span{height:5px;background:#ffffff1f}.rebx-ds .c-grade-band--dark .c-grade__meter .is-on{background:#a0e3d5}.rebx-ds .c-grade-band--dark .c-grade--new .c-grade__meter .is-on{background:#d6f37a}.rebx-ds .c-grade-band--dark .c-grade__note{flex:none;max-height:34px;margin:10px 0 0;font-size:12px;line-height:17px;color:#a9b4c4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rebx-ds .c-grade-band--dark .c-grade__foot{min-height:0;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;line-height:16px;font-weight:700;color:#a0e3d5}.rebx-ds .c-grade-band--dark .c-grade__go{width:24px;height:24px;background:#a0e3d524;color:#a0e3d5;transition:background-color .2s ease,color .2s ease,transform .3s cubic-bezier(.2,.7,.2,1)}.rebx-ds .c-grade-band--dark a.c-grade:hover .c-grade__go{background:#a0e3d5;color:#0b111c;transform:translate(2px)}.rebx-ds .c-grade-band--dark .c-grade.is-empty{background:#ffffff06;border-style:dashed}.rebx-ds .c-grade-band--dark .c-grade.is-empty .c-grade__name{color:#c5cedb}.rebx-ds .c-grade-band--dark .c-grade.is-empty .c-grade__foot{font-weight:600;color:#6f7c8f}@media(max-width:1100px){.rebx-ds .c-grade-band--dark .c-grades{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.rebx-ds .c-grade-wrap .c-grade-band--dark{padding:24px 0!important;border-radius:20px}.rebx-ds .c-grade-band__head{padding:0 20px;margin-bottom:16px}.rebx-ds .c-grade-band__title{font-size:20px;line-height:26px}.rebx-ds .c-grade-band--dark .c-grades{display:flex;gap:10px;overflow-x:auto;padding:0 20px 4px;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rebx-ds .c-grade-band--dark .c-grades::-webkit-scrollbar{display:none}.rebx-ds .c-grade-band--dark .c-grade{flex:0 0 156px;scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.rebx-ds .c-grade-band--dark .c-grade,.rebx-ds .c-grade-band--dark .c-grade__go{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/rebx-grade-band.css.map */
