.costan-announcement-bar{position:relative;z-index:85;width:100%;min-height:var(--costan-announcement-height);display:flex;align-items:center;color:var(--costan-announcement-text);overflow:hidden;isolation:isolate}.costan-announcement-bar *,.costan-announcement-bar *:before,.costan-announcement-bar *:after{box-sizing:border-box}.costan-announcement-bar--bg-transparent,.costan-announcement-bar--overlay-home{background:transparent}.costan-announcement-bar--bg-solid{background:var(--costan-announcement-solid-bg)}.costan-announcement-bar--bg-glass{background:color-mix(in srgb,var(--costan-announcement-glass-bg) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.costan-announcement-bar--bg-gradient{background:var(--costan-announcement-gradient-bg)}.costan-announcement-bar__viewport{width:100%;overflow:hidden}.costan-announcement-bar__track{display:flex;width:max-content;will-change:transform}.costan-announcement-bar--mode-marquee .costan-announcement-bar__track{animation:costanAnnouncementMarquee var(--costan-announcement-speed) linear infinite}.costan-announcement-bar--mode-slide .costan-announcement-bar__track{animation:costanAnnouncementSlide var(--costan-announcement-speed) steps(var(--costan-announcement-count)) infinite}.costan-announcement-bar--pause:hover .costan-announcement-bar__track{animation-play-state:paused}.costan-announcement-bar__group{display:flex;align-items:center;flex-shrink:0}.costan-announcement-bar--mode-slide .costan-announcement-bar__group{min-width:calc(100vw * var(--costan-announcement-count))}.costan-announcement-bar__static{width:100%;min-height:var(--costan-announcement-height);display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,56px);padding:0 clamp(14px,4vw,72px)}.costan-announcement-bar__item{min-height:var(--costan-announcement-height);display:flex;align-items:center;flex-shrink:0;padding:0 clamp(22px,4vw,72px)}.costan-announcement-bar--mode-slide .costan-announcement-bar__item{width:100vw;justify-content:center;padding:0 22px}.costan-announcement-bar--mode-static .costan-announcement-bar__item,.costan-announcement-bar--mode-coupon .costan-announcement-bar__item,.costan-announcement-bar--mode-countdown .costan-announcement-bar__item{padding:0}.costan-announcement-bar__link{min-height:var(--costan-announcement-height);max-width:calc(100vw - 28px);display:inline-flex;align-items:center;justify-content:center;gap:12px;color:inherit;text-decoration:none;white-space:nowrap}.costan-announcement-bar__eyebrow,.costan-announcement-bar__text{display:inline-block;font-size:var(--costan-announcement-font-size);line-height:1.1}.costan-announcement-bar__eyebrow{flex-shrink:0;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.92}.costan-announcement-bar__text{min-width:0;font-weight:600;letter-spacing:.02em}.costan-announcement-bar--text-gradient .costan-announcement-bar__eyebrow,.costan-announcement-bar--text-gradient .costan-announcement-bar__text{background:var(--costan-announcement-gradient-text);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:costanAnnouncementTextShine 4.8s ease-in-out infinite alternate}.costan-announcement-bar--text-solid .costan-announcement-bar__eyebrow,.costan-announcement-bar--text-solid .costan-announcement-bar__text{color:var(--costan-announcement-text)}.costan-announcement-bar__coupon{height:28px;flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid color-mix(in srgb,var(--costan-announcement-accent) 82%,#ffffff 18%);border-radius:999px;background:color-mix(in srgb,var(--costan-announcement-accent) 14%,transparent);color:var(--costan-announcement-accent);font:inherit;font-size:11px;line-height:1;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.costan-announcement-bar--mode-coupon .costan-announcement-bar__coupon{background:var(--costan-announcement-accent);color:#050505;border-color:var(--costan-announcement-accent)}.costan-announcement-bar__coupon:hover,.costan-announcement-bar__coupon.is-copied{transform:translateY(-1px);background:var(--costan-announcement-accent);color:#050505;border-color:var(--costan-announcement-accent)}.costan-announcement-bar__coupon-label{opacity:.78}.costan-announcement-bar__coupon strong{font-weight:900;letter-spacing:.08em}.costan-announcement-bar__countdown{height:28px;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#00000024;color:#fff;font-size:11px;line-height:1;text-transform:uppercase}.costan-announcement-bar__countdown span{opacity:.68}.costan-announcement-bar__countdown strong{color:var(--costan-announcement-accent);font-weight:900;letter-spacing:.08em;white-space:nowrap}.costan-announcement-bar__countdown.is-ended strong{color:#fff}@keyframes costanAnnouncementMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes costanAnnouncementSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes costanAnnouncementTextShine{0%{background-position:0% 50%}to{background-position:100% 50%}}@media screen and (max-width:749px){.costan-announcement-bar{min-height:var(--costan-announcement-height)}.costan-announcement-bar__item{min-height:var(--costan-announcement-height);padding:0 24px}.costan-announcement-bar--mode-slide .costan-announcement-bar__item{width:100vw;padding:0 12px}.costan-announcement-bar__link{min-height:var(--costan-announcement-height);width:100%;max-width:calc(100vw - 24px);gap:7px}.costan-announcement-bar__eyebrow,.costan-announcement-bar__text{font-size:min(11px,var(--costan-announcement-font-size));line-height:1}.costan-announcement-bar--mode-countdown .costan-announcement-bar__eyebrow,.costan-announcement-bar--mode-slide .costan-announcement-bar__eyebrow{display:none}.costan-announcement-bar--mode-slide .costan-announcement-bar__text,.costan-announcement-bar--mode-countdown .costan-announcement-bar__text,.costan-announcement-bar--mode-coupon .costan-announcement-bar__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costan-announcement-bar__coupon,.costan-announcement-bar__countdown{height:24px;padding:0 8px;font-size:9px;gap:5px}.costan-announcement-bar__countdown strong{letter-spacing:.04em}.costan-announcement-bar__static{min-height:var(--costan-announcement-height);justify-content:center;overflow-x:hidden;gap:12px;padding:0 12px}.costan-announcement-bar--mode-static .costan-announcement-bar__static{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.costan-announcement-bar--mode-static .costan-announcement-bar__static::-webkit-scrollbar{display:none}}@media screen and (max-width:390px){.costan-announcement-bar__item{padding:0 18px}.costan-announcement-bar__link{max-width:calc(100vw - 18px);gap:6px}.costan-announcement-bar__coupon-label,.costan-announcement-bar__countdown>span{display:none}.costan-announcement-bar__coupon,.costan-announcement-bar__countdown{padding:0 8px}}@media(prefers-reduced-motion:reduce){.costan-announcement-bar__track,.costan-announcement-bar--text-gradient .costan-announcement-bar__eyebrow,.costan-announcement-bar--text-gradient .costan-announcement-bar__text{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/costan-announcement-bar.css.map */