fomo-banner{--fomo-accent: #891e24;--fomo-tint: #fbf3f3;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin:0;padding:.625rem 1rem;border-bottom:1px solid rgba(0,0,0,.06);background:var(--fomo-tint);background:color-mix(in srgb,var(--fomo-accent) 7%,#fff);color:var(--fomo-accent);font-size:.9375rem;font-weight:700;line-height:1.3;text-align:center;transition:opacity .4s ease,transform .4s ease}fomo-banner:not([data-enabled=true]){display:none}fomo-banner.hide{opacity:0;transform:translateY(-10px);pointer-events:none}fomo-banner .fomo-text{margin:0}fomo-banner .fomo-timer{display:inline-flex;align-items:flex-start;gap:.25rem;direction:ltr;unicode-bidi:isolate}fomo-banner .fomo-timer__unit{display:inline-flex;flex-direction:column;align-items:center;gap:.125rem}fomo-banner .fomo-timer__unit b{box-sizing:border-box;min-width:2.25rem;padding:.2rem .3rem;border:1px solid rgba(0,0,0,.08);border-radius:.375rem;background:#fff;color:var(--fomo-accent);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}fomo-banner .fomo-timer__unit small{color:#5f5f5f;font-size:.625rem;font-weight:500;line-height:1}fomo-banner .fomo-timer__sep{padding-top:.2rem;font-size:1rem;line-height:1.2}fomo-banner .fomo-timer.is-ended{font-size:1rem}fomo-banner .fomo-coupon button{font-family:inherit;font-weight:inherit;display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border:1px dashed var(--fomo-accent);border-radius:.375rem;background:var(--fomo-btn-bg, #fff);color:var(--fomo-btn-color, var(--fomo-accent));font-size:.8125rem;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}fomo-banner .fomo-coupon button:hover{background:var(--fomo-btn-hover, #fff)}fomo-banner .fomo-coupon button.copied{background:var(--fomo-btn-copied, #fff)}@media(max-width:767.98px){fomo-banner{flex-wrap:nowrap;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;text-align:start}fomo-banner .fomo-timer__unit b{min-width:2rem;font-size:.9375rem}}@media(prefers-reduced-motion:reduce){fomo-banner,fomo-banner .fomo-coupon button{transition:none}}@media(min-width:992px){fomo-banner[data-enabled=true]{margin-bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/component-fomo-banner.css.map */