.fantom-announcement{position:relative;z-index:var(--fantom-z-sticky);background-color:var(--fa-bg, var(--fantom-bg));color:var(--fa-text, var(--fantom-text));font-family:var(--fantom-font-body);line-height:1;isolation:isolate}.fantom-announcement__container{width:100%;max-width:100%;margin:0;padding:0 12px 0 0;display:flex;align-items:stretch;gap:10px;background-color:var(--fa-bg, var(--fantom-bg))}.fantom-announcement__frame{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:stretch;min-height:var(--fa-h-desktop, 44px);padding:0;background-color:var(--fa-bg, var(--fantom-bg-elevated));border:1px solid transparent;border-radius:0;overflow:hidden;background-clip:padding-box}.fantom-announcement__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--fa-border-thickness, 2px);border-radius:inherit;background:var(--fantom-gradient-holo);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:2}.fantom-announcement__frame:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at 10% 50%,rgba(193,61,255,.08),transparent 40%),radial-gradient(ellipse at 90% 50%,rgba(255,215,0,.06),transparent 40%);z-index:-1;pointer-events:none}.fantom-announcement__side{position:relative;display:flex;align-items:center;flex-shrink:0;z-index:1}.fantom-announcement__side--left{padding:0 0 0 12px;align-self:center}.fantom-announcement__badge{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background-color:var(--fa-bg, var(--fantom-bg));border:1px solid rgba(255,255,255,.12);border-radius:var(--fantom-radius-pill);color:var(--fa-text, var(--fantom-text));font-size:var(--fantom-fs-micro);font-weight:var(--fa-fw, 700);letter-spacing:var(--fa-tracking, .08em);text-transform:uppercase;white-space:nowrap}.fantom-announcement__badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.fantom-announcement__marquee{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;z-index:1}.fantom-marquee__item--countdown{display:inline-flex;align-items:center;gap:8px;color:var(--fa-text, var(--fantom-text));font-family:var(--fantom-font-body);font-size:var(--fa-fs-desktop, 12px);font-weight:var(--fa-fw, 700);letter-spacing:var(--fa-tracking, .08em);text-transform:uppercase;white-space:nowrap}.fantom-marquee__countdown-prefix{color:var(--fa-text, var(--fantom-text))}.fantom-marquee__countdown-time{color:var(--fa-countdown, var(--fantom-gold));font-variant-numeric:tabular-nums;font-weight:var(--fa-fw, 700);letter-spacing:.02em;animation:fantom-countdown-pulse 2s var(--fantom-ease-standard) infinite}@keyframes fantom-countdown-pulse{0%,to{opacity:1}50%{opacity:.75}}.fantom-marquee{display:flex;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}.fantom-marquee__track{display:flex;flex-shrink:0;min-width:100%;gap:var(--fantom-marquee-gap, 48px);animation:fantom-marquee-scroll var(--fantom-marquee-speed, 40s) linear infinite;will-change:transform}.fantom-marquee__track--reverse{animation-direction:reverse}.fantom-marquee__group{display:flex;align-items:center;gap:var(--fantom-marquee-gap, 48px);flex-shrink:0;padding-right:var(--fantom-marquee-gap, 48px)}.fantom-marquee__item{display:inline-flex;align-items:center;gap:8px;color:var(--fa-text, var(--fantom-text));font-size:var(--fa-fs-desktop, 12px);font-weight:var(--fa-fw, 700);letter-spacing:var(--fa-tracking, .08em);text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:color var(--fantom-duration-fast) var(--fantom-ease-standard)}.fantom-marquee__item--link:hover,.fantom-marquee__item--link:focus-visible{color:var(--fa-countdown, var(--fantom-gold))}.fantom-marquee__item--divider{color:var(--fa-text, var(--fantom-text-muted));opacity:.5;font-size:10px}.fantom-marquee__icon{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}@keyframes fantom-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.fantom-marquee[data-pause-on-hover=true]:hover .fantom-marquee__track,.fantom-marquee[data-pause-on-hover=true]:focus-within .fantom-marquee__track{animation-play-state:paused}@media(max-width:639px){.fantom-announcement__container{padding:0}.fantom-announcement__frame{min-height:var(--fa-h-mobile, 44px);padding:0 var(--fa-padding-x, 12px)}.fantom-announcement__side{display:none}.fantom-marquee__item,.fantom-marquee__item--countdown{font-size:var(--fa-fs-mobile, 11px)}.fantom-marquee__group{gap:32px;padding-right:32px}}@media(prefers-reduced-motion:reduce){.fantom-marquee__track{animation:none;justify-content:center;flex-wrap:wrap}.fantom-marquee{-webkit-mask-image:none;mask-image:none}.fantom-marquee__countdown-time{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fantom-announcement-bar.css.map */