.animated-statement-banner{width:100%;position:relative;margin:0;padding:0;overflow:hidden;min-height:800px;display:flex;align-items:center;justify-content:center}body:has(main[data-template*=collection]) .content-for-layout[data-template*=collection]>.shopify-section:first-child:has(.animated-statement-banner){margin-top:calc(-1 * var(--header-group-height, 0px));position:relative}.animated-statement-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.animated-statement-banner__bg-img,.animated-statement-banner__bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.animated-statement-banner__bg-placeholder svg{width:100%;height:100%}.animated-statement-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006}.animated-statement-banner__content{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--dfk-space-80);width:100%;max-width:1440px;margin:0 auto;padding:0 var(--dfk-space-40)}.animated-statement-banner__static-text{color:var(--dfk-bg-light);white-space:nowrap;flex-shrink:0;margin:0}.animated-statement-banner__dot{display:block;flex-shrink:0;width:12px;height:12px;border-radius:var(--dfk-radius-full);background-color:var(--dfk-glacier-100);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #9ec3d600,0 0 #9ec3d600,0 0 #9ec3d600}50%{box-shadow:0 0 6px 4px #9ec3d6a6,0 0 18px 10px #9ec3d652,0 0 40px 22px #9ec3d624}}.animated-statement-banner__ticker-wrapper{display:block;flex-shrink:0;width:489px}.animated-statement-banner__ticker{overflow:hidden;width:100%;display:grid}.animated-statement-banner__statement{grid-area:1 / 1;width:100%;margin:0;display:flex;align-items:center;color:var(--dfk-bg-light);transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.animated-statement-banner__statement.is-active{transform:translateY(0)}.animated-statement-banner__statement.is-leaving{transform:translateY(-100%)}.animated-statement-banner__btn{flex-shrink:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){.animated-statement-banner__statement{transition-duration:.01ms}.animated-statement-banner__dot{animation:none}}@media(min-width:769px)and (max-width:1439px){.animated-statement-banner{min-height:clamp(500px,55.56vw,800px)}.animated-statement-banner__content{gap:clamp(40px,5.56vw,80px)}.animated-statement-banner__ticker-wrapper{width:clamp(280px,33.96vw,489px)}.animated-statement-banner__dot{width:clamp(8px,.83vw,12px);height:clamp(8px,.83vw,12px)}}@media(max-width:768px){.animated-statement-banner{min-height:0;padding:var(--dfk-space-64) var(--dfk-space-24);align-items:stretch}.animated-statement-banner__content{flex-direction:column;align-items:center;gap:var(--dfk-space-24);padding:0}.animated-statement-banner__static-text{white-space:normal;text-align:center;font-size:24px}.animated-statement-banner__dot{width:8px;height:8px}.animated-statement-banner__ticker-wrapper{width:100%;max-width:305px}.animated-statement-banner__statement{text-align:center;font-size:24px;justify-content:center}.animated-statement-banner__btn{align-self:center}}body:has(main[data-template*=collection]) .content-for-layout[data-template*=collection] .animated-statement-banner{min-height:500px}body:has(main[data-template*=collection]) .content-for-layout[data-template*=collection] .animated-statement-banner__content .animated-statement-banner__dot:last-of-type{display:none}@media(min-width:769px)and (max-width:1439px){body:has(main[data-template*=collection]) .content-for-layout[data-template*=collection] .animated-statement-banner{min-height:clamp(300px,34.7222vw,500px)}}@media(max-width:768px){body:has(main[data-template*=collection]) .content-for-layout[data-template*=collection] .animated-statement-banner{min-height:300px;height:300px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/animated-statement-banner.css.map */