:root{--base:180px;--n:calc(var(--base) * 0.2);--i-w:3px;--i-h:6px;--i-w:calc(var(--base) / 60);--i-h:calc(var(--base) / 30);--h:calc(var(--base)/18);--m:calc(var(--base)/18);--h-shape:.3em;--m-shape:.3em;--h-bottom-width:1.6em;--h-bottom-shape:.25em;--m-bottom-width:1.4em;--m-bottom-shape:.25em;--s:calc(var(--base)/60);--pin:calc(var(--h) - 2px);--pin-color:red;--hour-hand-color:black;--minute-hand-color:black;--analog-bg:white;--analog-border:black}:root.dark-mode{--pin-color:Tomato;--hour-hand-color:Gainsboro;--minute-hand-color:Gainsboro;--analog-bg:#505050;--analog-border:lightslategrey;--analog-border:#1e1e1e}.dark-mode .s>*{background-color:Gray}.dark-mode .s-wrapper .s:nth-child(5n+5) i{opacity:1;background-color:#dcdcdc}.dark-mode .h i{color:#dcdcdc}@media (max-width:320px){:root{--base:140px}}@media (min-width:321px) and (max-width:375px){:root{--base:160px}}.analog{width:calc(var(--base) * 2);height:calc(var(--base) * 2);overflow:hidden;border-radius:calc(var(--base) * 1.5);box-sizing:content-box;position:relative;direction:ltr;border:calc(var(--base)/ 10) solid var(--analog-border);background:var(--analog-bg);box-shadow:1px 2px 3px 1px rgba(50,50,50,.5)}.loading .hand-h,.loading .hand-m,.loading .hand-s{transition-duration:1s;transition-timing-function:linear}.h,.s{z-index:100}.hand-h{z-index:200}.hand-m{z-index:300}.hand-s{z-index:400}.base i{font-style:normal}.base{position:absolute;width:calc(var(--base) * 0);height:var(--base);left:var(--base);transform-origin:left bottom}.h i{display:inline-block;font-size:var(--n);width:2em;height:1em;position:absolute;left:-1em;line-height:1em;text-align:center;top:.4em}.s>*{text-align:center;position:absolute;display:inline-block;width:var(--i-w);height:var(--i-h);left:calc(var(--i-w)/-2);top:calc(var(--i-w)/ 2);background:#000;opacity:.6}.s-wrapper .s:nth-child(5n+5) i{width:calc(var(--i-w) * 2);height:calc(var(--i-h) * 1.4);left:calc(var(--i-w)/ -2 * 2);opacity:1}.hand-h span{background:var(--hour-hand-color);font-size:var(--h);display:inline-block;position:absolute;height:70%;width:1.6em;left:-.8em;bottom:-10%;width:var(--h-bottom-width);left:calc(var(--h-bottom-width)/ -2);background:inherit;height:0;border-bottom:calc(var(--base) * .7) solid var(--hour-hand-color);border-left:var(--h-shape) solid transparent;border-right:var(--h-shape) solid transparent;opacity:.75}.hand-m span{font-size:var(--m);display:inline-block;position:absolute;height:95%;background:var(--minute-hand-color);width:.8em;left:-.4em;bottom:-10%;opacity:.75;width:1.4em;left:-.7em;width:var(--m-bottom-width);left:calc(var(--m-bottom-width)/ -2);background:inherit;height:0;border-bottom:calc(var(--base) * .95) solid var(--minute-hand-color);border-left:var(--m-shape) solid transparent;border-right:var(--m-shape) solid transparent}.hand-s span{font-size:var(--s);display:inline-block;position:absolute;height:110%;background:red;opacity:.7;width:1em;left:-.5em;bottom:-15%}.pin{font-size:var(--pin);background:var(--pin-color);display:inline-block;position:absolute;width:1em;height:1em;border-radius:1em;left:-.5em;bottom:-.5em;z-index:500}.brand:after{content:"PiliApp";position:absolute;font-size:calc(var(--base)/10);bottom:-1em;text-align:center;width:10em;left:-5em;top:calc(var(--base) * .45);font-family:"Comic Sans MS","Comic Sans",monospace;transform:scale(.9)}:root{--base:90px;--clock-width:calc(var(--base) * 2);--body-bg:snow;--board-bg:seashell;--title-color:darkslategray;--title-bg:gainsboro;--digi-font:"Tahoma","Lucida Console","Helvetica Neue",sans-serif;--digi-bg:black;--digi-color:white;--btn-bg:white;--btn-color:black}@media (max-width:575px){:root{--base:60px}}:root.dark-mode{--body-bg:#333334;--body-color:Gainsboro;--board-bg:#333334;--title-color:Gainsboro;--title-bg:#2a2a2a;--title-bg:#505050;--digi-bg:var(--analog-bg);--digi-color:white;--content-bg:black;--btn-bg:black;--btn-color:lightgray}:root.dark-mode{--bs-light-rgb:105,105,105}.dark-mode .navbar-light .navbar-brand,.dark-mode .navbar-light .navbar-nav .nav-link{color:#d3d3d3}.dark-mode .btn:not(.btn:hover){border-color:#dcdcdc;background-color:#2a2a2a}.dark-mode .brand:after{color:#dcdcdc}body{background:var(--body-bg);color:var(--body-color)}h1{text-align:center;margin:.7em auto}h1 a:not(:hover){color:inherit;text-decoration:none}.bi-home,.bi-x{font-size:16px;width:1em;height:1em;display:inline-block;background-size:1em}.dark-mode .bi-x{filter:invert(1)}.bi-home{font-size:16px;display:none}.bi-x{font-size:18px;margin:0 .3em -.2em}.rtl .bi-x{margin:.1em .3em 0 0}.fullscreening #navbar{display:none!important}#board-wrapper{background:var(--board-bg);x-border-bottom:solid 1px gray}#board{min-height:calc(100vh - 2rem);display:flex;flex-direction:column;justify-content:space-evenly}#clocks{x-flex-grow:1;justify-content:center;display:flex;align-items:center}.clock{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.clock .title{text-align:center;font-size:1.8rem;margin:.5em auto .65em;padding:0 .6em;border-radius:.24em;font-size:calc(var(--base) * .25);font-family:serif;background:var(--title-bg);color:var(--title-color);font-weight:700;box-shadow:1px 2px 3px 1px rgba(50,50,50,.5);min-width:12ch}.clock .title a:not(:hover){color:inherit;text-decoration:none}.clock .analog{margin:0 auto .75rem}.brand::after{content:var(--after-content, "PiliApp")}.brand.utc-offset::after{font-family:Arial;font-size:calc(var(--base) / 8)}.digital{direction:ltr;background:var(--digi-bg);color:var(--digi-color);font-size:calc(var(--base) * .5);line-height:2em;height:2em;width:100%;text-align:center;border-radius:.2em;font-family:monospace;margin-bottom:.75rem}.digital .ss{font-size:calc(var(--base) * .25);display:none}#board .ampm{position:absolute;margin-left:.5em;font-size:.4em}.digital .hh,.digital .mm,.digital .ss{font-family:var(--digi-font)}#ss-wrapper{display:none;position:absolute;right:0;bottom:0;z-index:100}.show-digital #ss-wrapper{display:block}#ss{font-size:1.2rem;font-family:var(--digi-font);width:3ch;background:var(--digi-bg);color:var(--digi-color);margin:0 auto;text-align:center;border-radius:.4em;height:3ch;line-height:3ch}@keyframes blink{0%{opacity:1}50%{opacity:.3}}.colon-blinking .colon{animation:blink 1s infinite;animation-timing-function:steps(1,end)}.ampm,.ampm-mode .h24,.h12{display:none}.ampm-mode .ampm,.ampm-mode .h12{display:inline}.clock .date-str{min-height:1em;line-height:1em;text-align:center;font-size:calc( .18 * var(--base))}.clock .date-str.fs-hideXX{display:none}.date-str{visibility:hidden}.show-date-mode .date-str{visibility:visible}.fullscreen-exit{display:none}.fullscreening .fullscreen-exit{display:inline-block}.fullscreening .fs-hide,.fullscreening .navbar-toggler{display:none!important}.clock[data-type=regional]{display:none}.btn:not(:hover){background:var(--btn-bg);color:var(--btn-color);margin-bottom:.2em}#buttons{position:sticky;bottom:1rem;z-index:500}.show-zones .clock[data-type=regional]{display:flex}#content{margin-top:3rem;padding:1.5rem;background:var(--content-bg);border-radius:1em}.base-footer{text-align:center}#board .ampm-btn,.text-analog{display:none}.show-digital #board .ampm-btn,.show-digital .text-analog{display:inline}.digital{display:none}.show-digital .digital{display:block}.show-digital .analog,.show-digital .text-digital{display:none}.ampm-mode .h24-txt,.h12-txt{display:none}.ampm-mode .h12-txt{display:inline}h3{text-align:center}.title img{width:1em;height:1em;margin:auto .2em auto 0}.rtl .title img{margin:auto 0 auto .2em}.title a{display:flex;justify-content:center}.clock .title{min-width:10ch}.desktop #edit-clocks select{max-width:calc(var(--base) * 3)}.select-list{display:flex;flex-direction:column;align-items:center}#edit-clocks{min-height:70vh}.editing-clocks #edit-clocks{display:flex;flex-direction:column;justify-content:center}#edit-clocks,.editing-clocks #board,.editing-clocks #content,.editing-clocks .base-footer{display:none}:root{--tzl-list-bg:steelblue;--tzl-group-bg:floralwhite;--tzl-list-bg-dark:#2a2a3a;--tzl-group-bg-dark:#3a3a4a;--tzl-gap:0.2em;--tzl-size:1rem}@media (min-width:992px) and (max-width:1280px){:root{--tzl-size:0.75rem}}@media (min-width:1281px){:root{--tzl-size:0.8rem}}@media (min-width:1366px){:root{--tzl-size:0.85rem}}@media (min-width:1440px){:root{--tzl-size:0.9rem}}#tz-list{background:var(--tzl-list-bg);min-height:100vh;position:relative}.tzl-current-time{position:absolute;bottom:1em;right:1em;font-family:monospace;font-size:1.2em;background:rgba(255,255,255,.8);padding:.5em;border-radius:.25em;cursor:pointer;transition:opacity .3s ease}.tzl-current-time .ampm{margin-left:var(--tzl-gap)}.tzl-current-time:hover{opacity:.8}.tzl-current-time.hidden{opacity:0}.tzl-current-time.hidden:hover{opacity:.3}.dark-mode .tzl-current-time{background:rgba(0,0,0,.8);color:#e0e0e0}.dark-mode #tz-list{background:var(--tzl-list-bg-dark)}.dark-mode .tzl-group{background:var(--tzl-group-bg-dark);color:#e0e0e0}.dark-mode .tzl-day{background-color:#4a4a5a;border-color:#666;border-top-color:brown}.dark-mode #times a{color:#87ceeb}.dark-mode .tzl-text{color:#e0e0e0}#times{margin-top:2em}#times a{text-decoration:none}.tzl-group{background:var(--tzl-group-bg);padding:1em .7em;box-sizing:border-box;border-radius:.5em;margin-bottom:1em;font-size:var(--tzl-size)}.tzl-group h6{margin-bottom:.5em;font-weight:600;font-size:1.2em}.tzl-item{padding:.1em 0;overflow:hidden;white-space:nowrap}.tzl-item>*{display:inline-block}.tzl-day{display:inline-block;display:inline-flex;justify-content:center;width:1em;height:1em;line-height:1em;font-size:1em;box-sizing:content-box;text-align:center;background-color:#fff;border:gray 1px solid;border-top:red solid 3px;font-family:arial}.tzl-day i{font-style:normal;transform:scale(.7);display:inline-block}.tzl-clock{font-family:monospace;min-width:6ex;margin:0 var(--tzl-gap)}.tzl-clock .ampm{margin:0 var(--tzl-gap)}.tzl-hh,.tzl-mm{font-size:1em}.tzl-flag{width:1em;height:1em;margin-top:-.2em;margin-right:var(--tzl-gap);font-size:1.2rem}.rtl .tzl-flag{margin-right:inherit;margin-left:var(--tzl-gap)}.tzl-text{text-decoration:none}.tzl-text:hover{text-decoration:underline}@keyframes tzl-blink{0%{opacity:1}50%{opacity:.3}}.tzl-blinking .tzl-colon{animation:tzl-blink 1s infinite;animation-timing-function:steps(1,end)}.ngha .tzl-item[data-tz*=ipe]{display:none}.tzl-item.user-timezone{background-color:#dcdcdc;border-radius:.25em}.dark-mode .tzl-item.user-timezone{background-color:rgba(255,215,0,.2)}@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)}}