.auction-countdown{white-space:nowrap}.countdown-digit{text-align:center;width:.62em;display:inline-block}.auction-countdown[data-urgency]{color:var(--chart-1)}.auction-countdown:is([data-urgency=beat],[data-urgency=fast]){transform-origin:50%;display:inline-block}@media (prefers-reduced-motion:no-preference){.auction-countdown[data-urgency=beat]{animation:1s ease-in-out infinite auction-beat}.auction-countdown[data-urgency=fast]{animation:.5s ease-in-out infinite auction-beat}}@keyframes auction-beat{0%,to{scale:1}50%{scale:1.06}}
.duration-bar{border:2px solid var(--border);border-radius:var(--radius-base);background:var(--background);height:30px;box-shadow:var(--shadow);flex:none;display:flex;overflow:hidden}.duration-bar>button{--tone:var(--secondary-background);--on:var(--foreground);background:var(--tone);min-width:0;color:var(--on);font:700 12px/1 var(--font-fredoka), sans-serif;white-space:nowrap;flex:1 1 0;place-items:center;padding:0 4px;display:grid}.duration-face{grid-area:1/1;align-items:center;gap:4px;display:flex}.duration-face:not([data-on]){visibility:hidden}.duration-bar>button[data-length="1440"]{--tone:#4c3d75;--on:#fff}.duration-bar>button[data-length="15"]{--tone:#d9bf5f;--on:#121417}.duration-bar>button[data-length="60"]{--tone:#6fa3c4;--on:#121417}.duration-bar>button svg{flex:none;width:14px;height:14px}.duration-bar>button:focus-visible{outline:2px solid var(--on);outline-offset:-4px}.duration-bar-alone{flex:1 1 0;height:auto;min-height:0}.duration-bar-alone>button{padding:0 10px;font-size:15px}.duration-bar-alone>button svg{width:20px;height:20px}.duration-bar{position:relative}.duration-bar-tipped{overflow:visible}.duration-bar-tipped>button{border-radius:inherit}.duration-tip{z-index:12;pointer-events:none;text-align:center;border:2px solid var(--border);color:#121417;width:max-content;max-width:220px;box-shadow:0 3px 0 var(--border);font:500 14px/1.25 var(--font-fredoka), sans-serif;letter-spacing:.02em;background:#fff;border-radius:10px;margin:0;padding:8px 12px;animation:.3s ease-out backwards duration-tip-in;position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.duration-tip:after{content:"";background:inherit;border:solid var(--border);border-width:0 2px 2px 0;width:10px;height:10px;position:absolute;bottom:-7px;left:calc(50% - 6px);rotate:45deg}.duration-bar-alone>.duration-tip{max-width:200px;left:0;translate:none}.duration-bar-alone>.duration-tip:after{left:24px}.pack-card-sell-head>.duration-bar>.duration-tip{left:auto;right:0;translate:none}.pack-card-sell-head>.duration-bar>.duration-tip:after{left:auto;right:24px}@keyframes duration-tip-in{0%{opacity:0;scale:.8}}