body{background-color:#0f1728}.shopify-section:has(.gradient-hero-section){transform:translate(0) translateY(200px) scale(.2);position:sticky;bottom:50px;left:50px;z-index:9;width:100%;margin-top:200px}.shopify-section .gradient-hero-section{border-radius:20px;opacity:0;visibility:hidden;transition:all .5s ease-out}.gradient-hero-section marquee-component{display:block;width:100%;overflow:hidden}.gradient-hero-section .marquee__wrapper{display:flex;gap:var(--marquee-gap);width:fit-content;white-space:nowrap}.gradient-hero-section .marquee__content{min-width:max-content;display:flex;gap:var(--marquee-gap)}.gradient-hero-section .marquee__content :is(p,h1,h2,h3,h4,h5,h6){white-space:nowrap}.gradient-hero-section .marquee__content .marquee__repeated-items *{max-width:none}.gradient-hero-section .marquee__repeated-items{min-width:max-content;display:flex;gap:var(--marquee-gap);align-items:center;justify-content:center}.gradient-hero-section .marquee__repeated-items>*{align-content:center}.gradient-hero-section marquee-component{display:flex;width:100%;max-width:100%;max-height:100%;place-items:center;padding:10px;list-style-type:none;opacity:1;-webkit-mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000);mask-image:linear-gradient(to right,#0000,#000 12.5% 87.5%,#0000);overflow:hidden;margin:0 50px;max-width:calc(100% - 100px)}.gradient-hero-section marquee-component .marquee-item,.gradient-hero-section marquee-component .marquee-item h2{color:#fff3;text-transform:uppercase;font-size:90.44px;line-height:1.2em}.gradient-hero-section marquee-component{position:absolute;top:50%;left:0;transform:translatey(-50%)}.gradient-hero-content{position:relative}.gradient-hero-section .gradient-hero-content-image{width:100%;max-width:clamp(200px,50vw,446px);aspect-ratio:1 / 1;overflow:visible;position:relative}.gradient-hero-section .gradient-hero-content-image img{width:100%;height:100%}.gradient-hero-section .gradient-hero-section-contents{display:grid;justify-content:center;justify-items:center;gap:30px}.gradient-hero-section .content-text *{margin:0;font-size:clamp(18px,2.5vw,22.62px);line-height:1.2em;text-transform:uppercase}.gradient-hero-section .button{padding:15px 30px}@media (prefers-reduced-motion: no-preference){marquee-component:not([data-disabled]) .marquee__wrapper{animation:marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction)}}@keyframes marquee-motion{to{transform:translate3d(calc(-50% - (var(--marquee-gap) / 2)),0,0)}}@media screen and (min-width: 1199px){.shopify-section:has(.gradient-hero-section){max-height:calc(100vh + -0)}}@media screen and (max-width: 749px){.shopify-section:has(.gradient-hero-section){bottom:0;left:0;position:unset;transform:unset!important;margin:0;padding:0!important}.gradient-hero-section .marquee__content[aria-hidden]{display:none}.gradient-hero-section marquee-component .marquee-item,.gradient-hero-section marquee-component .marquee-item h2{font-size:78px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/gradient-hero-section.css.map */