/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}@keyframes rotate360{0%{transform:rotatez(0deg)}100%{transform:rotatez(360deg)}}html,body{width:100%;height:100%;overflow:hidden;font-size:calc(1em + 1vw);font-family:sans-serif}svg{display:block;width:100%;height:100%}.coffee{display:flex;flex-flow:row nowrap;align-items:center;text-decoration:none}.coffee svg{height:.8em;width:.6em}.coffee>div{font-style:italic;margin-left:.5em;white-space:nowrap;font-size:.5em;text-decoration:underline;color:#343434}.logo{font-weight:bold;letter-spacing:-0.1em;font-size:.8em;color:#343434}.toggle__24{font-size:.8em;font-weight:bold;color:#343434;letter-spacing:-0.1em;cursor:pointer}.toggle__24 span{color:rgba(52,52,52,.4)}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:5;display:none}.hours{height:100%;display:flex;flex-flow:row nowrap;position:relative;overflow:hidden}.hour{height:100%;flex:1;position:relative;counter-increment:timezone;display:flex;flex-flow:row nowrap;display:absolute;top:100%;left:100%}.hour:before,.hour:after{text-indent:.4em;content:counter(timezone);height:15%;width:2px;transform:translate3d(-1px, 0, 0);position:absolute;right:0;background-color:rgba(52,52,52,.4);color:rgba(52,52,52,.4);display:flex;line-height:1em;font-size:.6em;font-weight:bold}.hour:before{top:0;align-items:flex-end}.hour:after{bottom:0;align-items:flex-start}.hour:nth-last-child(2):before,.hour:nth-last-child(2):after{display:none}.hour:nth-child(2n){position:relative;top:auto;left:auto}.hour:last-child{position:absolute;left:0;top:0}.hour:last-child:before,.hour:last-child:after{text-indent:calc(.4em - 2px);content:"12";width:0;background-color:rgba(0,0,0,0)}.hour:first-child{counter-reset:timezone}.hour>div{height:100%;flex:1;position:relative;display:none}.hour>div:before,.hour>div:after{content:"";width:1px;height:3.75%;background-color:rgba(52,52,52,.2);position:absolute;right:0}.hour>div:before{top:0}.hour>div:after{bottom:0}.hour>div:last-child:before,.hour>div:last-child:after{display:none}.location{position:absolute;top:0;left:0;display:flex;flex-flow:column nowrap;width:100%;height:100%;z-index:2}.picker input{pointer-events:auto;background-color:rgba(0,0,0,0);font-size:1.5em;border:none;outline:none;color:rgba(52,52,52,.8);padding:0;border-bottom:1px dotted rgba(52,52,52,.2)}.picker input::-webkit-calendar-picker-indicator{display:none}.bar[data-disabled=true]{pointer-events:none;opacity:.4}.bar__top{height:2em;border-bottom-style:solid;border-bottom-color:rgba(52,52,52,.4);border-bottom-width:2px;padding:0 .5em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.bar__bottom{height:2em;border-top-style:solid;border-top-color:rgba(52,52,52,.4);border-top-width:2px;display:flex;flex-flow:row nowrap;align-items:center}.bar__bottom>div{height:100%;flex:1;display:flex;align-items:center;justify-content:center}.bar__bottom .button{height:100%;cursor:pointer;color:rgba(52,52,52,.4);display:flex;flex-flow:row nowrap;align-items:center}.bar__bottom .button span{display:none;font-size:.4em;white-space:nowrap;margin-left:.5em}.bar__bottom .button[data-disabled=true]{pointer-events:none;color:rgba(52,52,52,.1)}.bar__bottom .button[data-disabled=true] svg{opacity:.1}.bar__bottom .button[data-type=toggle][data-on=false] svg:nth-child(2){display:none}.bar__bottom .button[data-type=toggle][data-on=true] svg:nth-child(1){display:none}.bar__bottom .button svg{opacity:.4;width:1em;height:1em}.indicator{position:absolute;top:0;left:0;width:2px;height:100%;background-color:rgba(52,52,52,.6);transform:translate3d(-1px, 0, 0)}.time{font-size:1.4em;font-weight:bold;color:rgba(52,52,52,.8);white-space:nowrap}.country{font-weight:bold;color:rgba(52,52,52,.4);white-space:nowrap}.tz{color:rgba(52,52,52,.4);white-space:nowrap}.tz sup{font-size:.5em;margin-left:.2em;font-weight:bold}.offset{font-weight:bold;color:rgba(52,52,52,.4);text-transform:uppercase}.offset:empty{display:none}.row{width:100%;flex:1;position:relative;cursor:ew-resize;overflow:hidden}.row>*{pointer-events:none}.row+.row{border-top-style:solid;border-top-color:rgba(52,52,52,.4);border-top-width:2px}.row .tint{display:none;pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;z-index:3}.row .ui{cursor:default;position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-flow:row nowrap;align-items:center;justify-content:flex-end;pointer-events:auto;z-index:1}.row .ui .control{cursor:pointer;display:flex;flex-flow:row nowrap;align-items:center;padding:1.5em 1em;opacity:.4}.row .ui .control svg{width:.8em;height:.8em}.row .ui .control span{white-space:nowrap;color:rgba(52,52,52,.8);font-size:.5em;display:none;margin-left:.5em}.row[data-home=true] .tint{display:block;background-color:rgba(176,191,26,.1)}.row[data-home=true] .ui .control[data-type=home] svg{opacity:.3}.row[data-home=true] .ui .control[data-type=home] span{color:rgba(52,52,52,.5)}.time__country__tz{display:flex}.country__tz{display:flex;flex-flow:column nowrap}.rows{flex:1;display:flex;flex-flow:column nowrap;position:relative}.rows[data-edit=true] .row .ui{display:flex}.rows[data-edit=true] .sun .icon{opacity:.05}.rows[data-single=true] .location{align-items:center;justify-content:center}.rows[data-single=true] .picker{margin-bottom:.2em}.rows[data-single=true] .picker input{text-align:center}.rows[data-single=true] .time{margin-bottom:.3em}.rows[data-single=true] .country{font-size:.9em;margin-bottom:.2em}.rows[data-single=true] .tz{font-size:.5em}.rows[data-single=true] .time__country__tz,.rows[data-single=true] .country__tz{flex-flow:column nowrap;align-items:center;justify-content:center}.rows[data-single=true] .offset{font-size:.4em;margin-top:.5}.rows[data-single=false] .location{align-items:flex-start;justify-content:center;padding:1em}.rows[data-single=false] .picker{margin-bottom:.4em}.rows[data-single=false] .picker input{text-align:left}.rows[data-single=false] .time{margin-right:.5em}.rows[data-single=false] .time__country__tz{flex-flow:row nowrap;align-items:center}.rows[data-single=false] .country{font-size:.7em;line-height:1em}.rows[data-single=false] .tz{font-size:.4em;line-height:1em}.rows[data-single=false] .offset{font-size:.7em;margin-left:.5em}.container{width:100%;height:100%;display:flex;flex-flow:column nowrap;background-color:snow;user-select:none;-webkit-user-select:none}.container[data-24=true] .row:before,.container[data-24=true] .row:after{display:none}.container[data-24=true] .hour:last-child:before,.container[data-24=true] .hour:last-child:after{content:"0"}.container[data-24=true] .toggle__24 span[data-mode="24"]{color:#343434}.container[data-24=false] .hour:last-child:before,.container[data-24=false] .hour:last-child:after{content:"12"}.container[data-24=false] .hour:nth-child(13){counter-reset:timezone}.container[data-24=false] .toggle__24 span[data-mode="12"]{color:#343434}.preloader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4}.preloader .clock{width:1.6em;height:1.6em;border-radius:50%;box-shadow:0 0 0 2px #343434;position:relative}.preloader .clock:before,.preloader .clock:after{content:"";width:2px;background-color:#343434;border-radius:2px;position:absolute;left:calc(50% - 1px);bottom:calc(50% - 1px);transform-origin:1px 99%}.preloader .clock:before{height:35%;animation:10s linear 0s infinite rotate360}.preloader .clock:after{height:25%;animation:240s linear 0s infinite rotate360}.intro{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:snow}.intro>svg{display:block;width:4em;height:4em;margin-bottom:1em;opacity:.4;transform-origin:50% 100%}.intro .question{font-size:1em;margin-bottom:1em;color:rgba(52,52,52,.8)}.intro .answers{display:flex;flex-flow:row nowrap;align-items:center;text-transform:uppercase;font-weight:bold}.intro .answers>div{cursor:pointer;padding:1em}.intro .answers>div svg{width:2em;height:2em;opacity:.8}.intro .answers>div:first-child{margin-right:.5em}.sun{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.sun .icon{top:50%;position:absolute;width:1em;height:1em;opacity:.2;transform:translate3d(-50%, -50%, 0)}.sun .icon__sunrise{background-image:url(sprite.svg#svg-view-sunrise)}.sun .icon__sunset{background-image:url(sprite.svg#svg-view-sunset)}.sun .icon__sun{background-image:url(sprite.svg#svg-view-sun)}@media screen and (min-aspect-ratio: 1/1){.indicator{width:1px;transform:none}.bar__top{border-bottom-width:1px}.bar__bottom{border-top-width:1px}.bar__bottom .button svg{height:.5em;width:.5em}.bar__bottom .button span{display:block}.row+.row{border-top-width:1px}.row .ui{padding-right:.5em}.row .ui .control{padding:1.5em .5em}.row .ui .control span{display:block}.hour{position:relative;top:auto;left:auto}.hour:before,.hour:after{font-size:.4em;width:1px;transform:none}.hour>div{display:block}.hour:last-child:before,.hour:last-child:after{text-indent:calc(.4em - 1px)}.picker input{font-size:1em}.rows[data-single=true] .time{font-size:.8em}.rows[data-single=true] .country{font-size:.6em}.rows[data-single=true] .tz{font-size:.3em}.rows[data-single=false] .time{font-size:.9em}.rows[data-single=false] .country{font-size:.4em}.rows[data-single=false] .tz{font-size:.3em}.intro>svg{width:2em;height:2em;margin-bottom:.5em}.intro .question{font-size:.5em}.intro .answers>div{padding:.5em}.intro .answers>div svg{width:1em;height:1em}.coffee>div{font-size:.3em;line-height:1.1em}.coffee>div span{display:block;margin-left:-0.2em}}