[data-v-d4d76ed2]{border:0;box-sizing:border-box;margin:0;padding:0}[data-v-d4d76ed2]:root{--hue:223;--bg:hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);font-size:calc(13.33333px + .83333vw)}body[data-v-d4d76ed2],button[data-v-d4d76ed2]{color:var(--fg);font:1em/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body[data-v-d4d76ed2]{background-color:var(--bg);height:100vh;display:grid;place-items:center}.progress-clock[data-v-d4d76ed2]{display:grid;justify-content:center;align-content:center;position:relative;text-align:center;width:16em;height:16em}.progress-clock__time-ampm[data-v-d4d76ed2],.progress-clock__time-colon[data-v-d4d76ed2],.progress-clock__time-date[data-v-d4d76ed2],.progress-clock__time-digit[data-v-d4d76ed2]{transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:1px}.progress-clock__time-date[data-v-d4d76ed2],.progress-clock__time-digit[data-v-d4d76ed2]{background:transparent}.progress-clock__time-ampm[data-v-d4d76ed2],.progress-clock__time-date[data-v-d4d76ed2]{grid-column:1/6}.progress-clock__time-date[data-v-d4d76ed2]{font-size:.8em;line-height:1.3;font-weight:700;margin-top:-20px}.progress-clock__time-colon[data-v-d4d76ed2],.progress-clock__time-digit[data-v-d4d76ed2]{font-size:2em;font-weight:400;grid-row:2}.progress-clock__time-colon[data-v-d4d76ed2]{line-height:1.275}.progress-clock__time-ampm[data-v-d4d76ed2]{cursor:default;grid-row:3}.progress-clock__rings[data-v-d4d76ed2]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.progress-clock__ring[data-v-d4d76ed2]{opacity:.1}.progress-clock__ring-fill[data-v-d4d76ed2]{transition:opacity 0s linear .3s,stroke-dashoffset .3s ease-in-out}.progress-clock__ring-fill--360[data-v-d4d76ed2]{opacity:0;stroke-dashoffset:0;transition-duration:.3s}[data-group][data-v-d4d76ed2]:focus{outline:transparent}[data-units][data-v-d4d76ed2]{transition:opacity .2s linear}[data-group=d][data-v-d4d76ed2]:focus,[data-group=d][data-v-d4d76ed2]:hover{color:#ff1a1a}[data-group=h][data-v-d4d76ed2]:focus,[data-group=h][data-v-d4d76ed2]:hover{color:#f49725}[data-group=m][data-v-d4d76ed2]:focus,[data-group=m][data-v-d4d76ed2]:hover{color:#2582f4}[data-group=s][data-v-d4d76ed2]:focus,[data-group=s][data-v-d4d76ed2]:hover{color:#9725f4}[data-group]:focus~.progress-clock__rings [data-units][data-v-d4d76ed2],[data-group]:hover~.progress-clock__rings [data-units][data-v-d4d76ed2]{opacity:.2}[data-group=d]:focus~.progress-clock__rings [data-units=d][data-v-d4d76ed2],[data-group=d]:hover~.progress-clock__rings [data-units=d][data-v-d4d76ed2],[data-group=h]:focus~.progress-clock__rings [data-units=h][data-v-d4d76ed2],[data-group=h]:hover~.progress-clock__rings [data-units=h][data-v-d4d76ed2],[data-group=m]:focus~.progress-clock__rings [data-units=m][data-v-d4d76ed2],[data-group=m]:hover~.progress-clock__rings [data-units=m][data-v-d4d76ed2],[data-group=s]:focus~.progress-clock__rings [data-units=s][data-v-d4d76ed2],[data-group=s]:hover~.progress-clock__rings [data-units=s][data-v-d4d76ed2]{opacity:1}@media (prefers-color-scheme:dark){[data-v-d4d76ed2]:root{--bg:hsl(var(--hue),10%,10%);--fg:hsl(var(--hue),10%,90%)}.progress-clock__ring[data-v-d4d76ed2]{opacity:.2}}