.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}:root{--nav-height:40px;--root:22vw;--base:var(--root);--trial-ratio:0.8;--mh:100vh;--clock-top:calc(var(--nav-height) * -1);--dot:calc(var(--base) / 10);--digit-mw:1em;--btn-dock:calc(var(--base) / 15);--info-size:calc(var(--base) / 5);--info-translate-y:125%;--clock-width:100%}@media (min-height:576px) and (min-width:576px){:root.trial:not(.fullscreening){--base:calc(var(--root) * var(--trial-ratio));--info-size:calc(var(--base) / 6)}}:root.with-banner{--mh:calc(100vh - var(--nav-height));--clock-top:0}:root.fullscreening{--mh:100vh}:root.fullscreening.with-banner{--clock-top:calc(var(--nav-height) * -1)}@media (orientation:landscape) and (max-height:575px){:root.fullscreening{--nav-height:0px}}@media (min-width:575px) and (min-height:575px){:root.trial{--mh:35vw}}:root.trial.fullscreening{--mh:100vh}@media (orientation:portrait) and (min-width:576px) and (max-width:1024px){:root.trial{--mh:60vh}}@media (orientation:portrait) and (max-width:575px){:root.trial{--mh:55vh}}:root{--bg:whitesmoke;--color:rgba(0, 0, 0, .7);--body-color:black;--body-bg:white}:root.dark-mode{--bg:black;--color:rgba(255,255,255,.9);--bs-light-rgb:105,105,105;--body-color:white;--body-bg:#393E46}body{color:var(--body-color);background:var(--body-bg)}.dark-mode a{color:var(--body-color)}.navbar{border-bottom:1px solid #d3d3d3;z-index:100}@media (max-width:991px){.navbar .navbar-nav{width:40vw;display:block;background:var(--body-bg);color:var(--body-color);border-color:var(--body-color);position:absolute;right:0;border-radius:.5em;border:.1em solid;padding:.1em .5em}}@media (orientation:landscape) and (max-width:991px){.navbar .navbar-nav{width:20vw}}.dark-mode .navbar{border-bottom-color:#a9a9a9}.dark-mode .navbar-light .navbar-nav .nav-link{color:#d3d3d3}.dark-mode .navbar-light .navbar-brand{color:#fff}.dark-mode a:hover{text-decoration:underline}.bi-home{font-size:16px;display:none}.bi-x{font-size:18px;margin:.1em 0 0 .3em}.bi,.bi-home,.bi-x{font-size:16px;width:1em;height:1em;display:inline-block;background-size:1em;background-repeat:no-repeat;background-position:center center}.dark-mode .bi-home,.dark-mode .bi-x{filter:invert(.9)}.navbar .fullscreen-exit{display:none;color:var(--color)}.mobile-portrait-warning{position:absolute;font-size:1rem;top:calc(var(--nav-height) * 1.2);top:0;color:#fff;background:#6495ed;z-index:100;display:none;width:100%;text-align:center;border-radius:.5em;padding:.5em}@media (orientation:portrait){.mobile-portrait-warning.show{display:inline-block}.r90{transform:rotate(90deg);display:inline-block}.r180{transform:rotate(180deg);display:inline-block}}.clock .d-center,.clock .d-edge{position:relative}.clock .d-center>span,.clock .d-edge>span{font-size:var(--info-size);white-space:nowrap;height:1em;line-height:1em;padding:0 .2em;position:absolute;bottom:0;user-select:none}.date-str,.weekday-str{display:none}.show-date-mode .date-str{display:inline-block;right:0;transform:translate(100%,var(--info-translate-y))}.show-date-mode .weekday-str{display:inline-block;transform:translate(-50%,var(--info-translate-y))}.clock .ampm,.clock .h12{display:none}.ampm-mode .clock .ampm{display:flex}.ampm-mode .clock .h12{display:flex}.ampm-mode .clock .h24{display:none}.ampm-mode .clock .ampm{display:inline-block;left:0;transform:translate(-100%,var(--info-translate-y))}.h12-from,.h12-to{display:none}.ampm-mode .h12-from,.ampm-mode .h12-to{display:inline}.ampm-mode .clock-change .from,.ampm-mode .clock-change .to{display:none}.ampm-mode .h24-txt,.h12-txt{display:none}.ampm-mode .h12-txt{display:inline}.clock-bar{display:flex;justify-content:center;align-items:center;height:0;width:var(--clock-width);margin:0 auto;position:relative}@media (orientation:landscape) and (max-height:575px){.clock-bar{width:100vw}}.banner{font-size:calc(var(--info-size));line-height:1em;position:relative;width:100%}.banner{text-align:center}.banner .title{font-size:calc(var(--info-size) * 1.2);margin:0;line-height:1em}.banner h1{font-size:inherit}@media (orientation:landscape) and (max-height:575px){.fullscreening .banner .title{font-size:calc(var(--info-size) * 1)}}.banner .sub{font-size:1.5rem;line-height:1em;position:absolute;left:50%;transform:translate(-50%,25%);width:100%;color:#696969}@media (orientation:portrait){.banner .title{font-size:calc(var(--info-size) * 2)}}@media (max-width:768px){.banner .sub{display:none}}.dark-mode .banner .sub{color:#d3d3d3}.clocker{min-height:var(--mh);display:flex;flex-direction:column;justify-content:space-evenly;background:var(--bg);position:relative;margin-top:var(--clock-top)}.clock{display:flex;justify-content:center;align-items:center;direction:ltr}.dev .clock{background:#d3d3d3}.dev .clocker{background:#fff8dc}.clock{color:var(--color)}.clock>*{font-size:96px;font-size:var(--base);height:1em;line-height:1em;font-family:Tahoma,"Lucida Console","Helvetica Neue",sans-serif;display:flex;user-select:none}.clock i{font-style:normal}.dev .clock .hh,.dev .clock .ss{background:pink}.clock .d{min-width:var(--digit-mw)}.clock .d i{flex:1 1 0;text-align:center}.clock s{text-decoration:none;display:none}.clock b{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center}.clock b:after,.clock b:before{content:" ";font-size:9px;font-size:var(--dot);width:1em;height:1em;margin:0 .5em;display:inline-block;background-color:var(--color);border-radius:1em}.settings-wrapper{position:absolute;bottom:0;width:var(--clock-width);z-index:100;padding:0 0 var(--btn-dock);display:flex;justify-content:start;justify-content:center;left:50%;transform:translateX(-50%)}@media (orientation:landscape) and (max-height:575px){.with-banner .settings-wrapper{top:calc(var(--nav-height) * -.5)}.settings-wrapper{bottom:inherit;top:calc(var(--nav-height) * .5);padding:0;margin:0}.fullscreening .navbar{display:none}.fullscreening .clocker .fullscreen-exit{display:inline-block;position:absolute;top:1em;right:1em;font-size:2rem;z-index:300}.theme-btn .dropdown-menu{bottom:inherit!important;top:2em}}@media (orientation:portrait) and (max-width:575px){.settings-wrapper{width:100%;justify-content:center;text-align:center}}.theme-btn .dropdown-menu{bottom:2em;left:0;color:var(--body-color);background:var(--body-bg)}.theme-btn .dropdown-item.focus{background:var(--body-color);color:var(--body-bg)}.theme-btn .dropdown-item.sep-top{border-top:dashed 1px;border-top-color:var(--body-color)}.buttons{line-height:2.5em}.btn{background:var(--body-bg);box-shadow:0 .2em 1em var(--body-bg)}.dark-mode .btn{color:var(--body-color);border-color:var(--body-color)}.clocker .fullscreen-exit{display:none}@media (max-device-width:575px),(max-device-height:575px){.mobile-auto-hide .clocker .fullscreen-exit,.mobile-auto-hide .settings{display:none}.mobile-hide{display:none}}.fullscreening .fs-hide,.fullscreening .navbar-collapse,.fullscreening .navbar-toggler,.fullscreening.same-tz .banner .title{display:none!important}.fullscreening .navbar .fullscreen-exit{display:flex}.same-tz .conversion{display:none}.conversion{font-size:1rem;line-height:1.2em;min-height:3.6em;text-align:center;visibility:hidden}.conversion.visible{visibility:visible}.conversion table{margin:.75rem auto 0;direction:ltr}.conversion .title{max-width:10ch}@media (orientation:portrait) and (max-width:575px){.conversion .title{max-width:10ch}}.conversion th{padding:0}.conversion .time-block{color:var(--color);background:var(--bg);border-radius:.25em;padding:.25rem .4rem;display:inline-block;xborder:1px groove}.conversion .calc{padding:0 .75rem;font-size:1.2rem}.conversion .time{font-size:1.5rem}.conversion .date,.conversion .info{font-size:.8rem}.conversion .info{font-weight:400;font-variant:small-caps;display:flex;justify-content:space-around}.ampm-mode .conversion .info .ampm{display:inline}.ampm-mode .conversion .time .hhmm12,.conversion .time .hhmm24{display:inline}.ampm-mode .conversion .time .hhmm24,.conversion .info .ampm,.conversion .time .hhmm12{display:none}.conversion table tr div:nth-child(2){line-height:2rem;font-weight:700}.conversion .btns{display:flex;justify-content:space-evenly}.conversion .btn{font-size:.8rem;min-width:4ch}.convert-btn:after{transform:rotateY(180deg) scale(1);content:"⇱";display:inline-block;font-size:1.5em;line-height:0}.compare-btn,.same-tz .compare-btn{display:none}@media (min-width:992px){.compare-btn{display:inline-block}html:not(.same-tz) .clock-bar{justify-content:start}html:not(.same-tz) .banner{visibility:hidden;text-align:inherit;max-width:66%}html.cjk:not(.same-tz) .banner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}html.cjk:not(.same-tz) .banner .sub{width:auto;position:inherit;left:inherit;transform:none;display:inline}html[style*=clock-width] .banner{visibility:visible}html:not(.same-tz) .clocker~.conversion{display:none}.conversion{display:block;position:absolute;right:0}.rtl .conversion{right:inherit;left:0}.conversion.hide{display:none}}#ads-slots{display:flex;justify-content:center}@media (max-width:575px){#ads-slots{flex-direction:column}}#themes{margin-top:1em;display:flex;flex-wrap:wrap;justify-content:space-around}#themes .item{border:.1em gray solid;border-radius:.5em;padding:.4em;margin-bottom:1em;text-align:center}.dark-mode #themes .item{border-color:#d3d3d3}#themes .item.focus{border:.4em #6495ed solid;padding:.1}.dark-mode #themes .item.focus{border-color:#ff8c00}#themes .item img{width:300px;height:150px;margin:.4em 0}#themes .item.focus .apply{visibility:hidden}.loading .clock{opacity:.3}.loading .spinning{display:block}.spinning{position:absolute;left:50%;transform:translateX(-50%);font-size:calc(var(--base) * .5);width:1em;height:1em;display:none}.spinning .sk-circle{margin:0 auto}.dark-mode .spinning{filter:invert(1)}#old-browser-warning,.old-browser #ads-slot,.old-browser #theme{display:none}.old-browser #old-browser-warning{display:flex}#old-browser-warning{font-size:2em;color:red;text-align:center;padding:2em 1em;background:#f5f5f5}.dst-list>span>span{display:none}.dst-list>span.false span.dst-false,.dst-list>span.null span.dst-null,.dst-list>span.true span.dst-true{display:inline}.time-change{text-align:center;font-size:12px}@media (min-width:1400px){.time-change{font-size:14px}}.time-change{width:100%;min-height:8.7em}.time-change td:nth-child(odd){height:6em}.time-change td:nth-child(2){border-color:#fff;border-style:solid;border-width:0 7px}.time-change td{color:var(--color);background:var(--bg);border-radius:10px}.android .time-change td{font-size:12px}.iphone .time-change td{font-size:10px}.time-change .next-dst,.time-change .now-dst,.time-change .prev-dst{text-align:center}.block ul{margin-bottom:0}#content{margin-bottom:3rem}#content h3{margin-top:2rem}#content h2+h3{margin-top:0}#howto-buttons+.block>ul li:first-child+li{background:pink}#about code{color:inherit}.h2,h2{text-align:center;margin:1.5em 0 1em}.block{background-color:#f9f9f9;border-radius:.2em;padding:.5em;box-shadow:0 .06em .2em rgba(0,0,0,.08);line-height:1.6;color:#333}#howto h3{border-left:.2em solid #6495ed;padding:.2em;background:#f0f8ff;display:inline-block}.rtl #howto h3{border-right:.2em solid #6495ed;border-left:inherit}.dark-mode .block{background-color:#2a2a2a;box-shadow:0 .06em .2em rgba(0,0,0,.2);color:#e0e0e0}.dark-mode #howto h3{background:#2c4562;border-left-color:#5b7cb7;color:#e0e0e0}.dark-mode.rtl #howto h3{border-right-color:#5b7cb7}.btn-txt{color:#2c3e50}.dark-mode .btn-txt{color:#90caf9}.btn-txt-convert,.btn-txt-swap,.kbd{display:inline-block;background-color:#f1f1f1;border:.06em solid #ccc;border-radius:.2em;box-shadow:0 .06em .06em rgba(0,0,0,.2);color:#333;font-size:.9em;padding:0 .4em;margin:0 .12em;line-height:1.4em}.dark-mode .kbd{background-color:#3a3a3a;border-color:#555;color:#e0e0e0;box-shadow:0 .06em .06em rgba(0,0,0,.4)}.tips-list{list-style-type:none;padding-left:0;margin-left:0}.tips-list li{position:relative;padding-left:1.5em;margin:.25em 0;display:block}.tips-list li:before{content:"💡";position:absolute;left:0;top:0}.rtl .tips-list li{padding-left:0;padding-right:1.5em}.rtl .tips-list li:before{left:auto;right:0}.rtl .block ul{padding-left:0;padding-right:20px}.rtl .btn-txt,.rtl .kbd{direction:rtl}@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)}}