.sb{--sb-ink: #1d1d1f;--sb-lemon: #ffe14d;--sb-pink: #ff9ccc;--sb-mint: #7fe3bb;--sb-sky: #9ad3ff;--sb-orange: #ffb057;--sb-purple: #d4b0ea;width:100%;overflow:hidden}.sb *,.sb *:before,.sb *:after{box-sizing:border-box}.sb__inner{max-width:1400px;margin:0 auto;padding-left:24px;padding-right:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.sb__heading{font-size:40px;font-weight:700;margin:0 0 8px;line-height:1.1}.sb__subheading{font-size:19px;opacity:.75;margin:0 0 20px}.sb__subheading p{margin:0}.sb__buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.sb__btn{display:inline-block;padding:12px 24px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:opacity .15s ease}.sb__btn:hover{opacity:.8}.sb__btn:focus-visible{outline:3px solid var(--sb-ink);outline-offset:3px}.sb__art{width:100%;margin-top:32px;display:flex;justify-content:center}.sb__lid{position:relative;container-type:inline-size;width:min(100%,calc(var(--sb-h-d, 420px) * 16 / 10.6));aspect-ratio:16 / 10.6;border-radius:4.5%/6.8%;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(150deg,#6c7079,#4c4f57 55%,#3a3c42);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -12px 28px #0000002e,0 30px 50px -24px #00000073,0 10px 20px -10px #00000040;rotate:-2deg}.sb__hinge{position:absolute;left:6%;right:6%;bottom:0;height:2.2%;border-radius:0 0 8px 8px;background:linear-gradient(#2f3136,#26282c)}.sb__st{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;rotate:var(--r);scale:1;font-size:3.4cqw;text-align:center;filter:drop-shadow(0 .14em .18em rgba(0,0,0,.35));transition:scale .2s ease,rotate .2s ease}.sb__st--s{font-size:2.7cqw}.sb__st--l{font-size:4.3cqw}.sb__st:hover{scale:1.08;rotate:calc(var(--r) + 4deg);z-index:5}.sb__st-b{display:block;padding:.16em;background:#fff;border-radius:.5em}.sb__st-c{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.45em .75em;border-radius:.38em;color:var(--sb-ink);line-height:1.05;white-space:nowrap}.sb__st-t{font-weight:800;letter-spacing:-.01em}.sb__st-s{font-size:.58em;font-weight:700;margin-top:.25em;opacity:.85;letter-spacing:.02em;text-transform:uppercase}.sb__st--pill .sb__st-b,.sb__st--pill .sb__st-c{border-radius:999px}.sb__st--pill .sb__st-c{padding:.45em 1em}.sb__st--circle .sb__st-b,.sb__st--circle .sb__st-c{border-radius:50%}.sb__st--circle .sb__st-c{width:4.6em;height:4.6em;padding:.4em;white-space:normal}.sb__st--burst .sb__st-b,.sb__st--burst .sb__st-c{clip-path:polygon(50% 0%,61% 11%,75% 6%,79% 21%,94% 25%,89% 39%,100% 50%,89% 61%,94% 75%,79% 79%,75% 94%,61% 89%,50% 100%,39% 89%,25% 94%,21% 79%,6% 75%,11% 61%,0% 50%,11% 39%,6% 25%,21% 21%,25% 6%,39% 11%);border-radius:0}.sb__st--burst .sb__st-b{padding:.22em}.sb__st--burst .sb__st-c{width:6.2em;height:6.2em;padding:1em;white-space:normal}.sb__st--lemon .sb__st-c{background:var(--sb-lemon)}.sb__st--pink .sb__st-c{background:var(--sb-pink)}.sb__st--mint .sb__st-c{background:var(--sb-mint)}.sb__st--sky .sb__st-c{background:var(--sb-sky)}.sb__st--orange .sb__st-c{background:var(--sb-orange)}.sb__st--purple .sb__st-c{background:var(--sb-purple)}.sb__st--white .sb__st-c{background:#fff}.sb__st--holo .sb__st-c{background:linear-gradient(115deg,#fff0 30%,#ffffffbf,#fff0 60%) 0 0 / 250% 100%,conic-gradient(from 200deg,#ffd1f0,#c9b8ff,#a8e6ff,#b9ffd9,#fff3b0,#ffd1f0);animation:sb-shine 4.5s ease-in-out infinite}@keyframes sb-shine{0%,to{background-position:100% 0,0 0}50%{background-position:0% 0,0 0}}.sb--anim .sb__st{opacity:0;scale:.3}.sb--anim.sb--in .sb__st{opacity:1;scale:1;animation:sb-pop .5s cubic-bezier(.2,1.4,.4,1) backwards;animation-delay:calc(var(--i) * 90ms + .15s)}@keyframes sb-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.sb--anim.sb--in .sb__st:hover{scale:1.08}@media screen and (max-width:749px){.sb__heading{font-size:28px}.sb__subheading{font-size:16px}.sb__btn{padding:11px 20px;font-size:15px}.sb__art{margin-top:24px}.sb__lid{width:min(100%,calc(var(--sb-h-m, 260px) * 16 / 10.6))}.sb__st{font-size:4cqw}.sb__st--s{font-size:3.3cqw}.sb__st--l{font-size:5cqw}.sb__st--hm{display:none}}@media(prefers-reduced-motion:reduce){.sb__st,.sb__btn{transition:none}.sb__st:hover{scale:1;rotate:var(--r)}.sb__st--holo .sb__st-c{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/student-banner.css.map */