.hero-rotator{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 30%,var(--hr-a),var(--hr-b) 55%,#FFFFFF 90%);transition:background 1s ease;padding:50px 0 0;text-align:center}@media(min-width:750px){.hero-rotator{padding:80px 0 0}}.hero-rotator:before,.hero-rotator:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0;transition:background 1s ease;animation:hrDrift 9s ease-in-out infinite}.hero-rotator:before{width:340px;height:340px;background:var(--hr-blob1);top:-80px;left:-60px}.hero-rotator:after{width:300px;height:300px;background:var(--hr-blob2);bottom:-60px;right:-40px;animation-delay:-4.5s}@keyframes hrDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18px,-14px) scale(1.08)}}.hr-content{position:relative;text-align:center}.hr-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hr-accent);font-weight:700;margin-bottom:14px;transition:color 1s ease}.hr-title{font-weight:800;font-size:38px;letter-spacing:-.03em;margin-bottom:16px;min-height:1.1em;transition:opacity .4s ease}@media(min-width:750px){.hr-title{font-size:64px}}.hr-lead{font-size:13px;color:#5b6572;margin-bottom:8px;padding:0 12px}@media(min-width:750px){.hr-lead{font-size:16px}}.hr-img-wrap{position:relative;margin-top:30px;display:flex;align-items:center;justify-content:center;height:calc(var(--hr-main-size-m, 150px) + 50px)}@media(min-width:750px){.hr-img-wrap{height:calc(var(--hr-main-size-d, 230px) + 50px)}}.hr-img-wrap img{position:absolute;top:50%;left:50%;transition:opacity .6s ease,transform .6s ease;cursor:pointer;object-fit:contain}.hr-img-side{width:var(--hr-side-size-m, 70px);opacity:.45;filter:blur(1.5px) drop-shadow(0 12px 24px rgba(23,59,94,.15))}@media(min-width:750px){.hr-img-side{width:var(--hr-side-size-d, 105px)}}.hr-img-left{transform:translate(calc(-50% - var(--hr-gap-m)),-50%)}.hr-img-right{transform:translate(calc(-50% + var(--hr-gap-m)),-50%)}@media(min-width:750px){.hr-img-left{transform:translate(calc(-50% - var(--hr-gap-d)),-50%)}.hr-img-right{transform:translate(calc(-50% + var(--hr-gap-d)),-50%)}}.hr-img-main{width:var(--hr-main-size-m, 150px);filter:drop-shadow(0 20px 40px rgba(23,59,94,.22));z-index:2;transform:translate(-50%,-50%)}@media(min-width:750px){.hr-img-main{width:var(--hr-main-size-d, 230px)}}.hr-img-main.hr-fade-out{opacity:0;transform:translate(-50%,-50%) scale(.96)}.hr-cta{position:relative;z-index:2;margin-top:28px}.hr-btn{font-weight:700;font-size:14px;padding:15px 30px;border-radius:30px;display:inline-block;cursor:pointer;background:#12151a;color:#fff;text-decoration:none;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hr-btn:hover{background:#173b5e;transform:translateY(-2px);box-shadow:0 10px 24px #173b5e47}.hr-btn:active{transform:translateY(0) scale(.97)}.hr-dots{position:relative;z-index:2;display:flex;justify-content:center;gap:7px;margin-top:26px}.hr-dots span{width:6px;height:6px;border-radius:50%;background:#c6d8e8;transition:background .3s ease,width .3s ease}.hr-dots span.active{background:var(--hr-accent);width:18px;border-radius:4px}.hr-pillnav{position:relative;z-index:2;margin-top:30px;display:flex;flex-wrap:nowrap}.hr-pillnav a{flex:1 1 0;min-width:0;text-align:center;padding:9px 2px;font-size:7.8px;font-weight:700;letter-spacing:0;color:#fff;text-transform:uppercase;cursor:pointer;background:#b8cfe0;transition:background .35s ease,transform .15s ease;position:relative;box-sizing:border-box;display:block;text-decoration:none;word-break:break-word;line-height:1.2}@media(min-width:750px){.hr-pillnav a{padding:15px 8px;font-size:12.5px;letter-spacing:.03em}}.hr-pillnav a:hover{transform:translateY(-2px)}.hr-pillnav a.active{background:var(--hr-accent);box-shadow:inset 0 -3px #fff9}.hr-ripple{position:absolute;border-radius:50%;background:#ffffff8c;transform:scale(0);animation:hrRippleAnim .55s ease-out forwards;pointer-events:none}@keyframes hrRippleAnim{to{transform:scale(3.2);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-rotator:before,.hero-rotator:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-product-rotator.css.map */