.countdown-banner{--countdown-bg: #000000;--countdown-text: #FFFFFF;--countdown-heading-accent: #FFFFFF;--countdown-heading-foreground: #000000;--countdown-badge-bg: #FCBD3C;--countdown-badge-text: #000000;--countdown-discount-accent: #FCBD3C;--countdown-discount-foreground: #4C3912;--countdown-timer-bg: #FFFFFF;--countdown-timer-text: #000000;width:100%;background-color:var(--countdown-bg);color:var(--countdown-text);font-family:Rubik;padding:2rem 1rem;margin-top:-2rem}.countdown-banner__container{max-width:1440px;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 auto}.countdown-banner__content{display:flex;flex-direction:column;gap:.4rem}.countdown-banner__title-wrapper{width:fit-content;position:relative;margin-top:2rem}.countdown-banner__title-border{border:2px solid var(--countdown-heading-accent);box-shadow:inset 0 0 0 2px var(--countdown-heading-foreground),inset 0 0 0 4px var(--countdown-heading-accent);border-radius:2px;padding:.8rem}.countdown-banner__title{color:var(--countdown-heading-accent);font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:.05em;text-align:center;white-space:nowrap;margin:0}.countdown-banner__badge{position:absolute;left:-4.5rem;top:-2.5rem;box-shadow:0 2px 4px #0000001a;color:var(--countdown-badge-text);font-weight:700;border-radius:9999px;width:5.5rem;height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(30deg);z-index:999}.countdown-banner__badge svg{position:absolute;top:0;right:0;bottom:0;left:0}body:has(#header .sticky_hdr) .countdown-banner__badge{z-index:776}.countdown-banner__badge-text,.countdown-banner__badge-subtext{font-size:1.3rem;line-height:1;z-index:1}.countdown-banner__text{text-align:start}.countdown-banner__heading{color:var(--countdown-text);font-weight:700;font-size:1.4rem;line-height:1.2;margin-bottom:.4rem}.countdown-banner__subheading{color:var(--countdown-text);font-family:Lato;font-size:1rem;line-height:1.2;opacity:.9}.countdown-timer{display:flex;align-items:center;gap:1rem;margin:1rem 0}.countdown-timer__group{position:relative;display:flex;align-items:center;gap:.5rem}.countdown-box{background-color:var(--countdown-timer-bg);color:var(--countdown-timer-text);width:1.8rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.5rem;font-weight:700}.countdown-timer__separator{align-self:flex-end;font-weight:700;font-size:2.5rem;line-height:.4;margin:0 .25rem}.countdown-timer__label{width:100%;position:absolute;bottom:-1.5rem;font-family:Lato;font-size:.875rem;opacity:.9;text-align:center}.countdown-banner__discount{width:fit-content;background-color:var(--countdown-discount-foreground);border:1px solid var(--countdown-discount-accent);border-radius:9999px;padding:.75rem 2rem;margin:1rem auto 0;transition:all .15s ease}.copy-code-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--countdown-discount-accent);cursor:pointer;font-family:Lato;font-weight:700;font-size:1rem;white-space:nowrap;transition:all .15s ease}.countdown-banner__discount:hover{background-color:var(--countdown-discount-accent);border:1px solid var(--countdown-discount-foreground)}.countdown-banner__discount:hover .copy-code-btn{color:var(--countdown-discount-foreground)}.discount-code{font-weight:700}.copy-feedback{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;font-family:Lato;font-size:.875rem;background-color:#000;color:#fff;padding:.25rem .5rem;border-radius:.25rem;opacity:0;transition:opacity .3s ease}.copy-feedback.show{opacity:1}@media (min-width: 768px){.countdown-banner{padding:4rem 2rem}.countdown-banner__content{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.countdown-banner__title{font-size:3rem}.countdown-banner__badge{width:5rem;height:5rem;right:-6rem;left:auto;top:-2.5rem}.countdown-banner__badge-text{margin-top:10px;margin-left:6px}.countdown-banner__heading{font-size:1.5rem}.countdown-timer{gap:.5rem;margin-inline:auto}.countdown-box{width:2.5rem;height:3.5rem;font-size:2rem}.countdown-timer__group{flex-direction:row;gap:.5rem}.countdown-timer__label{bottom:-2rem;font-size:1.2rem;text-align:center}.countdown-banner__discount{margin-inline:0}}@media (min-width: 1024px){.countdown-timer{gap:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/countdown-banner.css.map */