body{height:100vh}#app{position:relative;width:100%;height:100%}#body[data-v-4173dca3]{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:2fr 3fr;grid-template-areas:"Pomodoro nav" "Pomodoro section" "footer footer";height:100%;padding:1rem 1rem 0;background-color:var(--bgc1);font-family:Delius,cursive;color:var(--font1);position:relative}#PiP[data-v-4173dca3]{position:absolute;top:.4%;left:.2%;transition:color .2s,filter .2s}#PiP[data-v-4173dca3]:hover{filter:brightness(1.25)}#Pomodoro[data-v-4173dca3]{box-shadow:#111 0 0 .4rem;display:flex;flex-direction:column;align-items:center;grid-area:Pomodoro;margin-right:1rem;padding:1rem;background-color:var(--bgc2);border:solid 2px var(--bgc3);border-radius:1rem}#current[data-v-4173dca3]{overflow:inherit;width:100%;height:2rem;text-align:center;word-break:break-word;white-space:normal}#box[data-v-4173dca3]{display:flex;justify-content:center;align-items:center;flex:1 1 0;width:100%;padding:.5rem 0}#countClock[data-v-4173dca3]{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;width:80%;border-radius:50%}#pomodoroClock[data-v-4173dca3]{container-type:inline-size;display:flex;justify-content:center;align-items:center;width:95%;height:95%;border-radius:50%}#countdown[data-v-4173dca3]{-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:flex;justify-content:center;align-items:center;width:97%;height:97%;background-color:var(--bgc3);border-radius:50%;font-size:clamp(1rem,20cqw,4rem);font-family:Courier;font-weight:900;color:var(--theme1)}#Pomodoro button[data-v-4173dca3]{width:6rem;padding:.4rem 0;transition:background-color .2s;background-color:var(--theme1);border:none;font-size:1.2rem;font-weight:900;color:var(--bgc2)}#Pomodoro button[data-v-4173dca3]:disabled{background-color:var(--theme2);cursor:not-allowed}#Pomodoro button[data-v-4173dca3]:hover{background-color:var(--theme2)}nav[data-v-4173dca3]{box-shadow:#111 0 0 .4rem;display:flex;grid-area:nav;padding:.2rem;background-color:var(--bgc2);border:solid 2px var(--bgc3);border-radius:.6rem;font-family:Aldrich,sans-serif}.control[data-v-4173dca3]{display:flex;justify-content:center;align-items:center;flex:1 1 0;padding:.2rem 0;border-radius:.4rem;color:var(--font1);text-decoration:none}.control[data-v-4173dca3]:hover{color:var(--theme2)}.control.router-link-exact-active[data-v-4173dca3]{background-color:var(--bgc3);color:var(--theme1)}section[data-v-4173dca3]{box-shadow:#111 0 0 .4rem;grid-area:section;min-height:0;margin-top:.5rem;border:solid 2px var(--bgc3);border-width:2px;border-radius:1rem}footer[data-v-4173dca3]{grid-area:footer;text-align:center}.colon[data-v-4173dca3]{transition:opacity .1s;text-shadow:0 0 2px currentColor}@media(max-width:768px){#body[data-v-4173dca3]{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"Pomodoro" "section" "nav";padding:0;background-color:var(--bgc2)}#Pomodoro[data-v-4173dca3],nav[data-v-4173dca3],section[data-v-4173dca3]{box-shadow:none;margin:0;border:0}#Pomodoro[data-v-4173dca3]{padding:.4rem}#current[data-v-4173dca3]{height:1.5rem;text-align:start}#countClock[data-v-4173dca3]{width:60%}#PiP[data-v-4173dca3],footer[data-v-4173dca3]{display:none}}@media(prefers-color-scheme:light){[data-v-4173dca3]:root{--bgc1: #ddd;--bgc2: #fff;--bgc3: #eee;--font1: #000;--font2: #333}}@media(prefers-color-scheme:dark){[data-v-4173dca3]:root{--bgc1: #21252b;--bgc2: #282c34;--bgc3: #2f343e;--font1: #abb2bf;--font2: #999}}#body[data-v-fe3c04d9]{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow-y:auto;padding:1rem;background-color:var(--bgc2);border-radius:1rem}caption[data-v-fe3c04d9]{caption-side:bottom}#count[data-v-fe3c04d9]{font-size:1.5rem;font-weight:900;color:var(--theme1)}table[data-v-fe3c04d9]{border-collapse:collapse;width:100%}.total[data-v-fe3c04d9]{text-align:center}tbody[data-v-fe3c04d9]>:nth-child(odd){background-color:var(--bgc3)}th[data-v-fe3c04d9],td[data-v-fe3c04d9]{width:25%;padding:.5rem 0;border:1px solid var(--font2);white-space:pre}.td-text[data-v-fe3c04d9]{padding:.5rem 0rem .5rem .5rem}#todo-name[data-v-fe3c04d9]{text-decoration:line-through var(--theme2) solid}@media(max-width:768px){.media-text[data-v-fe3c04d9]{display:none}}#body[data-v-74a3281c]{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem;background-color:var(--bgc2);border-radius:1rem;position:relative}#control[data-v-74a3281c]{display:flex;gap:1rem;height:3rem;margin:.5rem 0 1rem}input[data-v-74a3281c]{flex-grow:1;padding:0 1rem;background-color:var(--bgc2);border:var(--font2) 2px solid;border-radius:.5rem;font-size:1.25rem;font-family:Delius,cursive;color:var(--font2);transition:outline .1s,border .1s}input[data-v-74a3281c]:focus{outline:var(--theme1) solid;background-color:var(--bgc3);border:var(--theme3) solid}#show[data-v-74a3281c]{text-align:center;font-size:1.25rem;color:var(--font2);font-style:italic}.li[data-v-74a3281c]{display:flex;align-items:center;gap:1.5rem;width:100%;height:3rem;min-height:2rem;padding:0 1.5rem;background-color:var(--bgc3);border-radius:1rem}.li .active[data-v-74a3281c]{border:var(--theme1) 2px solid}.ok[data-v-74a3281c]{order:1}.time[data-v-74a3281c]{order:2;width:5rem;white-space:pre}.name[data-v-74a3281c]{order:3;flex-grow:1;transition:color .2s}span[data-v-74a3281c]{display:inline-block;position:relative}.start[data-v-74a3281c]{order:4}.delete[data-v-74a3281c]{order:5}button[data-v-74a3281c]:hover{color:var(--theme1);background-color:var(--bgc3)}#add[data-v-74a3281c]{width:3rem;border:2px solid var(--theme2);border-radius:.5rem}.ok:hover~.name[data-v-74a3281c]{text-decoration:line-through var(--theme1)}.start:hover~.name[data-v-74a3281c]{color:var(--theme1);text-shadow:0 0 4px var(--theme3)}.delete:hover~span[data-v-74a3281c]{opacity:.7;text-decoration:line-through #f00 double}.delete[data-v-74a3281c]{color:#c33}.delete[data-v-74a3281c]:hover{color:red}@media(max-width:768px){#control[data-v-74a3281c]{height:4rem}#add[data-v-74a3281c]{width:4rem;height:100%;border:2px solid var(--theme2);border-radius:.5rem}input[data-v-74a3281c]{height:100%}}#body[data-v-2d70ddb9]{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:0;position:relative;overflow-y:auto;background-color:var(--bgc2);border-radius:1rem}fieldset[data-v-2d70ddb9]{display:flex;width:100%;padding:1rem;border:var(--font2) solid 1px;border-radius:1rem}br[data-v-2d70ddb9]{-webkit-user-select:none;user-select:none}#theme[data-v-2d70ddb9]{justify-content:space-between}#duration[data-v-2d70ddb9]{flex-direction:column;justify-content:space-evenly;align-items:center}#color[data-v-2d70ddb9]{-webkit-background-clip:text;background:linear-gradient(75deg,tomato,#f4a460,#2e8b57,#87ceeb,violet);background-clip:text;font-size:1.2rem;color:transparent}#isDark[data-v-2d70ddb9]:hover{transform:translate(-6.25%) rotate(-22.5deg)}#moon[data-v-2d70ddb9]{transform-origin:right bottom;position:absolute;z-index:2;width:44px;height:44px;transition:transform .6s,background-color 1s;background-color:var(--bgc2);border-radius:50%}#sun[data-v-2d70ddb9]{width:32px;height:32px;transition:background-color .2s;background-color:var(--font1);border:4px solid var(--bgc2);border-radius:50%}.sun-ray[data-v-2d70ddb9]{display:block;position:absolute;z-index:-1;width:4px;transition:height .3s ease-in,background-color .8s;background-color:var(--font1)}.sun-ray[data-v-2d70ddb9]:nth-child(3){transform:rotate(0)}.sun-ray[data-v-2d70ddb9]:nth-child(4){transform:rotate(45deg)}.sun-ray[data-v-2d70ddb9]:nth-child(5){transform:rotate(90deg)}.sun-ray[data-v-2d70ddb9]:nth-child(6){transform:rotate(135deg)}span[data-v-2d70ddb9]{font-weight:900}.range_set[data-v-2d70ddb9]{display:flex;justify-content:space-between;width:90%}input[data-v-2d70ddb9]{accent-color:var(--theme1);margin:.2rem .7rem;transition:accent-color 1s}input[type=range][data-v-2d70ddb9]{display:block;width:90%;cursor:ew-resize}label[data-v-2d70ddb9]{display:inline-block;cursor:pointer;font-weight:900}a[data-v-2d70ddb9]{cursor:help;color:var(--font1);text-decoration:none}a[data-v-2d70ddb9]:hover{text-decoration:underline solid var(--theme1)}