.academy-banner{--academy-banner-glass: color-mix(in srgb, var(--academy-navbar-bg, #1a1b18) 56%, transparent);--academy-banner-glass-solid: color-mix(in srgb, var(--academy-navbar-bg, #1a1b18) 60%, transparent);--academy-banner-ring: var(--academy-accent, #faeaa1);position:relative;display:block;overflow:hidden;isolation:isolate;margin:2.4rem 0 0;padding:var(--academy-banner-pad-v, 20px) var(--academy-banner-pad-h, 28px);border-radius:var(--academy-banner-radius, 12px);background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;color:var(--academy-banner-text, #ffffff);animation:academy-banner-gradient 8s ease infinite}@keyframes academy-banner-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.academy-banner--shine:after{content:"";position:absolute;top:-50%;left:0;z-index:1;width:32%;height:200%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.34) 50%,transparent 100%);filter:blur(8px);opacity:0;transform:translate(-120%) skew(-18deg);animation:academy-banner-shine 6s ease-in-out infinite}@keyframes academy-banner-shine{0%{opacity:0;transform:translate(-120%) skew(-18deg)}6%{opacity:1}32%{opacity:1;transform:translate(340%) skew(-18deg)}38%,to{opacity:0;transform:translate(340%) skew(-18deg)}}.academy-banner__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem}.academy-banner__copy{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-start;gap:.4rem;width:fit-content;max-width:min(56rem,100%);min-width:0;padding:1.6rem 2rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:var(--academy-banner-glass-solid)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.academy-banner__copy{background:var(--academy-banner-glass);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}}.academy-banner__text{display:flex;flex-direction:column;gap:.2rem;text-shadow:0 1px 2px rgba(0,0,0,.35)}.academy-banner__title,.academy-banner__subtitle,.academy-banner__description{margin:0;padding:0;color:inherit}.academy-banner__title{font-family:var(--font-heading-family);font-size:clamp(2rem,2.6vw,2.8rem);font-weight:800;line-height:1.1}.academy-banner__subtitle{font-size:clamp(1.5rem,1.7vw,1.9rem);font-weight:600;line-height:1.2}.academy-banner__description{font-size:1.5rem;line-height:1.35}.academy-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;margin-top:.8rem;padding:0 2.4rem;border:1px solid var(--academy-banner-ring);border-radius:var(--academy-radius-control, 8px);background:#000;box-shadow:0 4px 14px #00000040;color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;text-decoration:none;text-shadow:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.academy-banner--shake .academy-banner__button{animation:academy-banner-shake 4s ease-in-out infinite}@keyframes academy-banner-shake{0%,16%,to{transform:translate(0) rotate(0)}2%{transform:translate(-3px) rotate(-2deg)}4%{transform:translate(3px) rotate(2deg)}6%{transform:translate(-3px) rotate(-2deg)}8%{transform:translate(3px) rotate(1.5deg)}10%{transform:translate(-2px) rotate(-1deg)}12%{transform:translate(2px) rotate(1deg)}14%{transform:translate(-1px) rotate(0)}}.academy-banner__button:hover,.academy-banner__button:focus-visible,.academy-banner:hover .academy-banner__button,.academy-banner:focus-within .academy-banner__button{animation:none}.academy-banner__button:hover,.academy-banner__button:focus-visible{box-shadow:0 0 0 3px var(--academy-banner-ring),0 8px 18px #00000047;transform:translateY(-2px)}.academy .academy-banner__button:focus-visible{outline:2px solid #ffffff;outline-offset:5px;box-shadow:0 0 0 3px var(--academy-banner-ring),0 8px 18px #00000047}.academy-banner__icons{display:flex;flex:none;align-items:flex-start;justify-content:center;gap:calc(var(--academy-banner-icon, 80px) * .5)}.academy-banner__item{display:flex;flex-direction:column;align-items:center;width:var(--academy-banner-icon, 80px)}.academy-banner__icon{position:relative;isolation:isolate;width:var(--academy-banner-icon, 80px);height:var(--academy-banner-icon, 80px);animation:academy-banner-levitate 3s ease-in-out infinite;animation-delay:var(--academy-banner-delay, 0s)}.academy-banner__icon:before{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:135%;height:135%;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%,-50%);pointer-events:none}.academy-banner__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.academy-banner__item:hover .academy-banner__image{transform:scale(1.08)}.academy-banner__icon--placeholder{display:grid;place-items:center;border-radius:8px;background:#ffffff4d}.academy-banner__icon--placeholder svg{width:60%;height:60%;opacity:.5}.academy-banner__shadow{display:block;width:62%;height:.9rem;margin-top:calc(var(--academy-banner-icon, 80px) * .2);border-radius:50%;background:radial-gradient(ellipse at center,#00000061,#0000 70%);opacity:.7;animation:academy-banner-shadow 3s ease-in-out infinite;animation-delay:var(--academy-banner-delay, 0s)}@keyframes academy-banner-levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes academy-banner-shadow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.25;transform:scale(.6)}}@media(max-width:749px){.academy-banner__inner{flex-direction:column;gap:2.8rem;text-align:center}.academy-banner__copy{align-items:center;width:100%;max-width:100%;padding:1.4rem 1.6rem}.academy-banner__icons{gap:calc(var(--academy-banner-icon, 80px) * .35)}.academy-banner__item,.academy-banner__icon{width:calc(var(--academy-banner-icon, 80px) * .7)}.academy-banner__icon{height:calc(var(--academy-banner-icon, 80px) * .7)}.academy-banner__shadow{margin-top:calc(var(--academy-banner-icon, 80px) * .14)}}.academy-banner.is-paused,.academy-banner.is-paused:after,.academy-banner.is-paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.academy-banner,.academy-banner:after,.academy-banner *,.academy-banner *:before{animation:none!important;transition:none!important}.academy-banner--shine:after{display:none}.academy-banner__shadow{opacity:.5}}@media(max-width:749px){.academy-banner__copy,.academy-banner__icon:before{background:#1a1b1899;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-transparency:reduce){.academy-banner__copy,.academy-banner__icon:before{background:#1a1b1899;-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/academy-banner.css.map */