: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{--accent-border-color:cadetblue}body{background:snow}.dark-mode body{background:#333334;color:#dcdcdc}.fullscreen-exit{display:none;color:#fff}#main{min-height:80vh;display:flex}.bi-home,.bi-x{font-size:16px;width:1em;height:1em;display:inline-block;filter:invert(1);background-size:1em}.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}.same-tz a.current-time{display:none}.fullscreening .fullscreen-exit{display:flex}.fullscreening #desc.fs-hide,.fullscreening .fs-hide,.fullscreening .nav-item,.fullscreening .navbar-toggler{display:none}.fullscreening body{background:#778899;min-height:100vh;min-height-desc:"mac safari bug"}.dark-mode.fullscreening body{background:#333334}#desc{display:flex;justify-content:center;margin-top:2em}.base-footer{text-align:center}.clockers{display:flex;flex-direction:column}.fullscreening .clocker{min-height:80vh}.clocker{margin:1em auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-str{text-align:center;height:1rem;line-height:1rem;margin-top:2rem}.timezone{max-width:calc(var(--base) * 2)}.timezone option{text-align:center}.dark-mode .timezone{background:#333;color:#dcdcdc;border-color:var(--accent-border-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem}.dark-mode .timezone option{background:#333;color:#dcdcdc}.dark-mode .date-str{color:#dcdcdc}.dark-mode .btn-outline-dark{color:#dcdcdc;border-color:var(--accent-border-color)}.dark-mode .btn-outline-dark:hover{color:#000;background-color:#dcdcdc;border-color:#dcdcdc}.dark-mode .brand:after{color:#dcdcdc}@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)}}