.lili-sale-timer{--lili-accent:var(--wd-primary-color,#8c268f);container-type:inline-size;box-sizing:border-box;width:100%;margin:16px 0 20px;padding:16px 12px;background:#fcf8fc;border:1px solid #ead8eb;border-inline-start:3px solid var(--lili-accent);border-radius:14px;color:var(--lili-accent);font-family:inherit;clear:both}
.lili-sale-timer[hidden]{display:none!important}
.lili-timer-heading{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:14px;font-size:13px;line-height:1.8}
.lili-timer-heading strong{font:inherit;font-weight:700;color:inherit}
.lili-timer-clock{display:inline-block;position:relative;flex:0 0 15px;height:15px;border:1.5px solid currentColor;border-radius:50%}
.lili-timer-clock:before{content:"";position:absolute;width:1.5px;height:5px;background:currentColor;top:2px;left:5.3px;transform-origin:bottom;transform:rotate(-30deg)}
.lili-timer-clock:after{content:"";position:absolute;top:-5px;left:4px;width:5px;height:2px;background:currentColor;border-radius:1px}
.lili-timer-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;direction:rtl}
.lili-timer-unit{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 3px 7px;background:#fff;border:1px solid #eedfee;border-radius:10px}
.lili-timer-unit b{font-family:inherit;font-size:24px;font-weight:800;line-height:1.35;font-variant-numeric:tabular-nums;color:var(--lili-accent)}
.lili-timer-unit span{font-size:11px;font-weight:500;line-height:1.8;color:#675b68}
@media(min-width:1024px){.lili-sale-timer{padding:18px}.lili-timer-heading{font-size:14px}.lili-timer-units{gap:10px}}
@container(max-width:220px){.lili-timer-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lili-timer-heading{font-size:11px;gap:5px;align-items:flex-start}.lili-timer-clock{margin-top:5px;flex-basis:13px;height:13px}.lili-timer-unit b{font-size:21px}.lili-timer-unit{padding:6px 2px}.lili-timer-unit span{font-size:10px}}