:root{--focusTime-bg:floralwhite;--shortBreak-bg:lightcyan;--longBreak-bg:bisque;--timer-color:white;--timer-bg:black;--title-color:darkslategray;--tabs-fg:steelblue;--tabs-active-fg:#0d6efd}:root.dark-mode{--focusTime-bg:rgba(0,0,0, 0.9);--shortBreak-bg:#204f4f;--longBreak-bg:#6e5252;--color:gray;--timer-color:lightgray;--timer-bg:black;--timer-bg:#383838;--tabs-fg:skyblue;--tabs-active-fg:burlywood;--buttons-color:black;--buttons-bg:darkgray;--settings-fg:cornsilk;--settings-bg:dimgray;--title-color:lightgray;--progress-color:cornflowerblue}body,body[data-mode=focusTime]{background-color:var(--focusTime-bg)}body[data-mode=shortBreak]{background-color:var(--shortBreak-bg)}body[data-mode=longBreak]{background-color:var(--longBreak-bg)}#piliapp{min-height:50vh}#header{display:flex;flex-direction:column}h1{min-height:1.2em;color:var(--title-color);font-weight:700;font-family:var(--bs-font-monospace)}#header #tabs{margin-bottom:.5rem}#tabs{font-size:1.5rem;text-align:center}@media only screen and (max-width:575px){.sep:first-of-type{display:block;text-indent:-1em;overflow:hidden;width:0;height:0}}.mobile #tabs{font-size:1.1rem}#tabs a{text-decoration:none;background:inherit;color:var(--tabs-fg);font-family:var(--bs-font-sans-serif)}#tabs .sep{width:1em;color:transparent}#tabs a:hover{background:#dcdcdc}.dark-mode #tabs a:hover{background:#000}#tabs{display:flex;flex-wrap:wrap;justify-content:center}#tabs a{border-bottom:.1em solid transparent;padding-bottom:.1em}#tabs a:active{color:red;text-decoration:underline}#tabs a.active{text-decoration:none;font-weight:700;color:var(--tabs-active-fg);border-bottom-color:currentColor}@media only screen and (max-width:575px){#timer{--base:64px}}#timer{--base:96px;--pd:calc(var(--base) / 4);--dot:calc(var(--base) / 8);--status-edit-ratio:0.75}.status-ringing #timer>*{--timer-color:darkorange}.desktop #timer{--base:128px}.desktop.fullscreen-mode #timer{--base:176px}.sep3{display:flex!important;justify-content:space-evenly;flex-direction:column;align-items:center}.sep3:after,.sep3:before{content:" ";font-size:9px;font-size:var(--dot);width:1em;height:1em;margin:0 .5em;display:inline-block;background-color:var(--timer-color);border-radius:1em}#timer{background-color:var(--timer-bg)}.status-ringing #timer{color:tomato}#timer{display:flex;justify-content:center;align-items:center;direction:ltr;margin:0 auto;padding:16px 32px;padding:var(--pd) calc(var(--pd)* 2);border-radius:8px;border-radius:calc(var(--base)/ 8)}#minus,#minus-clone,#mm,#ss{font-family:Tahoma,"Lucida Console","Helvetica Neue",sans-serif}#minus-clone,#minus.invisible,[v-cloak] #minus{visibility:hidden}#timer>*{display:inline;color:var(--timer-color);font-size:64px;font-size:var(--base);height:1em;line-height:1em}.status-ringing #progress-bar{background:0 0}.status-ringing #progress-bar #progress{display:none}#progress-bar{width:100%;height:.2rem;background:#d3d3d3;margin:.9rem 0;padding:0;position:relative}#progress{height:100%;background:#2f4f4f;width:0%;transition:width 1s linear}.dark-mode #progress{background:var(--progress-color)}#timesup{display:none}.status-ringing #timesup{display:block;color:red;font-size:2rem;text-align:center;animation:blinker 1s linear infinite;position:absolute;left:50%;top:0;transform:translateX(-50%) translateY(-50%)}@keyframes blinker{50%{opacity:0}}@keyframes blinker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}#info{margin:.5em auto;color:var(--title-color);min-height:2em}#info i{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji"}#info input{text-align:center;font-family:monospace;box-sizing:content-box}#focus-count input{width:4ch}#info.invisible{visibility:hidden}input[type=number]::-webkit-inner-spin-button{opacity:1}#focus-duration input{width:3ch}.buttons{display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;min-height:5em}.dark-mode .buttons .btn{color:var(--buttons-color);background-color:var(--buttons-bg);border-color:currentColor}.buttons .btn{margin:0 .1rem;order:5}.buttons .btn-next{order:10}@media only screen and (min-width:576px){.buttons .btn{min-width:6em}}@media only screen and (max-width:575px){.buttons .btn{min-width:50vw;margin-bottom:.5rem}.buttons .btn-stop{order:8}.buttons .btn-silence{order:9}}.buttons .btn{display:none}.status-paused .btn-next,.status-paused .btn-resume,.status-paused .btn-stop,.status-ready .btn-start,.status-ringing .btn-addoneminute,.status-ringing .btn-done,.status-ringing .btn-silence,.status-running .btn-next,.status-running .btn-pause,.status-running .btn-stop,[v-cloak] .btn-start{display:inline-block}.settings{margin-bottom:1rem;line-height:2.5em}.dark-mode .settings .btn{color:var(--settings-fg);border-color:var(--settings-fg);background-color:var(--settings-bg)}[v-cloak] #all-settings{display:none}.dark-mode #all-settings .text-muted{color:var(--settings-fg)!important;opacity:.7}body[data-show-settings=true] #desc-wrapper{display:none}#desc-wrapper{display:flex;justify-content:center}.dark-mode #desc{color:var(--title-color)}.TimingCycleFlow b{display:inline-block;color:#2f4f4f;background:#d3d3d3;margin-bottom:.25em;padding:0 .25em;font-weight:400;border-radius:.25em}.TimingCycleFlow i{display:inline-block;color:gray}.rtl .TimingCycleFlow i{transform:rotate(180deg)}.no-fullscreen .fullscreen-btn,.no-fullscreen .fullscreen-exit{display:none!important}.fullscreen-exit{display:none;color:#fff}.bi-home,.bi-x{font-size:16px;width:1em;height:1em;display:inline-block;filter:invert(1);background-size:1em;background-repeat:no-repeat;background-position:center center}.bi-home{font-size:16px;display:none}.bi-x{font-size:18px;margin:.1em 0 0 .3em}.rtl .bi-x{margin:.1em .3em 0 0}.fullscreen-mode .bi-home{display:inline-block}.fullscreen-mode .fullscreen-exit{display:flex}.fullscreen-mode .fs-hide,.fullscreen-mode .nav-item,.fullscreen-mode .navbar-toggler,.no-fullscreen .btn-fullscreen{display:none}.fullscreen-mode body{min-height:100vh;min-height-desc:"mac safari bug";xoverflow:hidden}.fullscreen-mode #side{position:absolute;top:150vh}.block-disabled{opacity:.3}#old-env-warning{color:red;font-size:2em}@media only screen and (min-width:992px){.nav-link{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;max-width:145px;max-width:calc(100vw / 9)}}