@keyframes blink{0%{opacity:1}50%{opacity:.2}}.countdown{box-sizing:border-box;width:100%;height:100vh;font-family:var(--font-family-override,"Open Sans", "Segoe UI", sans-serif);background:var(--background-color-override,#101010);color:var(--color-override,rgba(255,255,255,.8));flex-direction:column;gap:min(2vh,16px);margin:0;padding:min(2vh,16px) max(16px,min(2vw,24px));font-size:max(15px,min(1.5vw,28px));display:flex;overflow:hidden}.countdown .project-header{align-items:center;gap:1rem;font-size:max(24px,min(2.5vw,48px));font-weight:600;display:flex}.countdown .project-header__brand{align-items:center;gap:1rem;min-width:0;display:flex}.countdown .project-header__brand--without-logo{align-self:baseline}.countdown .logo{max-width:min(200px,20vw)}.countdown .title{line-height:1.1em}.countdown .clock-container{margin-left:auto;font-weight:600}.countdown .clock-container .label{color:var(--label-color-override,rgba(255,255,255,.25));text-transform:uppercase;font-size:max(12px,min(1.25vw,20px))}.countdown .clock-container .time{color:var(--secondary-color-override,rgba(255,255,255,.45));letter-spacing:.05em;font-size:max(24px,min(2.5vw,48px));line-height:.95em}.countdown .fab-container{bottom:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom));justify-content:end;align-items:center;gap:2rem;transition-property:opacity;transition-duration:.3s;display:flex;position:fixed;right:max(16px,min(2vw,24px))}.countdown .fab-container--hidden{opacity:0;pointer-events:none}.countdown .empty-state{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;min-height:min(56vh,36rem);padding-top:max(4rem,min(14vh,9rem));display:flex}.countdown .list-container{padding-bottom:max(8rem, 5rem + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-y:auto}.countdown .sub{background-color:var(--card-background-color-override,rgba(255,255,255,.05));border:1px solid transparent;border-radius:4px;flex:1;grid-template-columns:1rem 1fr auto;grid-template-areas:"binder schedule status""binder title timer""binder secondary secondary";column-gap:1rem;margin:2px;padding-right:1rem;display:grid}.countdown .sub:hover .sub__label{color:#f6f6f6}.countdown .sub--selected{background:#2b5abc;box-shadow:inset 0 0 0 1px #578af4}.countdown .sub--live{background-color:#087a27;box-shadow:inset 0 0 0 1px #44995b}.countdown .sub--armed{background-color:#151515}.countdown .sub--in-group{margin-left:1rem;position:relative}.countdown .sub--in-group:before{content:"";background:var(--group-color,transparent);border-radius:1px;width:2px;position:absolute;top:-.25rem;bottom:-.25rem;left:-.5rem}.countdown .sub--in-group .sub__binder{box-shadow:inset 3px 0 0 var(--group-color,transparent)}.countdown .sub__binder{background:var(--user-color,var(--card-background-color-override,rgba(255,255,255,.05)));border-radius:4px 0 0 4px;grid-area:binder}.countdown .sub__schedule{color:var(--label-color-override,rgba(255,255,255,.25));white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:schedule;gap:.25em;padding-top:.5rem;font-size:max(12px,min(1.25vw,20px));display:flex}.countdown .sub__schedule--delayed{color:#e69056}.countdown .sub__schedule--strike{text-decoration:line-through}.countdown .sub__schedule--over{color:#f57c13}.countdown .sub__schedule--under{color:#55b469}.countdown .sub--group{box-shadow:inset 0 0 0 1px var(--user-color,#151515);background:linear-gradient(90deg, color-mix(in srgb, var(--user-color,transparent) 18%, transparent), transparent 42%), var(--card-background-color-override,rgba(255,255,255,.05))}.countdown .sub--group .sub__binder{background:var(--user-color,var(--card-background-color-override,rgba(255,255,255,.05)));box-shadow:none}.countdown .sub--group .sub__title{font-weight:700}.countdown .sub--group .sub__schedule,.countdown .sub--group .sub__status,.countdown .sub--group .sub__label{color:var(--secondary-color-override,rgba(255,255,255,.45))}.countdown .sub--group.sub--selected{background:linear-gradient(90deg, color-mix(in srgb, var(--user-color,transparent) 22%, transparent), transparent 42%), #2b5abc;box-shadow:inset 0 0 0 1px #578af4}.countdown .sub--group.sub--selected .sub__schedule,.countdown .sub--group.sub--selected .sub__status,.countdown .sub--group.sub--selected .sub__label,.countdown .sub--group.sub--selected .sub__eyebrow{color:#f6f6f6}.countdown .sub__title{overflow-wrap:anywhere;grid-area:title;min-width:0;padding-bottom:.5rem;font-size:max(18px,min(2.25vw,42px));line-height:1.1em}.countdown .sub__eyebrow{color:var(--secondary-color-override,rgba(255,255,255,.45));text-transform:uppercase;margin-bottom:.15rem;font-size:max(12px,min(1.25vw,20px));font-weight:700;line-height:1;display:block}.countdown .sub__secondary{min-width:0;color:var(--label-color-override,rgba(255,255,255,.25));white-space:pre-line;overflow-wrap:anywhere;grid-area:secondary;padding-bottom:.5rem;font-size:max(15px,min(1.5vw,28px));line-height:1.1em}.countdown .sub__status{text-align:right;text-transform:uppercase;white-space:nowrap;grid-area:status;padding-top:.5rem;font-size:max(12px,min(1.25vw,20px))}.countdown .sub__label{color:var(--label-color-override,rgba(255,255,255,.25));text-align:right;white-space:nowrap;grid-area:status;padding-top:.5rem;font-size:max(12px,min(1.25vw,20px))}.countdown .sub__timer{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:timer;font-size:max(24px,min(2.5vw,48px));font-weight:600;line-height:1.1em}.countdown .selection-count{color:var(--label-color-override,rgba(255,255,255,.25));text-transform:uppercase;white-space:nowrap;font-size:max(12px,min(1.25vw,20px));font-weight:600}.countdown .subdued{opacity:.6}.blink{animation:1s step-start infinite blink}.fourtyfive{transform:rotate(45deg)}.mirror{transform:rotate(180deg)}.single-container{flex-direction:column;gap:5rem;margin-top:7.5vh;display:flex}.event__title{background-color:var(--card-background-color-override,rgba(255,255,255,.05));text-align:center;border-left:.25em solid;border-color:var(--card-background-color-override,rgba(255,255,255,.05));border-radius:4px;padding:min(2vh,8px) max(16px,min(2vw,24px));font-size:max(40px,min(4.5vw,80px));line-height:1.1}.event__title .secondary{text-align:left;font-size:max(18px,min(2.25vw,42px))}.event__title .sub__schedule{color:inherit;font-size:max(15px,min(1.5vw,28px))}.event__status{color:var(--secondary-color-override,rgba(255,255,255,.45));text-transform:uppercase;font-size:max(24px,min(2.5vw,48px));font-weight:600}.event__timer{color:var(--timer-color-override,rgba(255,255,255,.8));text-align:center;letter-spacing:.05em;font-size:15vw;font-weight:600;line-height:.9em}
