:root{--ab-bf-bg-gradient: linear-gradient(to right, #000000, #111827, #000000);--ab-bf-badge-bg: #facc15;--ab-bf-badge-text: #000000;--ab-bf-text: #ffffff;--ab-bf-highlight: #facc15;--ab-bf-particle: #facc15;--ab-bf-progress: linear-gradient(to right, #facc15, #fde047, #facc15);--ab-christmas-bg-gradient: linear-gradient(to right, #450a0a, #7f1d1d, #450a0a);--ab-christmas-badge-bg: #dc2626;--ab-christmas-badge-text: #ffffff;--ab-christmas-text: #ffffff;--ab-christmas-highlight: #fca5a5;--ab-christmas-particle: #fca5a5;--ab-christmas-progress: linear-gradient(to right, #ef4444, #f87171, #ef4444);--ab-spring-bg-gradient: linear-gradient(to right, #fff1f2, #ecfdf5, #fff1f2);--ab-spring-badge-bg: #f43f5e;--ab-spring-badge-text: #ffffff;--ab-spring-text: #1f2937;--ab-spring-highlight: #e11d48;--ab-spring-particle: #fb7185;--ab-spring-progress: linear-gradient(to right, #fb7185, #fda4af, #fb7185);--ab-summer-bg-gradient: linear-gradient(to right, #0891b2, #2563eb, #0891b2);--ab-summer-badge-bg: #06b6d4;--ab-summer-badge-text: #ffffff;--ab-summer-text: #ffffff;--ab-summer-highlight: #67e8f9;--ab-summer-particle: #67e8f9;--ab-summer-progress: linear-gradient(to right, #22d3ee, #67e8f9, #22d3ee);--ab-autumn-bg-gradient: linear-gradient(to right, #431407, #7c2d12, #431407);--ab-autumn-badge-bg: #f97316;--ab-autumn-badge-text: #ffffff;--ab-autumn-text: #ffffff;--ab-autumn-highlight: #fdba74;--ab-autumn-particle: #fdba74;--ab-autumn-progress: linear-gradient(to right, #f97316, #fb923c, #f97316);--ab-winter-bg-gradient: linear-gradient(to right, #1e293b, #0f172a, #1e293b);--ab-winter-badge-bg: #22d3ee;--ab-winter-badge-text: #0f172a;--ab-winter-text: #ffffff;--ab-winter-highlight: #67e8f9;--ab-winter-particle: #67e8f9;--ab-winter-progress: linear-gradient(to right, #22d3ee, #67e8f9, #22d3ee);--ab-valentine-bg-gradient: linear-gradient(to right, #be123c, #be185d, #be123c);--ab-valentine-badge-bg: #ec4899;--ab-valentine-badge-text: #ffffff;--ab-valentine-text: #ffffff;--ab-valentine-highlight: #fce7f3;--ab-valentine-particle: #f9a8d4;--ab-valentine-progress: linear-gradient(to right, #ec4899, #f472b6, #ec4899);--ab-easter-bg-gradient: linear-gradient(to right, #ede9fe, #fae8ff, #ede9fe);--ab-easter-badge-bg: #8b5cf6;--ab-easter-badge-text: #ffffff;--ab-easter-text: #1f2937;--ab-easter-highlight: #7c3aed;--ab-easter-particle: #a78bfa;--ab-easter-progress: linear-gradient(to right, #a78bfa, #c4b5fd, #a78bfa)}.announcement-bar{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.announcement-bar__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.announcement-bar__background:before,.announcement-bar__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:shimmer 3s ease-in-out infinite}.announcement-bar__background:before{background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent);animation-direction:normal}.announcement-bar__background:after{background:linear-gradient(to left,transparent,rgba(255,255,255,.1),transparent);animation-direction:reverse;animation-delay:1.5s}.announcement-bar__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.announcement-bar__particle{position:absolute;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor,0 0 8px currentColor;animation:float-gentle 12s ease-in-out infinite,twinkle-float 2s ease-in-out infinite;opacity:.8}.announcement-bar__container{position:relative;z-index:10;max-width:100%;margin:0 auto;padding:0 8px}@media (min-width: 640px){.announcement-bar__container{padding:0 16px}}.announcement-bar__content{position:relative;min-height:40px}.announcement-bar__slide{display:none;align-items:center;justify-content:center;gap:6px;padding:8px 0;opacity:0;transform:translateY(4px);transition:opacity .4s ease-in-out,transform .4s ease-in-out}@media (min-width: 640px){.announcement-bar__slide{gap:12px;padding:12px 0}}.announcement-bar__slide[data-active=true]{display:flex;opacity:1;transform:translateY(0)}.announcement-bar__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;flex-shrink:0;width:auto;max-width:fit-content;transition:transform .4s ease-in-out}@media (min-width: 640px){.announcement-bar__badge{gap:6px;padding:4px 12px}}.announcement-bar__badge-icon{width:10px;height:10px;fill:currentColor;animation:pulse 2s ease-in-out infinite}@media (min-width: 640px){.announcement-bar__badge-icon{width:12px;height:12px}}.announcement-bar__badge-text{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}@media (min-width: 640px){.announcement-bar__badge-text{font-size:10px}}.announcement-bar__link{display:flex;align-items:center;gap:6px;flex:1;min-width:0;justify-content:center;text-decoration:none;color:inherit;transition:opacity .3s ease;text-align:center;margin-left:auto;margin-right:auto}@media (min-width: 640px){.announcement-bar__link{margin-left:0;margin-right:0}}@media (min-width: 640px){.announcement-bar__link{gap:12px}}.announcement-bar__link:hover{opacity:.9}.announcement-bar__text-wrapper{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease-in-out,transform .6s ease-in-out;opacity:1;transform:translateY(0)}.announcement-bar__text{font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 640px){.announcement-bar__text{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.announcement-bar__highlight{font-weight:900;margin:0 2px;white-space:nowrap;animation:pulse 2s ease-in-out infinite}.announcement-bar__subtext{font-size:9px;margin-top:2px;opacity:.7;display:none;transition:opacity .6s ease-in-out}@media (min-width: 640px){.announcement-bar__subtext{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.announcement-bar__arrow{width:10px;height:10px;flex-shrink:0;transition:transform .3s ease-out}@media (min-width: 640px){.announcement-bar__arrow{width:14px;height:14px}}.announcement-bar__link:hover .announcement-bar__arrow{transform:translate(6px)}.announcement-bar__progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff14;overflow:visible;z-index:5}.announcement-bar__progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;transition:width .1s linear;background:linear-gradient(to right,transparent 0%,currentColor 20%,currentColor 80%,transparent 100%);opacity:.6;box-shadow:0 0 10px currentColor}.announcement-bar__progress-trail{position:absolute;top:50%;left:0%;width:40px;height:2px;transform:translate(-50%,-50%);background:linear-gradient(to right,transparent,currentColor 50%,transparent);opacity:.4;transition:left .1s linear;filter:blur(3px);z-index:8}.announcement-bar__progress-star{position:absolute;top:50%;left:0%;width:14px;height:14px;transform:translate(-50%,-50%);transition:left .1s linear,opacity .3s ease;z-index:12;pointer-events:none;opacity:1}.announcement-bar__progress-star:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,currentColor 0%,currentColor 40%,transparent 70%);border-radius:50%;animation:star-rotate 4s linear infinite;filter:blur(1px) drop-shadow(0 0 6px currentColor)}.announcement-bar__progress-star:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:radial-gradient(circle,currentColor 0%,currentColor 50%,transparent 100%);border-radius:50%;animation:star-core-pulse 1.5s ease-in-out infinite;box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor;filter:blur(.5px)}.announcement-bar__progress-glow{position:absolute;top:50%;left:0%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,currentColor 0%,rgba(255,255,255,.3) 30%,transparent 70%);opacity:.5;transition:left .1s linear,opacity .3s ease;filter:blur(6px);z-index:9;animation:glow-pulse 2s ease-in-out infinite}.announcement-bar__progress-sparkles{position:absolute;top:50%;left:0%;width:100%;height:100%;transform:translateY(-50%);pointer-events:none;z-index:11;transition:left .1s linear,opacity .3s ease}.announcement-bar__progress-fade{position:absolute;top:0;left:0%;width:20%;height:100%;background:linear-gradient(to right,transparent,currentColor 50%,transparent);opacity:0;transition:left .1s linear,opacity .3s ease;filter:blur(4px);z-index:7;pointer-events:none}.announcement-bar__progress-sparkle{position:absolute;width:3px;height:3px;background:currentColor;border-radius:50%;opacity:0;animation:sparkle-trail .8s ease-out infinite}@keyframes sparkle-trail{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) translateY(-10px)}}.announcement-bar--black-friday{background:var(--ab-bf-bg-gradient);color:var(--ab-bf-text)}.announcement-bar--black-friday .announcement-bar__badge{background-color:var(--ab-bf-badge-bg);color:var(--ab-bf-badge-text)}.announcement-bar--black-friday .announcement-bar__highlight{color:var(--ab-bf-highlight)}.announcement-bar--black-friday .announcement-bar__progress-bar{background:var(--ab-bf-progress)}.announcement-bar--black-friday .announcement-bar__progress-trail{background:var(--ab-bf-progress);color:var(--ab-bf-particle)}.announcement-bar--black-friday .announcement-bar__progress-glow{color:var(--ab-bf-particle)}.announcement-bar--black-friday .announcement-bar__progress-star{background:var(--ab-bf-progress);color:var(--ab-bf-particle)}.announcement-bar--black-friday .announcement-bar__particle{color:var(--ab-bf-particle)}.announcement-bar--christmas{background:var(--ab-christmas-bg-gradient);color:var(--ab-christmas-text)}.announcement-bar--christmas .announcement-bar__badge{background-color:var(--ab-christmas-badge-bg);color:var(--ab-christmas-badge-text)}.announcement-bar--christmas .announcement-bar__highlight{color:var(--ab-christmas-highlight)}.announcement-bar--christmas .announcement-bar__progress-bar{background:var(--ab-christmas-progress)}.announcement-bar--christmas .announcement-bar__progress-trail{background:var(--ab-christmas-progress);color:var(--ab-christmas-particle)}.announcement-bar--christmas .announcement-bar__progress-glow{color:var(--ab-christmas-particle)}.announcement-bar--christmas .announcement-bar__progress-star{background:var(--ab-christmas-progress);color:var(--ab-christmas-particle)}.announcement-bar--christmas .announcement-bar__particle{color:var(--ab-christmas-particle)}.announcement-bar--spring{background:var(--ab-spring-bg-gradient);color:var(--ab-spring-text)}.announcement-bar--spring .announcement-bar__badge{background-color:var(--ab-spring-badge-bg);color:var(--ab-spring-badge-text)}.announcement-bar--spring .announcement-bar__highlight{color:var(--ab-spring-highlight)}.announcement-bar--spring .announcement-bar__progress-bar{background:var(--ab-spring-progress)}.announcement-bar--spring .announcement-bar__progress-trail{background:var(--ab-spring-progress);color:var(--ab-spring-particle)}.announcement-bar--spring .announcement-bar__progress-glow{color:var(--ab-spring-particle)}.announcement-bar--spring .announcement-bar__progress-star{background:var(--ab-spring-progress);color:var(--ab-spring-particle)}.announcement-bar--spring .announcement-bar__particle{color:var(--ab-spring-particle)}.announcement-bar--summer{background:var(--ab-summer-bg-gradient);color:var(--ab-summer-text)}.announcement-bar--summer .announcement-bar__badge{background-color:var(--ab-summer-badge-bg);color:var(--ab-summer-badge-text)}.announcement-bar--summer .announcement-bar__highlight{color:var(--ab-summer-highlight)}.announcement-bar--summer .announcement-bar__progress-bar{background:var(--ab-summer-progress)}.announcement-bar--summer .announcement-bar__progress-trail{background:var(--ab-summer-progress);color:var(--ab-summer-particle)}.announcement-bar--summer .announcement-bar__progress-glow{color:var(--ab-summer-particle)}.announcement-bar--summer .announcement-bar__progress-star{background:var(--ab-summer-progress);color:var(--ab-summer-particle)}.announcement-bar--summer .announcement-bar__particle{color:var(--ab-summer-particle)}.announcement-bar--autumn{background:var(--ab-autumn-bg-gradient);color:var(--ab-autumn-text)}.announcement-bar--autumn .announcement-bar__badge{background-color:var(--ab-autumn-badge-bg);color:var(--ab-autumn-badge-text)}.announcement-bar--autumn .announcement-bar__highlight{color:var(--ab-autumn-highlight)}.announcement-bar--autumn .announcement-bar__progress-bar{background:var(--ab-autumn-progress)}.announcement-bar--autumn .announcement-bar__progress-trail{background:var(--ab-autumn-progress);color:var(--ab-autumn-particle)}.announcement-bar--autumn .announcement-bar__progress-glow{color:var(--ab-autumn-particle)}.announcement-bar--autumn .announcement-bar__progress-star{background:var(--ab-autumn-progress);color:var(--ab-autumn-particle)}.announcement-bar--autumn .announcement-bar__particle{color:var(--ab-autumn-particle)}.announcement-bar--winter{background:var(--ab-winter-bg-gradient);color:var(--ab-winter-text)}.announcement-bar--winter .announcement-bar__badge{background-color:var(--ab-winter-badge-bg);color:var(--ab-winter-badge-text)}.announcement-bar--winter .announcement-bar__highlight{color:var(--ab-winter-highlight)}.announcement-bar--winter .announcement-bar__progress-bar{background:var(--ab-winter-progress)}.announcement-bar--winter .announcement-bar__progress-trail{background:var(--ab-winter-progress);color:var(--ab-winter-particle)}.announcement-bar--winter .announcement-bar__progress-glow{color:var(--ab-winter-particle)}.announcement-bar--winter .announcement-bar__progress-star{background:var(--ab-winter-progress);color:var(--ab-winter-particle)}.announcement-bar--winter .announcement-bar__particle{color:var(--ab-winter-particle)}.announcement-bar--valentine{background:var(--ab-valentine-bg-gradient);color:var(--ab-valentine-text)}.announcement-bar--valentine .announcement-bar__badge{background-color:var(--ab-valentine-badge-bg);color:var(--ab-valentine-badge-text)}.announcement-bar--valentine .announcement-bar__highlight{color:var(--ab-valentine-highlight)}.announcement-bar--valentine .announcement-bar__progress-bar{background:var(--ab-valentine-progress)}.announcement-bar--valentine .announcement-bar__progress-trail{background:var(--ab-valentine-progress);color:var(--ab-valentine-particle)}.announcement-bar--valentine .announcement-bar__progress-glow{color:var(--ab-valentine-particle)}.announcement-bar--valentine .announcement-bar__progress-star{background:var(--ab-valentine-progress);color:var(--ab-valentine-particle)}.announcement-bar--valentine .announcement-bar__particle{color:var(--ab-valentine-particle)}.announcement-bar--easter{background:var(--ab-easter-bg-gradient);color:var(--ab-easter-text)}.announcement-bar--easter .announcement-bar__badge{background-color:var(--ab-easter-badge-bg);color:var(--ab-easter-badge-text)}.announcement-bar--easter .announcement-bar__highlight{color:var(--ab-easter-highlight)}.announcement-bar--easter .announcement-bar__progress-bar{background:var(--ab-easter-progress)}.announcement-bar--easter .announcement-bar__progress-trail{background:var(--ab-easter-progress);color:var(--ab-easter-particle)}.announcement-bar--easter .announcement-bar__progress-glow{color:var(--ab-easter-particle)}.announcement-bar--easter .announcement-bar__progress-star{background:var(--ab-easter-progress);color:var(--ab-easter-particle)}.announcement-bar--easter .announcement-bar__particle{color:var(--ab-easter-particle)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float-gentle{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,5px)}75%{transform:translate(-10px,-5px)}}@keyframes twinkle-float{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes star-rotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.8}25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.15);opacity:1}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1);opacity:.9}75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) scale(1);opacity:.8}}@keyframes star-core-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}}@keyframes glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.7}}@media (max-width: 639px){.announcement-bar__badge,.announcement-bar__inner>.announcement-bar__badge{display:none!important}.announcement-bar__inner{padding-left:8px;padding-right:8px;justify-content:center}.announcement-bar__link{flex:1;min-width:0;margin-left:0;margin-right:0;width:100%}.announcement-bar__text-wrapper{width:100%;flex-direction:row;justify-content:center;align-items:center}.announcement-bar__text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.announcement-bar__subtext{display:none!important}}.announcement-bar__shimmer,.announcement-bar__shimmer-reverse{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.announcement-bar__shimmer{background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s ease-in-out infinite}.announcement-bar__shimmer-reverse{background:linear-gradient(to left,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite reverse;animation-delay:1.5s}.announcement-bar__inner{position:relative;z-index:10;max-width:100%;margin:0 auto;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;min-height:40px}@media (min-width: 640px){.announcement-bar__inner{gap:12px;padding:0 16px}.announcement-bar__inner>.announcement-bar__badge{position:absolute;left:16px;z-index:20}}.announcement-bar__inner>.announcement-bar__badge{flex:0 0 auto;width:auto;min-width:auto}.announcement-bar__badge--desktop{display:none!important}.announcement-bar__badge--mobile{display:inline-flex!important}@media (min-width: 640px){.announcement-bar__badge--desktop{display:inline-flex!important}.announcement-bar__badge--mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/announcement-bar-blackfriday.css.map */