*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%}.light-theme body{display:flex;min-height:100vh;font-size:1.4rem;background-color:#dfe0e7}.light-theme a{color:#00c749;text-decoration:none;transition:color .25s ease}.light-theme a:hover{color:#006124;text-decoration:underline}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme h4,.light-theme h5,.light-theme h6{font-weight:600}.light-theme h1{font-size:3.2rem}.light-theme h2{font-size:2.8rem}.light-theme h3{font-size:2.4rem}.light-theme h4{font-size:2rem}.light-theme h5{font-size:1.6rem}.light-theme h6{font-size:1.4rem}.light-theme p{font-size:1.4rem;color:#040716}.light-theme #root{display:flex;flex-direction:column;min-height:100vh;width:100%}.light-theme main{display:flex;flex-direction:column;padding:2rem;flex:1}.light-theme section#clocks{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;margin:0 auto;padding-bottom:6.4rem}@media screen and (min-width: 500px){.light-theme section#clocks{flex-direction:row}}@media screen and (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px))){.light-theme section#clocks{padding-bottom:11.4rem;flex-direction:column;align-items:center}}.light-theme .clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 3rem;background-color:#dfe0e7;box-shadow:none;text-align:center;width:100%;height:15rem;border-radius:.8rem;border:2px solid rgb(200,200,200);transition:background-color .25s ease}.light-theme .clock.local-clock{border-color:#00c74980}.light-theme .clock:hover{background-color:#eeeef2}@media screen and ((min-width: 500px) or (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px)))){.light-theme .clock{max-width:46rem}}.light-theme .clock p{color:#787b86}.light-theme .clock p svg{vertical-align:text-bottom}.light-theme .modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .25s ease,backdrop-filter .25s ease;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none}.light-theme .modal.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.light-theme .modal .modal-content{background-color:#dfe0e7;padding:2rem;border-radius:.8rem;box-shadow:0 0 15px #0003;width:90%;max-width:46rem;position:relative}@media screen and (min-width: 500px){.light-theme .modal .modal-content{width:100%}}.light-theme .modal .modal-content h2{margin-bottom:1rem;color:#040716}.light-theme .modal .modal-content button.close{position:absolute;top:1rem;right:1.2rem;background-color:transparent;border:none;font-size:2rem;vertical-align:middle;cursor:pointer;color:#787b86;transition:color .25s ease}.light-theme .modal .modal-content button.close:hover{color:#040716}.light-theme .modal .modal-content form{margin-top:.6rem;display:flex;flex-direction:column}.light-theme .modal .modal-content form label{margin-bottom:.5rem;color:#040716}.light-theme .modal .modal-content form input[type=search],.light-theme .modal .modal-content form input[type=text],.light-theme .modal .modal-content form input[type=number]{width:100%;font-family:inherit;padding:.5rem;border:1px solid rgb(200,200,200);border-radius:.4rem;font-size:1.5rem;margin-bottom:1rem;color:#040716;background-color:#dfe0e7;transition:border-color .25s ease}.light-theme .modal .modal-content form input[type=search]:focus,.light-theme .modal .modal-content form input[type=text]:focus,.light-theme .modal .modal-content form input[type=number]:focus{border-color:#00c749}.light-theme .modal .modal-content form ul.suggestions-list{position:absolute;top:95%;left:0;width:100%;max-height:20rem;overflow-y:auto;background-color:#dfe0e7;border:1px solid rgb(200,200,200);border-radius:.4rem;box-shadow:0 2px 10px #0000001a;z-index:1000;list-style:none}.light-theme .modal .modal-content form ul.suggestions-list li{padding:.7rem 1rem;cursor:pointer;color:#040716;transition:background-color .25s ease,color .25s ease}.light-theme .modal .modal-content form ul.suggestions-list li:hover{background-color:#006124;color:#dfe0e7}.light-theme .modal .modal-content form .buttons{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 500px){.light-theme .modal .modal-content form .buttons{flex-direction:row}}.light-theme .modal .modal-content form button[type=submit],.light-theme .modal .modal-content form button[type=button]{flex:1;font-family:inherit;background-color:#00c749;color:#dfe0e7;border:none;padding:.7rem 1.2rem;border-radius:.4rem;cursor:pointer;font-size:1.5rem;font-weight:600;transition:background-color .25s ease}.light-theme .modal .modal-content form button[type=submit]:hover,.light-theme .modal .modal-content form button[type=button]:hover{background-color:#006124}.light-theme .edit-modal ul{list-style:none;padding:0;margin:0}.light-theme .edit-modal ul li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgb(200,200,200)}.light-theme .edit-modal ul li:last-child{border-bottom:none}.light-theme .edit-modal ul li span{color:#040716}.light-theme .edit-modal ul li button{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:#e8132c;color:#dfe0e7;border:none;padding:.7rem 1rem;border-radius:.4rem;cursor:pointer;transition:background-color .25s ease}.light-theme .edit-modal ul li button:hover{background-color:#8a0b1a}.light-theme .settings-modal .setting{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgb(200,200,200)}.light-theme .settings-modal .setting:last-child{border-bottom:none}.light-theme .settings-modal .setting label{color:#040716;font-size:1.5rem}.light-theme .settings-modal .setting select{font-family:inherit;padding:.25rem .5rem;border:1px solid rgb(200,200,200);border-radius:.4rem;font-size:1.5rem;color:#040716;background-color:#dfe0e7;transition:border-color .25s ease}.light-theme .settings-modal .setting select:focus{border-color:#00c749}.light-theme nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;background-color:#dfe0e7;z-index:1000;display:flex;justify-content:center;padding:0 2rem 1rem}@media screen and (min-width: 500px){.light-theme nav{padding:0 0 1rem;max-width:46rem}}@media screen and (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px))){.light-theme nav{padding-bottom:5rem}}.light-theme nav .buttons{width:100%;display:flex;border-radius:.8rem;overflow:hidden;height:6.4rem}.light-theme nav .buttons button{flex:1;display:flex;align-items:center;justify-content:center;background-color:#00c749;color:#dfe0e7;border:none;padding:1rem;font-size:1.5rem;cursor:pointer;transition:background-color .25s ease}.light-theme nav .buttons button:hover{background-color:#006124}.dark-theme body{display:flex;min-height:100vh;font-size:1.4rem;background-color:#17181f}.dark-theme a{color:#24ff74;text-decoration:none;transition:color .25s ease}.dark-theme a:hover{color:#00bd45;text-decoration:underline}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{font-weight:600}.dark-theme h1{font-size:3.2rem}.dark-theme h2{font-size:2.8rem}.dark-theme h3{font-size:2.4rem}.dark-theme h4{font-size:2rem}.dark-theme h5{font-size:1.6rem}.dark-theme h6{font-size:1.4rem}.dark-theme p{font-size:1.4rem;color:#e8ebfb}.dark-theme #root{display:flex;flex-direction:column;min-height:100vh;width:100%}.dark-theme main{display:flex;flex-direction:column;padding:2rem;flex:1}.dark-theme section#clocks{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;margin:0 auto;padding-bottom:6.4rem}@media screen and (min-width: 500px){.dark-theme section#clocks{flex-direction:row}}@media screen and (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px))){.dark-theme section#clocks{padding-bottom:11.4rem;flex-direction:column;align-items:center}}.dark-theme .clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 3rem;background-color:#17181f;box-shadow:none;text-align:center;width:100%;height:15rem;border-radius:.8rem;border:2px solid rgb(70,70,70);transition:background-color .25s ease}.dark-theme .clock.local-clock{border-color:#24ff7480}.dark-theme .clock:hover{background-color:#22232e}@media screen and ((min-width: 500px) or (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px)))){.dark-theme .clock{max-width:46rem}}.dark-theme .clock p{color:#afb8c1}.dark-theme .clock p svg{vertical-align:text-bottom}.dark-theme .modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .25s ease,backdrop-filter .25s ease;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none}.dark-theme .modal.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dark-theme .modal .modal-content{background-color:#17181f;padding:2rem;border-radius:.8rem;box-shadow:0 0 15px #0003;width:90%;max-width:46rem;position:relative}@media screen and (min-width: 500px){.dark-theme .modal .modal-content{width:100%}}.dark-theme .modal .modal-content h2{margin-bottom:1rem;color:#e8ebfb}.dark-theme .modal .modal-content button.close{position:absolute;top:1rem;right:1.2rem;background-color:transparent;border:none;font-size:2rem;vertical-align:middle;cursor:pointer;color:#afb8c1;transition:color .25s ease}.dark-theme .modal .modal-content button.close:hover{color:#e8ebfb}.dark-theme .modal .modal-content form{margin-top:.6rem;display:flex;flex-direction:column}.dark-theme .modal .modal-content form label{margin-bottom:.5rem;color:#e8ebfb}.dark-theme .modal .modal-content form input[type=search],.dark-theme .modal .modal-content form input[type=text],.dark-theme .modal .modal-content form input[type=number]{width:100%;font-family:inherit;padding:.5rem;border:1px solid rgb(70,70,70);border-radius:.4rem;font-size:1.5rem;margin-bottom:1rem;color:#e8ebfb;background-color:#17181f;transition:border-color .25s ease}.dark-theme .modal .modal-content form input[type=search]:focus,.dark-theme .modal .modal-content form input[type=text]:focus,.dark-theme .modal .modal-content form input[type=number]:focus{border-color:#24ff74}.dark-theme .modal .modal-content form ul.suggestions-list{position:absolute;top:95%;left:0;width:100%;max-height:20rem;overflow-y:auto;background-color:#17181f;border:1px solid rgb(70,70,70);border-radius:.4rem;box-shadow:0 2px 10px #0000001a;z-index:1000;list-style:none}.dark-theme .modal .modal-content form ul.suggestions-list li{padding:.7rem 1rem;cursor:pointer;color:#e8ebfb;transition:background-color .25s ease,color .25s ease}.dark-theme .modal .modal-content form ul.suggestions-list li:hover{background-color:#00bd45;color:#17181f}.dark-theme .modal .modal-content form .buttons{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 500px){.dark-theme .modal .modal-content form .buttons{flex-direction:row}}.dark-theme .modal .modal-content form button[type=submit],.dark-theme .modal .modal-content form button[type=button]{flex:1;font-family:inherit;background-color:#24ff74;color:#17181f;border:none;padding:.7rem 1.2rem;border-radius:.4rem;cursor:pointer;font-size:1.5rem;font-weight:600;transition:background-color .25s ease}.dark-theme .modal .modal-content form button[type=submit]:hover,.dark-theme .modal .modal-content form button[type=button]:hover{background-color:#00bd45}.dark-theme .edit-modal ul{list-style:none;padding:0;margin:0}.dark-theme .edit-modal ul li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgb(70,70,70)}.dark-theme .edit-modal ul li:last-child{border-bottom:none}.dark-theme .edit-modal ul li span{color:#e8ebfb}.dark-theme .edit-modal ul li button{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:#ff455b;color:#17181f;border:none;padding:.7rem 1rem;border-radius:.4rem;cursor:pointer;transition:background-color .25s ease}.dark-theme .edit-modal ul li button:hover{background-color:#de001a}.dark-theme .settings-modal .setting{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgb(70,70,70)}.dark-theme .settings-modal .setting:last-child{border-bottom:none}.dark-theme .settings-modal .setting label{color:#e8ebfb;font-size:1.5rem}.dark-theme .settings-modal .setting select{font-family:inherit;padding:.25rem .5rem;border:1px solid rgb(70,70,70);border-radius:.4rem;font-size:1.5rem;color:#e8ebfb;background-color:#17181f;transition:border-color .25s ease}.dark-theme .settings-modal .setting select:focus{border-color:#24ff74}.dark-theme nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;background-color:#17181f;z-index:1000;display:flex;justify-content:center;padding:0 2rem 1rem}@media screen and (min-width: 500px){.dark-theme nav{padding:0 0 1rem;max-width:46rem}}@media screen and (((width: 1080px) and (height: 1920px)) or ((width: 720px) and (height: 1280px)) or ((width: 1440px) and (height: 2560px))){.dark-theme nav{padding-bottom:5rem}}.dark-theme nav .buttons{width:100%;display:flex;border-radius:.8rem;overflow:hidden;height:6.4rem}.dark-theme nav .buttons button{flex:1;display:flex;align-items:center;justify-content:center;background-color:#24ff74;color:#17181f;border:none;padding:1rem;font-size:1.5rem;cursor:pointer;transition:background-color .25s ease}.dark-theme nav .buttons button:hover{background-color:#00bd45}
