.badge-banner{position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.badge-banner.is-visible{opacity:1;transform:translateY(0)}.badge-banner__inner{position:relative;z-index:2;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.badge-banner__title{font-weight:400;font-size:clamp(30px,6vw,var(--badge-title-size, 56px));line-height:1.05;letter-spacing:.01em;margin:0;max-width:14ch;text-wrap:balance;opacity:0;transform:translateY(-24px) rotate(-3deg) scale(.92);will-change:transform,opacity}.badge-banner__title--above{margin-bottom:24px}.badge-banner__title--below{margin-bottom:16px}.is-visible .badge-banner__title--above{animation:title-in .8s cubic-bezier(.34,1.56,.64,1) .1s forwards}.is-visible .badge-banner__title--below{animation:title-in .8s cubic-bezier(.34,1.56,.64,1) .6s forwards}@keyframes title-in{0%{opacity:0;transform:translateY(-24px) rotate(-3deg) scale(.92)}60%{opacity:1;transform:translateY(4px) rotate(1deg) scale(1.02)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.badge-banner__badge-wrap{width:min(320px,60vw);margin-bottom:28px}.badge-banner__badge{display:block;width:100%;height:auto;opacity:0;transform:scale(.4) rotate(-30deg);transform-origin:center;will-change:transform,opacity}.is-visible .badge-banner__badge{animation:badge-enter .9s cubic-bezier(.34,1.56,.64,1) .25s forwards,badge-wobble 3.4s ease-in-out 1.15s infinite}@keyframes badge-enter{0%{opacity:0;transform:scale(.4) rotate(-30deg)}60%{opacity:1;transform:scale(1.06) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes badge-wobble{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.015) rotate(-2deg)}}.is-visible .badge-banner__badge-wrap:hover .badge-banner__badge{animation:badge-enter .9s cubic-bezier(.34,1.56,.64,1) .25s forwards,badge-wobble 3.4s ease-in-out 1.15s infinite,badge-hover-wiggle .5s ease-in-out}@keyframes badge-hover-wiggle{0%,to{transform:scale(1) rotate(-6deg)}25%{transform:scale(1.08) rotate(6deg)}50%{transform:scale(1.04) rotate(-10deg)}75%{transform:scale(1.08) rotate(4deg)}}.badge-banner__text{display:flex;flex-direction:column;gap:4px;font-size:clamp(15px,2vw,19px);line-height:1.5;margin:0}.badge-banner__line{opacity:0;transform:translateY(16px);will-change:transform,opacity}.is-visible .badge-banner__line--1{animation:line-in .6s ease-out .85s forwards}.is-visible .badge-banner__line--2{animation:line-in .6s ease-out 1.05s forwards}@keyframes line-in{to{opacity:1;transform:translateY(0)}}.badge-banner__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.badge-banner__star{position:absolute;color:var(--color-cream, #F9E8D0);opacity:.35;width:22px;height:22px}.badge-banner__star svg{width:100%;height:100%;display:block}.badge-banner__star--1{top:12%;left:8%;width:18px;animation:star-float-a 7s ease-in-out infinite}.badge-banner__star--2{top:22%;left:88%;width:26px;animation:star-float-b 9s ease-in-out infinite}.badge-banner__star--3{top:70%;left:6%;width:16px;animation:star-float-c 6.5s ease-in-out infinite}.badge-banner__star--4{top:78%;left:92%;width:22px;animation:star-float-a 8s ease-in-out infinite reverse}.badge-banner__star--5{top:6%;left:46%;width:14px;animation:star-float-b 10s ease-in-out infinite}.badge-banner__star--6{top:85%;left:48%;width:18px;animation:star-float-c 7.5s ease-in-out infinite reverse}@keyframes star-float-a{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(20deg)}}@keyframes star-float-b{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(14px) rotate(-16deg)}}@keyframes star-float-c{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-10px) rotate(12deg)}}.reduce-motion.badge-banner{transition:opacity .3s ease!important;transform:none!important}.reduce-motion .badge-banner__title,.reduce-motion .badge-banner__badge,.reduce-motion .badge-banner__line{animation:none!important;opacity:1!important;transform:none!important;transition:opacity .3s ease}.reduce-motion .badge-banner__star{animation:none!important}@media(prefers-reduced-motion:reduce){.badge-banner{transition:opacity .3s ease!important;transform:none!important}.badge-banner__title,.badge-banner__badge,.badge-banner__line,.badge-banner__star{animation:none!important}.is-visible .badge-banner__title,.is-visible .badge-banner__badge,.is-visible .badge-banner__line{opacity:1;transform:none}}@media screen and (max-width:749px){.badge-banner__title--above{margin-bottom:18px}.badge-banner__badge-wrap{width:min(240px,68vw);margin-bottom:20px}.badge-banner__star{display:none}.badge-banner__star--1,.badge-banner__star--2,.badge-banner__star--3{display:block}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/badge-banner.css.map */