body sprplx-event-countdown.sprplx-events{display:block;position:relative;isolation:isolate;overflow:hidden;padding:50px 20px;color:var(--event-text);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--event-accent) 18%,transparent),transparent 30rem),linear-gradient(135deg,rgba(57,255,20,.08),transparent 28%,rgba(48,246,255,.08) 52%,transparent 76%,rgba(255,43,214,.1)),var(--event-bg)}body .sprplx-events[hidden],body .sprplx-events [hidden]{display:none!important}body .sprplx-events .sprplx-events__panel{position:relative;max-width:1200px;margin:auto;padding:clamp(24px,4vw,48px);color:var(--event-text);background:linear-gradient(145deg,#050c0599,#000000ad);border:1px solid color-mix(in srgb,var(--event-accent) 65%,transparent);border-radius:20px;box-shadow:0 0 16px color-mix(in srgb,var(--event-accent) 30%,transparent),inset 0 0 32px color-mix(in srgb,var(--event-accent) 7%,transparent)}body .sprplx-events .sprplx-events__eyebrow{margin:0 0 28px;color:color-mix(in srgb,var(--event-accent) 78%,white);font:12px var(--sprplx-digital-font,monospace);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 7px color-mix(in srgb,var(--event-accent) 55%,transparent)}body .sprplx-events .sprplx-events__event{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}body .sprplx-events .sprplx-events__organization{display:inline-block;margin:0 0 16px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--event-accent) 36%,transparent);border-radius:999px;background:color-mix(in srgb,var(--event-accent) 8%,transparent);color:var(--event-accent);letter-spacing:.1em;font:12px var(--sprplx-digital-font,monospace);text-shadow:none}body .sprplx-events .sprplx-events__title{margin:0 0 18px;color:var(--event-accent);letter-spacing:.08em;font:700 clamp(30px,3.8vw,52px)/1.08 var(--sprplx-digital-font,monospace);text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 0 4px color-mix(in srgb,var(--event-accent) 65%,white),0 0 18px color-mix(in srgb,var(--event-accent) 45%,transparent),2px 0 rgba(255,43,214,.52),-2px 0 rgba(48,246,255,.38)}body .sprplx-events :is(.sprplx-events__details,.sprplx-events__message,[data-status]){color:var(--event-text);font:14px/1.6 var(--font-body--family,sans-serif);text-shadow:none}body .sprplx-events .sprplx-events__details{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere;color:color-mix(in srgb,var(--event-accent) 70%,white);font:16px/1.4 var(--sprplx-digital-font,monospace);letter-spacing:.035em}body .sprplx-events .sprplx-events__message{margin:20px 0 24px;max-width:48ch;color:color-mix(in srgb,var(--event-accent) 70%,white);font:16px/1.4 var(--sprplx-digital-font,monospace);letter-spacing:.035em}body .sprplx-events [data-status]{min-height:100px;display:flex;align-items:center;margin:0}body .sprplx-events .sprplx-events__timer-label{margin:0 0 14px;font:13px var(--sprplx-digital-font,monospace);letter-spacing:.1em;color:var(--event-text);text-transform:uppercase;text-shadow:none}body .sprplx-events .sprplx-events__digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1vw,16px)}body .sprplx-events .sprplx-events__unit{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;padding:20px 4px;border:1px solid color-mix(in srgb,var(--event-accent) 28%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--event-accent) 9%,#000),#000000b8);box-shadow:inset 0 0 18px color-mix(in srgb,var(--event-accent) 5%,transparent)}body .sprplx-events [data-value]{color:var(--event-accent);font:clamp(32px,4vw,64px)/1 var(--sprplx-digital-font,monospace);font-variant-numeric:tabular-nums;text-shadow:0 0 12px color-mix(in srgb,var(--event-accent) 25%,transparent)}body .sprplx-events .sprplx-events__unit-label{color:var(--event-text);font:12px var(--sprplx-digital-font,monospace);text-transform:uppercase;letter-spacing:.12em}body .sprplx-events .sprplx-events__cta.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;max-width:100%;padding:16px 28px;border-radius:999px;font:700 14px/1 var(--sprplx-digital-font,monospace);text-decoration:none}body .sprplx-events .sprplx-events__cta:focus-visible{outline:2px solid var(--event-text);outline-offset:5px}body .sprplx-events--centered .sprplx-events__event{grid-template-columns:1fr;max-width:800px;margin:auto;text-align:center;gap:20px}body .sprplx-events--centered .sprplx-events__eyebrow{text-align:center}@media(max-width:749px){body sprplx-event-countdown.sprplx-events{padding:32px 14px}body .sprplx-events .sprplx-events__event{grid-template-columns:1fr;gap:24px}body .sprplx-events .sprplx-events__panel{padding:24px 18px}body .sprplx-events [data-value]{font-size:clamp(28px,8vw,40px)}}body .sprplx-events .sprplx-events__cta,body .sprplx-events .sprplx-events__cta:visited,body .sprplx-events .sprplx-events__cta span{color:#000!important}body .sprplx-events .sprplx-events__description{color:var(--event-text);font:14px/1.6 var(--font-body--family,sans-serif);white-space:pre-line;overflow-wrap:anywhere;text-shadow:none}body sprplx-event-countdown.sprplx-events:before,body sprplx-event-countdown.sprplx-events:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}body sprplx-event-countdown.sprplx-events:before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--event-accent) 16%,transparent) 0 1px,transparent 1px 38px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--event-accent) 13%,transparent) 0 1px,transparent 1px 38px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 6px);opacity:.48;mix-blend-mode:screen}body sprplx-event-countdown.sprplx-events:after{background:linear-gradient(90deg,rgba(255,43,214,.12),transparent 18%,transparent 82%,rgba(48,246,255,.12)),repeating-linear-gradient(0deg,rgba(57,255,20,.045) 0 1px,transparent 1px 6px);opacity:.18;mix-blend-mode:overlay}@media(max-width:749px){body .sprplx-events .sprplx-events__unit{padding:16px 2px;gap:10px;border-radius:10px}body .sprplx-events .sprplx-events__unit-label{font-size:11px;letter-spacing:.08em}}body .sprplx-events--centered .sprplx-events__message{margin-inline:auto}@media(max-width:749px){body .sprplx-events .sprplx-events__title{font-size:clamp(28px,8vw,40px);letter-spacing:.05em}body .sprplx-events .sprplx-events__details,body .sprplx-events .sprplx-events__message{font-size:15px}body .sprplx-events .sprplx-events__cta.button{width:100%}}body sprplx-event-countdown.sprplx-events{padding-top:var(--event-section-top,50px);padding-bottom:var(--event-section-bottom,50px)}body .sprplx-events .sprplx-events__panel{max-width:var(--event-content-width,1200px);padding:var(--event-panel-padding,48px);border-radius:var(--event-panel-radius,20px)}body .sprplx-events .sprplx-events__event{gap:var(--event-column-gap,40px)}body .sprplx-events .sprplx-events__story{padding:var(--event-text-padding-top,0px) var(--event-text-padding-right,0px) var(--event-text-padding-bottom,0px) var(--event-text-padding-left,0px);text-align:var(--event-align,inherit);min-width:0}body .sprplx-events .sprplx-events__title{font-size:clamp(24px,3.8vw,var(--event-title-size,52px))}body .sprplx-events .sprplx-events__details{gap:var(--event-detail-gap,8px)}body .sprplx-events :is(.sprplx-events__details,.sprplx-events__message,.sprplx-events__description){font-size:var(--event-body-size,16px)}body .sprplx-events .sprplx-events__message{margin-bottom:0}body .sprplx-events .sprplx-events__cta.button{margin-top:var(--event-cta-gap,24px)}body .sprplx-events--cta-full .sprplx-events__cta.button{width:100%}body .sprplx-events [data-value]{font-size:clamp(28px,4vw,var(--event-digit-size,64px))}body sprplx-event-countdown.sprplx-events:before{opacity:var(--event-grid-opacity,.48)}@media(max-width:749px){body .sprplx-events .sprplx-events__panel{padding:var(--event-panel-padding-mobile,18px)}body .sprplx-events .sprplx-events__story{padding-inline:var(--event-text-padding-mobile,0px)}body .sprplx-events .sprplx-events__title{font-size:clamp(24px,8vw,min(40px,var(--event-title-size,52px)))}body .sprplx-events [data-value]{font-size:clamp(24px,8vw,min(40px,var(--event-digit-size,64px)))}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/sprplx-events.css.map */
