.countdown-banner{display:block;position:relative;width:100%}.countdown-banner__media-wrapper{position:relative;width:100%}.countdown-banner__media{position:relative;width:100%;height:100%;overflow:visible}.countdown-banner__media:before{content:"";display:block}.countdown-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.countdown-banner__image--desktop{display:none!important}.countdown-banner__image--mobile{display:block!important}@media screen and (min-width: 750px){.countdown-banner__image--desktop{display:block!important}.countdown-banner__image--mobile{display:none!important}}.countdown-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2}.countdown-banner__media-wrapper{position:relative}.countdown-banner__label{position:absolute;pointer-events:auto;text-align:center;color:rgb(var(--color-foreground));font-weight:600;white-space:nowrap;z-index:10;line-height:1.2}.countdown-banner__countdown{position:absolute;pointer-events:auto;transform:translate(calc(-50% + var(--countdown-offset-x, 0px)),calc(-50% + var(--countdown-offset-y, 0px)));text-align:center;color:rgb(var(--color-foreground));font-weight:600;white-space:nowrap;z-index:10;line-height:1.2}.countdown-banner__available{position:absolute;pointer-events:auto;transform:translate(calc(-50% + var(--available-text-offset-x, 0px)),calc(-50% + var(--available-text-offset-y, 0px)));text-align:center;color:rgb(var(--color-foreground));font-weight:600;white-space:nowrap;z-index:10;line-height:1.2}.countdown-banner__label--top-left{top:calc(0% + var(--label-offset-y, 0%));left:calc(0% + var(--label-offset-x, 0%));transform:translate(0)}.countdown-banner__label--top-center{top:calc(0% + var(--label-offset-y, 0%));left:calc(50% + var(--label-offset-x, 0%));transform:translate(-50%)}.countdown-banner__label--top-right{top:calc(0% + var(--label-offset-y, 0%));right:calc(0% - var(--label-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__label--middle-left{top:calc(50% + var(--label-offset-y, 0%));left:calc(0% + var(--label-offset-x, 0%));transform:translateY(-50%)}.countdown-banner__label--middle-center{top:calc(50% + var(--label-offset-y, 0%));left:calc(50% + var(--label-offset-x, 0%));transform:translate(-50%,-50%)}.countdown-banner__label--middle-right{top:calc(50% + var(--label-offset-y, 0%));right:calc(0% - var(--label-offset-x, 0%));left:auto;transform:translateY(-50%)}.countdown-banner__label--bottom-left{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;left:calc(0% + var(--label-offset-x, 0%));transform:translate(0)}.countdown-banner__label--bottom-center{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;left:calc(50% + var(--label-offset-x, 0%));transform:translate(-50%)}.countdown-banner__label--bottom-right{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;right:calc(0% - var(--label-offset-x, 0%));left:auto;transform:translate(0)}@media screen and (max-width: 749px){.countdown-banner__label--mobile-top-left{top:calc(0% + var(--label-offset-y, 0%));left:calc(0% + var(--label-offset-x, 0%));right:auto;bottom:auto;transform:translate(0)}.countdown-banner__label--mobile-top-center{top:calc(0% + var(--label-offset-y, 0%));left:calc(50% + var(--label-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%)}.countdown-banner__label--mobile-top-right{top:calc(0% + var(--label-offset-y, 0%));right:calc(0% - var(--label-offset-x, 0%));left:auto;bottom:auto;transform:translate(0)}.countdown-banner__label--mobile-middle-left{top:calc(50% + var(--label-offset-y, 0%));left:calc(0% + var(--label-offset-x, 0%));right:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__label--mobile-middle-center{top:calc(50% + var(--label-offset-y, 0%));left:calc(50% + var(--label-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%,-50%)}.countdown-banner__label--mobile-middle-right{top:calc(50% + var(--label-offset-y, 0%));right:calc(0% - var(--label-offset-x, 0%));left:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__label--mobile-bottom-left{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;left:calc(0% + var(--label-offset-x, 0%));right:auto;transform:translate(0)}.countdown-banner__label--mobile-bottom-center{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;left:calc(50% + var(--label-offset-x, 0%));right:auto;transform:translate(-50%)}.countdown-banner__label--mobile-bottom-right{bottom:calc(0% - var(--label-offset-y, 0%));top:auto;right:calc(0% - var(--label-offset-x, 0%));left:auto;transform:translate(0)}}.countdown-banner__countdown--top-left{top:calc(0% + var(--countdown-offset-y, 0%));left:calc(0% + var(--countdown-offset-x, 0%));transform:translate(0)}.countdown-banner__countdown--top-center{top:calc(0% + var(--countdown-offset-y, 0%));left:calc(50% + var(--countdown-offset-x, 0%));transform:translate(-50%)}.countdown-banner__countdown--top-right{top:calc(0% + var(--countdown-offset-y, 0%));right:calc(0% - var(--countdown-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__countdown--middle-left{top:calc(50% + var(--countdown-offset-y, 0%));left:calc(0% + var(--countdown-offset-x, 0%));transform:translateY(-50%)}.countdown-banner__countdown--middle-center{top:calc(50% + var(--countdown-offset-y, 0%));left:calc(50% + var(--countdown-offset-x, 0%));transform:translate(-50%,-50%)}.countdown-banner__countdown--middle-right{top:calc(50% + var(--countdown-offset-y, 0%));right:calc(0% - var(--countdown-offset-x, 0%));left:auto;transform:translateY(-50%)}.countdown-banner__countdown--bottom-left{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;left:calc(0% + var(--countdown-offset-x, 0%));transform:translate(0)}.countdown-banner__countdown--bottom-center{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;left:calc(50% + var(--countdown-offset-x, 0%));transform:translate(-50%)}.countdown-banner__countdown--bottom-right{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;right:calc(0% - var(--countdown-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__available--top-left{top:calc(0% + var(--available-text-offset-y, 0%));left:calc(0% + var(--available-text-offset-x, 0%));transform:translate(0)}.countdown-banner__available--top-center{top:calc(0% + var(--available-text-offset-y, 0%));left:calc(50% + var(--available-text-offset-x, 0%));transform:translate(-50%)}.countdown-banner__available--top-right{top:calc(0% + var(--available-text-offset-y, 0%));right:calc(0% - var(--available-text-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__available--middle-left{top:calc(50% + var(--available-text-offset-y, 0%));left:calc(0% + var(--available-text-offset-x, 0%));transform:translateY(-50%)}.countdown-banner__available--middle-center{top:calc(50% + var(--available-text-offset-y, 0%));left:calc(50% + var(--available-text-offset-x, 0%));transform:translate(-50%,-50%)}.countdown-banner__available--middle-right{top:calc(50% + var(--available-text-offset-y, 0%));right:calc(0% - var(--available-text-offset-x, 0%));left:auto;transform:translateY(-50%)}.countdown-banner__available--bottom-left{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;left:calc(0% + var(--available-text-offset-x, 0%));transform:translate(0)}.countdown-banner__available--bottom-center{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;left:calc(50% + var(--available-text-offset-x, 0%));transform:translate(-50%)}.countdown-banner__available--bottom-right{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;right:calc(0% - var(--available-text-offset-x, 0%));left:auto;transform:translate(0)}@media screen and (max-width: 749px){.countdown-banner__countdown--mobile-top-left{top:calc(0% + var(--countdown-offset-y, 0%));left:calc(0% + var(--countdown-offset-x, 0%));right:auto;bottom:auto;transform:translate(0)}.countdown-banner__countdown--mobile-top-center{top:calc(0% + var(--countdown-offset-y, 0%));left:calc(50% + var(--countdown-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%)}.countdown-banner__countdown--mobile-top-right{top:calc(0% + var(--countdown-offset-y, 0%));right:calc(0% - var(--countdown-offset-x, 0%));left:auto;bottom:auto;transform:translate(0)}.countdown-banner__countdown--mobile-middle-left{top:calc(50% + var(--countdown-offset-y, 0%));left:calc(0% + var(--countdown-offset-x, 0%));right:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__countdown--mobile-middle-center{top:calc(50% + var(--countdown-offset-y, 0%));left:calc(50% + var(--countdown-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%,-50%)}.countdown-banner__countdown--mobile-middle-right{top:calc(50% + var(--countdown-offset-y, 0%));right:calc(0% - var(--countdown-offset-x, 0%));left:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__countdown--mobile-bottom-left{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;left:calc(0% + var(--countdown-offset-x, 0%));right:auto;transform:translate(0)}.countdown-banner__countdown--mobile-bottom-center{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;left:calc(50% + var(--countdown-offset-x, 0%));right:auto;transform:translate(-50%)}.countdown-banner__countdown--mobile-bottom-right{bottom:calc(0% - var(--countdown-offset-y, 0%));top:auto;right:calc(0% - var(--countdown-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__available--mobile-top-left{top:calc(0% + var(--available-text-offset-y, 0%));left:calc(0% + var(--available-text-offset-x, 0%));right:auto;bottom:auto;transform:translate(0)}.countdown-banner__available--mobile-top-center{top:calc(0% + var(--available-text-offset-y, 0%));left:calc(50% + var(--available-text-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%)}.countdown-banner__available--mobile-top-right{top:calc(0% + var(--available-text-offset-y, 0%));right:calc(0% - var(--available-text-offset-x, 0%));left:auto;bottom:auto;transform:translate(0)}.countdown-banner__available--mobile-middle-left{top:calc(50% + var(--available-text-offset-y, 0%));left:calc(0% + var(--available-text-offset-x, 0%));right:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__available--mobile-middle-center{top:calc(50% + var(--available-text-offset-y, 0%));left:calc(50% + var(--available-text-offset-x, 0%));right:auto;bottom:auto;transform:translate(-50%,-50%)}.countdown-banner__available--mobile-middle-right{top:calc(50% + var(--available-text-offset-y, 0%));right:calc(0% - var(--available-text-offset-x, 0%));left:auto;bottom:auto;transform:translateY(-50%)}.countdown-banner__available--mobile-bottom-left{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;left:calc(0% + var(--available-text-offset-x, 0%));right:auto;transform:translate(0)}.countdown-banner__available--mobile-bottom-center{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;left:calc(50% + var(--available-text-offset-x, 0%));right:auto;transform:translate(-50%)}.countdown-banner__available--mobile-bottom-right{bottom:calc(0% - var(--available-text-offset-y, 0%));top:auto;right:calc(0% - var(--available-text-offset-x, 0%));left:auto;transform:translate(0)}}.countdown-banner__button-wrapper{position:absolute;pointer-events:auto;z-index:5}.countdown-banner__button-wrapper--top-left{top:calc(0% + var(--button-offset-y, 0%));left:calc(0% + var(--button-offset-x, 0%));transform:translate(0)}.countdown-banner__button-wrapper--top-center{top:calc(0% + var(--button-offset-y, 0%));left:calc(50% + var(--button-offset-x, 0%));transform:translate(-50%)}.countdown-banner__button-wrapper--top-right{top:calc(0% + var(--button-offset-y, 0%));right:calc(0% - var(--button-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__button-wrapper--middle-left{top:calc(50% + var(--button-offset-y, 0%));left:calc(0% + var(--button-offset-x, 0%));transform:translateY(-50%)}.countdown-banner__button-wrapper--middle-center{top:calc(50% + var(--button-offset-y, 0%));left:calc(50% + var(--button-offset-x, 0%));transform:translate(-50%,-50%)}.countdown-banner__button-wrapper--middle-right{top:calc(50% + var(--button-offset-y, 0%));right:calc(0% - var(--button-offset-x, 0%));left:auto;transform:translateY(-50%)}.countdown-banner__button-wrapper--bottom-left{bottom:calc(0% - var(--button-offset-y, 0%));top:auto;left:calc(0% + var(--button-offset-x, 0%));transform:translate(0)}.countdown-banner__button-wrapper--bottom-center{bottom:calc(0% - var(--button-offset-y, 0%));top:auto;left:calc(50% + var(--button-offset-x, 0%));transform:translate(-50%)}.countdown-banner__button-wrapper--bottom-right{bottom:calc(0% - var(--button-offset-y, 0%));top:auto;right:calc(0% - var(--button-offset-x, 0%));left:auto;transform:translate(0)}.countdown-banner__button-wrapper[data-same-position]{margin-top:var(--countdown-button-spacing, 20px)}.countdown-banner__countdown--bottom-center~.countdown-banner__button-wrapper--bottom-center[data-same-position],.countdown-banner__available--bottom-center~.countdown-banner__button-wrapper--bottom-center[data-same-position]{bottom:calc(0% - var(--countdown-button-spacing, 20px) - var(--button-offset-y, 0%));transform:translate(-50%)}.countdown-banner__countdown--top-center~.countdown-banner__button-wrapper--top-center[data-same-position],.countdown-banner__available--top-center~.countdown-banner__button-wrapper--top-center[data-same-position]{top:calc(var(--countdown-button-spacing, 20px) + var(--button-offset-y, 0%));transform:translate(-50%)}.countdown-banner__countdown--middle-center~.countdown-banner__button-wrapper--middle-center[data-same-position],.countdown-banner__available--middle-center~.countdown-banner__button-wrapper--middle-center[data-same-position]{top:calc(50% + var(--countdown-button-spacing, 20px) + var(--button-offset-y, 0%));transform:translate(-50%,-50%)}.countdown-banner__countdown-text{display:inline-block;min-width:1px;min-height:1px}.countdown-banner__countdown-separator{margin:0 .5rem}.countdown-banner__countdown-text .countdown-banner__card-view{white-space:normal}.countdown-banner__card-view{display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.countdown-banner__card-unit{display:flex;flex-direction:column;align-items:center;gap:.75rem}.countdown-banner__card-digits{display:flex;gap:.25rem;align-items:center}.countdown-banner__card-digit{background:#fff;color:#1a1a1a;border-radius:.5rem;padding:.75rem 1rem;min-width:2.5rem;text-align:center;font-weight:700;box-shadow:0 2px 8px #00000026;font-size:1.5em;line-height:1.2}.countdown-banner__card-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground));opacity:.9}@media screen and (max-width: 749px){.countdown-banner__available{font-size:1.5rem}.countdown-banner__card-view{gap:1rem}.countdown-banner__card-digit{padding:.5rem .75rem;min-width:2rem;font-size:1.25em}.countdown-banner__card-label{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-product-countdown-banner.css.map */