.promo-banner{--promo-banner-u: clamp(.6px, calc(.2px + .04167vw) , 1px);--promo-banner-height: calc(var(--promo-banner-u) * 94);--promo-banner-gap: calc(var(--promo-banner-u) * 20);--promo-banner-pretext-size: calc(var(--promo-banner-u) * 25);--promo-banner-pretext-line: calc(var(--promo-banner-u) * 46.72);--promo-banner-title-size: calc(var(--promo-banner-u) * 35);--promo-banner-title-line: calc(var(--promo-banner-u) * 52.2);--promo-banner-timer-gap: calc(var(--promo-banner-u) * 7.33);--promo-banner-tile-min: calc(var(--promo-banner-u) * 69.62);--promo-banner-tile-pad-y: calc(var(--promo-banner-u) * 10.99);--promo-banner-tile-pad-x: calc(var(--promo-banner-u) * 12.83);--promo-banner-tile-radius: calc(var(--promo-banner-u) * 10.99);--promo-banner-tile-border: calc(var(--promo-banner-u) * 1.832);--promo-banner-digits-size: calc(var(--promo-banner-u) * 25);--promo-banner-digits-line: calc(var(--promo-banner-u) * 25.65);--promo-banner-glow-u: var(--promo-banner-u);position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:100vw;min-height:var(--promo-banner-height);overflow:hidden;background-color:var(--promo-banner-bg, #1c0a30);color:var(--promo-banner-color, #f3ecff)}.promo-banner[hidden]{display:none}.promo-banner__picture{position:absolute;top:0;right:0;bottom:0;left:0}.promo-banner__background{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.promo-banner__background--right{display:none}.promo-banner__glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.promo-banner__glow--dark{top:calc(var(--promo-banner-glow-u) * -35);left:calc(50% + var(--promo-banner-glow-u) * 26.5);width:calc(var(--promo-banner-glow-u) * 1037);height:calc(var(--promo-banner-glow-u) * 168);background:var(--promo-banner-glow-1, #1c0a30);filter:blur(calc(var(--promo-banner-glow-u) * 38.3));transform:translate(-50%)}.promo-banner__glow--warm{top:calc(var(--promo-banner-glow-u) * 59);left:50%;width:calc(var(--promo-banner-glow-u) * 748);height:calc(var(--promo-banner-glow-u) * 91);background:var(--promo-banner-glow-2, #ef5f10);filter:blur(calc(var(--promo-banner-glow-u) * 63.6));transform:translate(-50%)}.promo-banner__content{position:relative;z-index:1;display:inline-flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--promo-banner-gap);box-sizing:border-box;max-width:100%;min-width:0;padding:0 1.6rem}.promo-banner__headline{display:flex;align-items:flex-end;gap:var(--promo-banner-gap);min-width:0}.promo-banner__lead{display:inline-flex;align-items:flex-end;gap:calc(var(--promo-banner-u) * 8);margin:0;color:var(--promo-banner-color, #f3ecff);font-family:"Bricolage Grotesque",var(--font-heading-family, sans-serif);font-size:var(--promo-banner-pretext-size);font-weight:600;line-height:var(--promo-banner-pretext-line)}.promo-banner__icon--image{width:1.2em;height:1.2em;align-self:center;object-fit:contain}.promo-banner__title{color:transparent;background:var(--promo-banner-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:"Bricolage Grotesque",var(--font-heading-family, sans-serif);font-size:var(--promo-banner-title-size);font-weight:800;line-height:var(--promo-banner-title-line)}.promo-banner__timer{display:flex;align-items:flex-start;gap:var(--promo-banner-timer-gap)}.promo-banner__timer[hidden],.promo-banner__expired[hidden]{display:none}.promo-banner__tile{position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:var(--promo-banner-tile-min);padding:var(--promo-banner-tile-pad-y) var(--promo-banner-tile-pad-x);border:var(--promo-banner-tile-border) solid var(--promo-banner-border-fallback, #ffdeaf);border-radius:var(--promo-banner-tile-radius);background:transparent}@supports ((-webkit-mask-composite: xor) or (mask-composite: exclude)){.promo-banner__tile{border-color:transparent}.promo-banner__tile:before{content:"";position:absolute;inset:calc(var(--promo-banner-tile-border) * -1);padding:var(--promo-banner-tile-border);border-radius:inherit;background:var(--promo-banner-gradient);-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 exclude,linear-gradient(#000 0 0);pointer-events:none}}.promo-banner__value{color:var(--promo-banner-color, #f3ecff);font-family:Inter,var(--font-body-family, sans-serif);font-size:var(--promo-banner-digits-size);font-weight:600;font-variant-numeric:tabular-nums;line-height:var(--promo-banner-digits-line);text-align:center;white-space:nowrap}.promo-banner__digits{display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums;text-align:right}.promo-banner__expired{margin:0;font-family:Inter,var(--font-body-family, sans-serif);font-size:var(--promo-banner-digits-size);font-weight:600}.promo-banner__button{display:inline-flex;align-items:center;box-sizing:border-box;min-height:4.4rem;padding:0 2rem;border-radius:10rem;background-color:var(--promo-banner-button-bg, #ff7a1a);color:var(--promo-banner-button-color, #1c0a30);font-family:Inter,var(--font-body-family, sans-serif);font-size:1.4rem;font-weight:600;text-decoration:none;transition:opacity .2s ease}.promo-banner__button:hover{opacity:.85}.promo-banner__button:focus-visible{outline:.3rem solid var(--promo-banner-color, #f3ecff);outline-offset:.2rem;box-shadow:0 0 0 .5rem #000}@media screen and (max-width:749px){.promo-banner{--promo-banner-height: 56px;--promo-banner-pretext-size: 14px;--promo-banner-pretext-line: 1.3;--promo-banner-title-size: 18px;--promo-banner-title-line: 1.3;--promo-banner-timer-gap: 4px;--promo-banner-tile-min: 38px;--promo-banner-tile-pad-y: 4px;--promo-banner-tile-pad-x: 6px;--promo-banner-tile-radius: 6px;--promo-banner-tile-border: 1.25px;--promo-banner-digits-size: 13px;--promo-banner-digits-line: 1;padding:8px 0}.promo-banner__content{flex-direction:column;align-items:center;gap:6px}.promo-banner__headline{align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.promo-banner__lead{align-items:center;gap:6px}.promo-banner__glow--dark{top:50%;left:50%;width:120%;height:140%;filter:blur(24px);transform:translate(-50%,-50%)}.promo-banner__glow--warm{top:auto;bottom:-20%;width:90%;height:60%;filter:blur(32px)}.promo-banner--no-glow-mobile .promo-banner__glow{display:none}}@media screen and (max-width:374px){.promo-banner{--promo-banner-title-size: 16px;--promo-banner-digits-size: 12px;--promo-banner-tile-min: 34px}.promo-banner__pretext{display:none}}@media screen and (min-width:750px)and (max-width:989px){.promo-banner{--promo-banner-height: 60px;--promo-banner-gap: 12px;--promo-banner-pretext-size: 16px;--promo-banner-pretext-line: 1.3;--promo-banner-title-size: 22px;--promo-banner-title-line: 1.3;--promo-banner-timer-gap: 5px;--promo-banner-tile-min: 44px;--promo-banner-tile-pad-y: 6px;--promo-banner-tile-pad-x: 8px;--promo-banner-tile-radius: 8px;--promo-banner-tile-border: 1.5px;--promo-banner-digits-size: 16px;--promo-banner-digits-line: 1.2;--promo-banner-glow-u: .6px}.promo-banner__picture{display:flex}.promo-banner__background{flex:0 0 50%;width:50%}.promo-banner__background--left{object-position:left center}.promo-banner__background--right{display:block;object-position:right center}.promo-banner__content{flex-wrap:nowrap;align-items:center}.promo-banner__headline,.promo-banner__lead{align-items:center}}@media(prefers-reduced-motion:reduce){.promo-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/promo-banner.css.map */