#countdown-timer .ct__display{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-3);padding:var(--tb-space-6) var(--tb-space-4);background-color:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-xl);text-align:center}#countdown-timer .ct__time{font-size:var(--tb-font-size-8xl);font-weight:var(--tb-weight-bold);line-height:var(--tb-leading-none);color:var(--tb-text-primary);font-variant-numeric:tabular-nums}#countdown-timer .ct__time--over{color:var(--tb-color-danger)}#countdown-timer .ct__progress{width:100%;height:10px;background-color:var(--tb-surface-hover);border-radius:var(--tb-radius-full);overflow:hidden}#countdown-timer .ct__progress-fill{width:0;height:100%;background-color:var(--tb-color-primary);border-radius:var(--tb-radius-full);transition:width var(--tb-transition-fast),background-color var(--tb-transition-normal)}#countdown-timer .ct__progress-fill--soon{background-color:var(--tb-color-warning)}#countdown-timer .ct__progress-fill--over{background-color:var(--tb-color-danger)}#countdown-timer details{display:flex;flex-direction:column;gap:var(--tb-space-4);padding:var(--tb-space-3) var(--tb-space-4);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md)}#countdown-timer summary{cursor:pointer;font-size:var(--tb-font-size-sm);font-weight:var(--tb-weight-medium);color:var(--tb-text-secondary)}#countdown-timer:fullscreen{justify-content:center;background-color:var(--tb-color-white);overflow-y:auto}#countdown-timer:fullscreen .tb-tabs,#countdown-timer:fullscreen .tb-tab-panel,#countdown-timer:fullscreen details{display:none}#countdown-timer:fullscreen .ct__display{border:none;background-color:transparent}#countdown-timer:fullscreen .ct__time{font-size:min(17vw,22vh)}@media(max-width:639px){#countdown-timer .ct__time{font-size:var(--tb-font-size-6xl)}}@media(max-width:479px){#countdown-timer .ct__display{padding:var(--tb-space-5) var(--tb-space-3)}#countdown-timer .ct__time{font-size:var(--tb-font-size-5xl)}}