.containerCountdown{position:relative}.rings{transition:transform .3s;transform:rotate(-90deg)scaleY(-1)}.ring{fill:none;stroke-width:18px;stroke-linecap:round;stroke:var(--important);transition:stroke-dashoffset .5s}.ring-bg{stroke:var(--importantBg)}.ring5-progress{filter:brightness()}.ring4-progress{filter:brightness(1.9)}.ring3-progress{filter:brightness(2.8)}.ring2-progress{filter:brightness(3.7)}.ring1-progress{filter:brightness(4.6);transition:stroke-dashoffset 5ms}.center-content{text-align:center;width:100%;color:var(--important);flex-direction:column;display:flex;position:absolute;top:200px;left:0;transform:translateY(-50%)}.day-label{letter-spacing:2px;font-size:26px;font-weight:700}.J{color:var(--title)}.time-remaining{color:var(--p);font-size:16px;font-weight:300}.controlsPanel{flex-direction:column;align-items:center;gap:20px;display:flex}.controlsPanel button{align-self:flex-end}.controls{flex-direction:column;gap:10px;transition:max-height .3s,opacity .3s;display:flex}.controls.hide{opacity:0;max-height:0}.controls.show{opacity:1}.controls label{flex-direction:column;gap:.3rem;display:flex}.datetime{background-color:var(--title);font-size:1.2rem;font-family:var(--font-mona);border:2px solid #0000;border-radius:.5rem;padding:.7rem}.datetime:focus-visible{outline:5px solid var(--important);outline-offset:5px;border-radius:.5rem}@media (max-width:414px){.counter{overflow:hidden}.rings{transform:rotate(-90deg)scaleY(-1)scale(.7)}.center-content{top:160px;transform:scale(.7)}.controlsPanel button{margin-right:5rem}}