@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sintony:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}@keyframes pulse{0%{box-shadow:0 0 100px #fff inset}50%{box-shadow:0 0 20px #fff inset}to{box-shadow:0 0 100px #fff inset}}html,body{width:100%;height:100%;overflow:hidden}.attribution{position:fixed;top:0;right:0;padding:10px;color:#ffffff80;font-family:Rubik,sans-serif;font-size:.8rem;text-shadow:0 0 3px rgba(0,0,0,.5);transition:all .15s}.attribution:hover{color:#fff;background:#00000080;border-radius:0 0 0 5px}.version{position:fixed;bottom:0;right:0;padding:10px;color:#ffffff80;font-family:Rubik,sans-serif;font-size:.8rem;text-shadow:0 0 3px rgba(0,0,0,.5);transition:all .15s}.version:hover{color:#fff;background:#00000080;border-radius:5px 0 0}[data-layout="1"]{font-size:20px;background:linear-gradient(-45deg,#222,#111);display:flex}[data-layout="1"] .app{display:flex;flex-wrap:wrap;gap:75px;width:100%;max-width:min(1500px,90%);margin:20px auto;align-self:center;overflow:hidden;position:relative}[data-layout="1"] .column{display:flex;flex-direction:column;gap:50px;padding:37.5px 0;height:100%}[data-layout="1"] .datetime{flex:1;color:#fff;text-align:right}[data-layout="1"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="1"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="1"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="1"] .datetime .time__ampm{font-size:4rem}[data-layout="1"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="1"] .weather__temp{font-size:6rem}[data-layout="1"] .weather__desc{font-size:3rem}[data-layout="1"] .image{flex:2;padding-left:75px;height:100%}[data-layout="1"] .image__container{width:calc(100% - 20px);box-shadow:0 0 10px #000;border-radius:10px;overflow:hidden;padding:0;margin:10px;border:#fff 2px solid}[data-layout="1"] .image__container img{width:100%;display:block}[data-layout="1"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="2"]{font-size:20px}[data-layout="2"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="2"] .datetime{position:absolute;left:0;top:0;z-index:999;color:#fff;text-align:center;padding:50px;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:calc(100% - 100px);box-shadow:0 0 10px #000;border:1px solid #fff;margin:50px;border-radius:5px}[data-layout="2"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="2"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="2"] .datetime .time{padding-bottom:50px;width:100%}[data-layout="2"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="2"] .datetime .time__ampm{font-size:4rem}[data-layout="2"] .weather{position:absolute;bottom:50px;text-align:center;width:calc(100% - 100px);font-family:Rubik,sans-serif;color:#fff}[data-layout="2"] .weather__temp{font-size:6rem}[data-layout="2"] .weather__desc{font-size:3rem}[data-layout="2"] .image{position:absolute;top:0;left:0;width:100%;height:100%}[data-layout="2"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="2"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="2"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="3"]{font-size:20px}[data-layout="3"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="3"] .datetime{position:absolute;left:0;top:0;z-index:999;color:#fff;text-align:center;padding:50px;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:calc(100% - 100px);height:270px;margin:50px;box-shadow:0 0 10px #000;border:1px solid #fff;border-radius:5px}[data-layout="3"] .datetime .date{position:absolute;left:50px;text-align:left}[data-layout="3"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="3"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="3"] .datetime .time{position:absolute;right:50px;top:85px}[data-layout="3"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="3"] .datetime .time__ampm{font-size:4rem}[data-layout="3"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="3"] .weather__temp{font-size:6rem}[data-layout="3"] .weather__desc{font-size:3rem}[data-layout="3"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="3"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="3"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="3"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="4"]{font-size:20px}[data-layout="4"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="4"] .datetime{position:absolute;left:0;bottom:0;z-index:999;color:#fff;text-align:center;padding:50px;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:calc(100% - 100px);height:270px;margin:50px;box-shadow:0 0 10px #000;border:1px solid #fff;border-radius:5px}[data-layout="4"] .datetime .date{position:absolute;left:50px;text-align:left}[data-layout="4"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="4"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="4"] .datetime .time{position:absolute;right:50px;top:85px}[data-layout="4"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="4"] .datetime .time__ampm{font-size:4rem}[data-layout="4"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="4"] .weather__temp{font-size:6rem}[data-layout="4"] .weather__desc{font-size:3rem}[data-layout="4"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="4"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="4"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="4"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="5"]{font-size:20px}[data-layout="5"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="5"] .datetime{position:absolute;left:0;top:0;z-index:999;color:#fff;text-align:center;padding:50px;height:100%}[data-layout="5"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000;border-radius:5px;border:1px solid #fff;padding:30px}[data-layout="5"] .datetime .time__ampm{font-size:4rem}[data-layout="5"] .date,[data-layout="5"] .weather{background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000;border:1px solid #fff;border-radius:5px;padding:30px;margin-top:50px;margin-bottom:50px}[data-layout="5"] .date__day,[data-layout="5"] .date__temp,[data-layout="5"] .weather__day,[data-layout="5"] .weather__temp{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1;position:relative}[data-layout="5"] .date__day span,[data-layout="5"] .date__temp span,[data-layout="5"] .weather__day span,[data-layout="5"] .weather__temp span{font-size:4rem;position:absolute;top:0}[data-layout="5"] .date__calendar,[data-layout="5"] .date__desc,[data-layout="5"] .weather__calendar,[data-layout="5"] .weather__desc{font-family:Rubik,sans-serif;font-size:4rem;line-height:1.5;margin-top:15px}[data-layout="5"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="5"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="5"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="6"]{font-size:20px}[data-layout="6"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="6"] .datetime{position:absolute;left:0;top:0;z-index:999;color:#fff;text-align:center;padding:50px;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000;height:100%;border-right:1px solid #fff}[data-layout="6"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="6"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="6"] .datetime .time{padding-bottom:50px;width:100%}[data-layout="6"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="6"] .datetime .time__ampm{font-size:4rem}[data-layout="6"] .weather{position:absolute;bottom:50px;text-align:center;width:calc(100% - 100px);font-family:Rubik,sans-serif;color:#fff}[data-layout="6"] .weather__temp{font-size:6rem}[data-layout="6"] .weather__desc{font-size:3rem}[data-layout="6"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="6"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="6"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="6"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="7"]{font-size:20px}[data-layout="7"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="7"] .datetime{position:absolute;left:50px;top:50px;z-index:999;color:#fff;text-align:center;padding:50px;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff;box-shadow:0 0 10px #000;border-radius:5px}[data-layout="7"] .datetime .date{margin-top:50px;margin-bottom:50px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding-top:30px;padding-bottom:30px}[data-layout="7"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="7"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="7"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="7"] .datetime .time__ampm{font-size:4rem}[data-layout="7"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="7"] .weather__temp{font-size:6rem}[data-layout="7"] .weather__desc{font-size:3rem}[data-layout="7"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="7"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="7"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="7"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="8"]{font-size:20px}[data-layout="8"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="8"] .datetime{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;color:#fff;text-align:center;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff;border-radius:5px;padding:50px}[data-layout="8"] .datetime .date{margin-top:50px;margin-bottom:50px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding-top:30px;padding-bottom:30px}[data-layout="8"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="8"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="8"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1}[data-layout="8"] .datetime .time__ampm{font-size:4rem}[data-layout="8"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="8"] .weather__temp{font-size:6rem}[data-layout="8"] .weather__desc{font-size:3rem}[data-layout="8"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="8"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="8"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="8"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="9"]{font-size:20px}[data-layout="9"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="9"] .datetime{box-shadow:0 0 20px #0009;background:#0000004d;border-radius:0 0 500px;position:absolute;left:0;top:0;z-index:999;color:#fff;text-align:center;padding:20px 150px 150px 20px}[data-layout="9"] .datetime .date{padding:20px;text-shadow:0 0 10px rgb(0,0,0),-1px 1px 2px rgb(0,0,0),1px -1px 2px rgb(0,0,0)}[data-layout="9"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:8rem;line-height:1}[data-layout="9"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px;display:none}[data-layout="9"] .datetime .time{text-shadow:0 0 10px rgb(0,0,0),-1px 1px 2px rgb(0,0,0),1px -1px 2px rgb(0,0,0)}[data-layout="9"] .datetime .time__clock{font-size:5rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1;padding:10px}[data-layout="9"] .datetime .time__ampm{font-size:3rem}[data-layout="9"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="9"] .weather__temp{font-size:6rem}[data-layout="9"] .weather__desc{font-size:3rem}[data-layout="9"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="9"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="9"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="9"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}[data-layout="0"]{font-size:20px}[data-layout="0"] .app{position:fixed;width:100%;height:100%;overflow:hidden}[data-layout="0"] .datetime{position:absolute;bottom:50px;left:50%;min-width:70%;transform:translate(-50%);z-index:999;color:#fff;text-align:center;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #000;border-radius:5px;border:1px solid #fff;padding:30px;display:flex;align-items:center}[data-layout="0"] .datetime .date{flex:1;order:2;padding:20px}[data-layout="0"] .datetime .date__day{font-family:Rubik,sans-serif;font-weight:500;font-size:6rem;line-height:1}[data-layout="0"] .datetime .date__calendar{font-family:Rubik,sans-serif;font-size:3rem;line-height:1.5;margin-top:10px}[data-layout="0"] .datetime .time{flex:.5;order:1}[data-layout="0"] .datetime .time__clock{font-size:6rem;font-family:Rubik,sans-serif;font-weight:500;line-height:1;padding:10px;margin-top:-20px}[data-layout="0"] .datetime .time__ampm{font-size:4rem}[data-layout="0"] .weather{font-family:Rubik,sans-serif;color:#fff}[data-layout="0"] .weather__temp{font-size:6rem}[data-layout="0"] .weather__desc{font-size:3rem}[data-layout="0"] .image{position:absolute;top:0;left:0;height:100%;width:100%}[data-layout="0"] .image__container{width:100%;height:100%;overflow:hidden;padding:0}[data-layout="0"] .image__container img{width:100vw;height:100vh;object-fit:cover}[data-layout="0"] .footer{position:fixed;bottom:0;left:0;width:100%;text-align:right;padding:10px 10px 5px;box-shadow:0 0 20px -10px #000;background:#13120b;color:#ecedf4;display:none}