.ml-countdown-clock{position:relative;overflow:hidden;color:var(--countdown-text);background:radial-gradient(circle at 14% 18%,rgba(var(--countdown-accent-rgb),.22),transparent 28%),radial-gradient(circle at 86% 14%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 50% 120%,rgba(var(--countdown-accent-rgb),.18),transparent 46%),linear-gradient(180deg,#ffffff0a,#fff0),var(--countdown-bg)}.ml-countdown-clock:before,.ml-countdown-clock:after{content:"";position:absolute;inset:auto;pointer-events:none}.ml-countdown-clock:before{inset:-12rem auto auto -10rem;width:clamp(16rem,34vw,30rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--countdown-accent-rgb),.22),rgba(var(--countdown-accent-rgb),0));filter:blur(28px);opacity:.75;animation:ml-countdown-orbit 16s linear infinite}.ml-countdown-clock:after{inset:auto -10rem -14rem auto;width:clamp(18rem,32vw,28rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff1c,#fff0);filter:blur(32px);opacity:.65;animation:ml-countdown-orbit 19s linear infinite reverse}.ml-countdown-clock__shell{position:relative;isolation:isolate;max-width:110rem;margin:0 auto;padding:clamp(1rem,2vw,1.5rem)}.ml-countdown-clock__timer-wrap{position:relative;min-height:clamp(14rem,28vw,22rem);border-radius:clamp(1.4rem,2.6vw,2.4rem);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff14,#ffffff05 42%,#ffffff0a),linear-gradient(180deg,#ffffff0a,#fff0),var(--countdown-card);box-shadow:0 2rem 5rem #00000057,inset 0 1px #ffffff14,0 0 0 1px #ffffff08;transition:transform .4s ease,filter .4s ease,opacity .4s ease}.ml-countdown-clock__timer-wrap:before,.ml-countdown-clock__timer-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ml-countdown-clock__timer-wrap:before{background:linear-gradient(180deg,#ffffff24,#ffffff05 16%,#fff0 34%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 18%,transparent 82%,rgba(255,255,255,.02));mix-blend-mode:screen}.ml-countdown-clock__timer-wrap:after{top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.05)}.ml-countdown-clock__metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:inherit;align-items:stretch}.ml-countdown-clock__metric{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:clamp(1.5rem,3vw,2.75rem) clamp(.6rem,1.6vw,1.5rem);text-align:center}.ml-countdown-clock__metric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 24%,rgba(var(--countdown-accent-rgb),.13),transparent 40%),linear-gradient(180deg,#ffffff08,#fff0);opacity:.9;transition:opacity .24s ease,transform .24s ease}.ml-countdown-clock__metric:after{content:"|";position:absolute;top:50%;right:-.06em;transform:translateY(-50%);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1;font-weight:300;color:#ffffff47;text-shadow:0 0 1.25rem rgba(var(--countdown-accent-rgb),.22)}.ml-countdown-clock__metric:last-child:after{content:none}.ml-countdown-clock__metric-value,.ml-countdown-clock__metric-label{position:relative;z-index:1}.ml-countdown-clock__metric-value{font-size:clamp(2rem,8vw,6rem);line-height:.88;font-weight:700;letter-spacing:-.06em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 .08em .45em rgba(0,0,0,.34),0 0 1.2em rgba(var(--countdown-accent-rgb),.16);transition:transform .2s ease,opacity .2s ease}.ml-countdown-clock__metric-value.is-updating{animation:ml-countdown-pulse .34s ease}.ml-countdown-clock__metric-label{font-size:clamp(.64rem,.95vw,.92rem);line-height:1;letter-spacing:.42em;text-indent:.42em;font-weight:600;color:var(--countdown-muted);white-space:nowrap}.ml-countdown-clock[data-countdown-complete=true] .ml-countdown-clock__metric:before{opacity:.58}.ml-countdown-clock[data-countdown-complete=true] .ml-countdown-clock__metric-value{opacity:.72}.ml-countdown-clock__gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);background:#060a109e;-webkit-backdrop-filter:blur(12px) saturate(1.05);backdrop-filter:blur(12px) saturate(1.05);transition:opacity .32s ease,visibility .32s ease}.ml-countdown-clock__gate-card{width:min(100%,36rem);padding:clamp(1.35rem,3vw,2rem);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#0a1018eb;box-shadow:0 1.75rem 4rem #00000061,inset 0 1px #ffffff14}.ml-countdown-clock__gate-heading{margin:0;font-size:clamp(1.35rem,2.1vw,1.8rem);line-height:1.1;letter-spacing:-.02em;color:var(--countdown-text)}.ml-countdown-clock__gate-copy{margin:.7rem 0 0;font-size:.95rem;line-height:1.6;color:var(--countdown-muted)}.ml-countdown-clock__gate-form{margin-top:1.3rem}.ml-countdown-clock__gate-label{display:block;margin-bottom:.5rem;font-size:.78rem;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:var(--countdown-muted)}.ml-countdown-clock__gate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.ml-countdown-clock__gate-input,.ml-countdown-clock__gate-button{min-height:3.3rem;border-radius:1rem;font:inherit}.ml-countdown-clock__gate-input{width:100%;padding:0 1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--countdown-text);box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ml-countdown-clock__gate-input::placeholder{color:#ffffff61}.ml-countdown-clock__gate-input:focus{outline:0;border-color:rgba(var(--countdown-accent-rgb),.56);background:#ffffff0f;box-shadow:0 0 0 .2rem rgba(var(--countdown-accent-rgb),.14),inset 0 1px #ffffff0f}.ml-countdown-clock__gate-button{min-width:7rem;padding:0 1.2rem;border:0;background:linear-gradient(135deg,rgba(var(--countdown-accent-rgb),1),rgba(var(--countdown-accent-rgb),.78));color:#fff;font-weight:700;letter-spacing:.02em;box-shadow:0 1rem 2rem rgba(var(--countdown-accent-rgb),.2),inset 0 1px #ffffff29;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.ml-countdown-clock__gate-button:hover{transform:translateY(-1px);box-shadow:0 1.15rem 2.2rem rgba(var(--countdown-accent-rgb),.24),inset 0 1px #ffffff29}.ml-countdown-clock__gate-button:disabled{cursor:default;opacity:.72;transform:none}.ml-countdown-clock__gate-message{min-height:1.5rem;margin:.75rem 0 0;font-size:.9rem;line-height:1.5;color:var(--countdown-muted)}.ml-countdown-clock__gate-message[data-state=error]{color:#ffb4bf}.ml-countdown-clock__gate-message[data-state=success]{color:#b8f2d2}.ml-countdown-clock[data-access-state=locked] .ml-countdown-clock__timer-wrap{filter:blur(16px) saturate(.9);transform:scale(.985);pointer-events:none;-webkit-user-select:none;user-select:none}.ml-countdown-clock[data-access-state=unlocked] .ml-countdown-clock__gate{opacity:0;visibility:hidden;pointer-events:none}html.ml-countdown-access-granted .ml-countdown-clock__timer-wrap{filter:none;transform:none}html.ml-countdown-access-granted .ml-countdown-clock__gate{opacity:0;visibility:hidden;pointer-events:none}@keyframes ml-countdown-orbit{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.2rem,.8rem,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes ml-countdown-pulse{0%{transform:translateY(.18rem) scale(.96);opacity:.68}60%{transform:translateY(-.06rem) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@media screen and (max-width:989px){.ml-countdown-clock__timer-wrap{min-height:clamp(12.5rem,32vw,18rem)}.ml-countdown-clock__metric{gap:.65rem;padding-inline:.45rem}.ml-countdown-clock__metric-label{letter-spacing:.32em;text-indent:.32em}}@media screen and (max-width:749px){.ml-countdown-clock__shell{padding-inline:0}.ml-countdown-clock__timer-wrap{min-height:11rem;border-radius:1.35rem}.ml-countdown-clock__metric{gap:.5rem;padding-block:1.35rem}.ml-countdown-clock__metric:after{font-size:1.5rem;right:-.04em}.ml-countdown-clock__metric-label{font-size:.62rem;letter-spacing:.24em;text-indent:.24em}.ml-countdown-clock__gate-row{grid-template-columns:1fr}.ml-countdown-clock__gate-button{width:100%}}@media(prefers-reduced-motion:reduce){.ml-countdown-clock:before,.ml-countdown-clock:after,.ml-countdown-clock__metric-value.is-updating{animation:none}.ml-countdown-clock__timer-wrap,.ml-countdown-clock__gate,.ml-countdown-clock__gate-input,.ml-countdown-clock__gate-button,.ml-countdown-clock__metric:before,.ml-countdown-clock__metric-value{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ml-countdown-clock.css.map */