.ut{position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:1.4rem;width:100%;box-sizing:border-box;padding:1rem 1.6rem;overflow:hidden;background:linear-gradient(90deg,#a8231f,#d6342e,#a8231f);color:#fff;text-align:center;line-height:1;font-family:var(--font-heading-family, inherit)}.ut[hidden]{display:none}.ut__row{display:contents}.ut:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(-100%);animation:ut-shine 4.5s ease-in-out infinite}.ut__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.9rem;font-size:1.3rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ut__dot{position:relative;flex:none;width:.9rem;height:.9rem;border-radius:50%;background:#fff}.ut__dot:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:ut-ping 1.6s ease-out infinite}.ut__clock{position:relative;z-index:1;display:inline-flex;align-items:flex-start;gap:.5rem}.ut__unit{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:4.6rem;padding:.6rem .6rem .5rem;border-radius:.7rem;background:#fff;color:#000;box-shadow:0 .2rem .8rem #00000040}.ut__num{font-size:2.1rem;font-weight:800;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}.ut__cap{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:#6a6a6a}.ut__sep{padding-top:.7rem;font-size:2rem;font-weight:800;line-height:1;opacity:.9}.ut--cart{gap:1rem;padding:.9rem 1.2rem}.ut--cart .ut__label{font-size:1.1rem;gap:.7rem}.ut--cart .ut__dot{width:.8rem;height:.8rem}.ut--cart .ut__clock{gap:.4rem}.ut--cart .ut__unit{min-width:3.8rem;padding:.45rem .4rem .4rem;gap:.25rem;border-radius:.6rem}.ut--cart .ut__num{font-size:1.8rem}.ut--cart .ut__cap{font-size:.75rem}.ut--cart .ut__sep{padding-top:.5rem;font-size:1.6rem}@media screen and (max-width:380px){.ut--cart{gap:.7rem;padding:.8rem}.ut--cart .ut__label{font-size:1rem}.ut--cart .ut__unit{min-width:3.3rem}.ut--cart .ut__num{font-size:1.6rem}}.ut--headline{flex-direction:column;gap:.8rem;padding:1rem 1.2rem 1.1rem}.ut--headline .ut__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:1rem}.ut__headline{position:relative;z-index:1;font-size:1.4rem;font-weight:800;letter-spacing:.01em;line-height:1.25}@media screen and (max-width:749px){.ut__headline{font-size:1.25rem}}@media screen and (max-width:380px){.ut--headline .ut__row{gap:.7rem}}@keyframes ut-ping{0%{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes ut-shine{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes ut-beat{0%,to{transform:scale(1)}12%{transform:scale(1.12)}30%{transform:scale(1)}}@keyframes ut-flash{0%,to{filter:none}50%{filter:brightness(1.3) saturate(1.2)}}.ut.ut--banner{flex-direction:row;flex-wrap:nowrap;gap:1rem;padding:1rem .8rem;background:linear-gradient(90deg,#b30b12,#ec1720,#b30b12);color:#fff}.ut.ut--banner .ut__label{gap:.7rem;font-size:clamp(.95rem,3vw,1.5rem);font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff}.ut.ut--banner .ut__dot{display:block;width:.9rem;height:.9rem;background:#fff}.ut.ut--banner .ut__dot:after{border-color:#ffffffe6}.ut.ut--banner .ut__sep{display:none}.ut.ut--banner .ut__clock{align-items:center;gap:clamp(.35rem,1.4vw,.6rem)}.ut.ut--banner .ut__unit{flex-direction:row;align-items:baseline;justify-content:center;gap:.25rem;min-width:0;padding:.4rem .65rem;border-radius:.7rem;background:#fff;border:0;color:#000;box-shadow:0 .2rem .6rem #00000059}.ut.ut--banner .ut__num{font-size:clamp(1.4rem,4.4vw,2.1rem);font-weight:900;line-height:1;color:#000}.ut.ut--banner .ut__cap{font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:800;letter-spacing:.04em;line-height:1;color:#000}.ut.ut--banner .ut__clock .ut__unit:last-child{animation:ut-beat 1s ease-in-out infinite}.ut.ut--banner.ut--last .ut__unit{background:#fff;color:#000}.ut.ut--banner.ut--last .ut__num,.ut.ut--banner.ut--last .ut__cap{color:#000}.ut.ut--banner.ut--final{animation:ut-flash 1.2s ease-in-out infinite}@media screen and (max-width:749px){.ut.ut--banner .ut__dot{display:none}.ut.ut--banner .ut__label{letter-spacing:.03em}}@media screen and (min-width:750px){.ut.ut--banner{gap:1.8rem;padding:1.1rem 1.6rem}.ut.ut--banner .ut__label{font-size:1.7rem;gap:1.5rem}.ut.ut--banner .ut__num{font-size:2.2rem}.ut.ut--banner .ut__cap{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.ut:after,.ut__dot:after{animation:none}.ut:after{display:none}.ut.ut--banner .ut__clock .ut__unit:last-child,.ut.ut--banner.ut--final{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/urgency-timer.css.map */
