.flashsales__countdown-container *{box-sizing:border-box}.flashsales__countdown-container{color:#000;text-align:center;max-width:550px;margin:0 auto}.flashsales__countdown{width:100%;display:inline-grid;grid-auto-flow:column;grid-auto-columns:2fr;gap:2rem}.flashsales__countdown>.part{display:grid;gap:1rem}.flashsales__countdown>.part>.number{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid hsl(0 0% 50%/.5);font-size:3rem;position:relative;padding:1rem}.flashsales__countdown>.part.days{--num:365}.flashsales__countdown>.part.hours{--num:24}.flashsales__countdown>.part:where(.minutes,.seconds){--num:60}.flashsales__countdown>.part>.number:after{content:"";position:absolute;inset:calc(var(--border-size)*-0.5);border-radius:inherit;--degree:calc(360deg/var(--num)*(var(--num) - var(--value,0)));background-image:conic-gradient(var(--accent) var(--degree),transparent calc(var(--degree) + .1deg));--border-size:4px;--mask-image:radial-gradient(100% 100%,transparent calc(50% - var(--border-size)),#000 calc(50% - var(--border-size) + 1px));-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image)}.flashsales__countdown>.part>.text{text-align:center;opacity:.75}