.preorder-countdown{display:flex;align-items:center;gap:12px;color:var(--text);font-variant-numeric:tabular-nums}
.preorder-countdown[hidden]{display:none!important}
.countdown-clock{display:block;width:23px;height:23px;flex:0 0 auto;background:var(--countdown-clock-gradient,var(--collection-progress,var(--progress-botanical)));background-size:400% 100%;background-position:var(--countdown-clock-position,100%) center;background-repeat:no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 6.5V12l3.5 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 6.5V12l3.5 2'/%3E%3C/svg%3E") center/contain no-repeat}
.preorder-countdown[data-campaign-route=city]{--countdown-clock-gradient:var(--progress-iris);--countdown-clock-position:0%}
.preorder-countdown:is([data-campaign-route=lines],[data-campaign-route=backpack]){--countdown-clock-gradient:var(--progress-sand)}
.countdown-copy{min-width:0}
.countdown-label{display:block;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted)}
.countdown-value{display:block;margin-top:3px;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.025em}
.countdown-deadline{display:block;margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted)}
.countdown--panel{padding:17px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);margin:20px 0 16px}
.countdown--panel+.button,.countdown--panel+.food-order-button{margin-top:0}
.countdown--compact{gap:9px;margin:15px 0 18px}
.countdown--compact>.countdown-clock{width:19px;height:19px}
.countdown--compact .countdown-label{font-size:11px}
.countdown--compact .countdown-value{font-size:15px;letter-spacing:0}
.shop-card .countdown--compact{padding-top:12px;border-top:1px solid var(--line)}
.countdown--overlay{gap:6px;margin-top:9px;color:#fff}
.countdown--overlay>.countdown-clock{width:14px;height:14px}
.countdown--overlay .countdown-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px}
.countdown--overlay .countdown-label{font-size:11px;color:#e4e7e5}
.countdown--overlay .countdown-value{margin:0;font-size:12px;letter-spacing:0;color:#fff}
.preorder-countdown.is-ending{color:#e38b68}
html[data-theme=light] .preorder-countdown.is-ending{color:#9d4b2d}
.preorder-countdown.is-expired{color:var(--muted)}
html[data-theme] .campaign-expired-button:disabled{background:var(--line);border-color:var(--line);color:var(--muted);opacity:1;cursor:default;box-shadow:none;transform:none}
@media(max-width:760px){.countdown--panel{padding:14px 12px;gap:10px}.countdown--panel .countdown-value{font-size:19px}.countdown--compact .countdown-value{font-size:14px}.countdown--overlay .countdown-label{display:none}.countdown--overlay .countdown-value{font-size:11px}}