:root{--font-family:"Comfortaa",Helvetica Neue,Helvetica;--color-white-h:0;--color-white-s:0%;--color-white-l:98%;--color-white:hsl(var(--color-white-h),var(--color-white-s),var(--color-white-l));--color-grey-100-h:0;--color-grey-100-s:0%;--color-grey-100-l:16%;--color-grey-100:hsl(var(--color-grey-100-h),var(--color-grey-100-s),var(--color-grey-100-l));--color-grey-200-h:0;--color-grey-200-s:0%;--color-grey-200-l:29%;--color-grey-200:hsl(var(--color-grey-200-h),var(--color-grey-200-s),var(--color-grey-200-l));--color-grey-300-h:0;--color-grey-300-s:0%;--color-grey-300-l:37%;--color-grey-300:hsl(var(--color-grey-300-h),var(--color-grey-300-s),var(--color-grey-300-l));--color-grey-400-h:0;--color-grey-400-s:0%;--color-grey-400-l:45%;--color-grey-400:hsl(var(--color-grey-400-h),var(--color-grey-400-s),var(--color-grey-400-l));--color-grey-500-h:0;--color-grey-500-s:0%;--color-grey-500-l:55%;--color-grey-500:hsl(var(--color-grey-500-h),var(--color-grey-500-s),var(--color-grey-500-l));--color-grey-600-h:0;--color-grey-600-s:0%;--color-grey-600-l:64%;--color-grey-600:hsl(var(--color-grey-600-h),var(--color-grey-600-s),var(--color-grey-600-l));--color-grey-700-h:0;--color-grey-700-s:0%;--color-grey-700-l:74%;--color-grey-700:hsl(var(--color-grey-700-h),var(--color-grey-700-s),var(--color-grey-700-l));--color-grey-800-h:0;--color-grey-800-s:0%;--color-grey-800-l:83%;--color-grey-800:hsl(var(--color-grey-800-h),var(--color-grey-800-s),var(--color-grey-800-l));--color-grey-900-h:0;--color-grey-900-s:0%;--color-grey-900-l:93%;--color-grey-900:hsl(var(--color-grey-900-h),var(--color-grey-900-s),var(--color-grey-900-l));--color-red-h:0;--color-red-s:63%;--color-red-100-h:var(--color-red-h);--color-red-100-s:var(--color-red-s);--color-red-100-l:12%;--color-red-100:hsl(var(--color-red-100-h),var(--color-red-100-s),var(--color-red-100-l));--color-red-200-h:var(--color-red-h);--color-red-200-s:var(--color-red-s);--color-red-200-l:26%;--color-red-200:hsl(var(--color-red-200-h),var(--color-red-200-s),var(--color-red-200-l));--color-red-300-h:var(--color-red-h);--color-red-300-s:var(--color-red-s);--color-red-300-l:34%;--color-red-300:hsl(var(--color-red-300-h),var(--color-red-300-s),var(--color-red-300-l));--color-red-400-h:var(--color-red-h);--color-red-400-s:var(--color-red-s);--color-red-400-l:47%;--color-red-400:hsl(var(--color-red-400-h),var(--color-red-400-s),var(--color-red-400-l));--color-red-500-h:var(--color-red-h);--color-red-500-s:var(--color-red-s);--color-red-500-l:58%;--color-red-500:hsl(var(--color-red-500-h),var(--color-red-500-s),var(--color-red-500-l));--color-red-600-h:var(--color-red-h);--color-red-600-s:var(--color-red-s);--color-red-600-l:72%;--color-red-600:hsl(var(--color-red-600-h),var(--color-red-600-s),var(--color-red-600-l));--color-red-700-h:var(--color-red-h);--color-red-700-s:var(--color-red-s);--color-red-700-l:80%;--color-red-700:hsl(var(--color-red-700-h),var(--color-red-700-s),var(--color-red-700-l));--color-red-800-h:var(--color-red-h);--color-red-800-s:var(--color-red-s);--color-red-800-l:89%;--color-red-800:hsl(var(--color-red-800-h),var(--color-red-800-s),var(--color-red-800-l));--color-red-900-h:var(--color-red-h);--color-red-900-s:var(--color-red-s);--color-red-900-l:94%;--color-red-900:hsl(var(--color-red-900-h),var(--color-red-900-s),var(--color-red-900-l));--color-red:var(--color-red-300);--color-yellow-h:50;--color-yellow-s:68%;--color-yellow-100-h:var(--color-yellow-h);--color-yellow-100-s:var(--color-yellow-s);--color-yellow-100-l:19%;--color-yellow-100:hsl(var(--color-yellow-100-h),var(--color-yellow-100-s),var(--color-yellow-100-l));--color-yellow-200-h:var(--color-yellow-h);--color-yellow-200-s:var(--color-yellow-s);--color-yellow-200-l:25%;--color-yellow-200:hsl(var(--color-yellow-200-h),var(--color-yellow-200-s),var(--color-yellow-200-l));--color-yellow-300-h:var(--color-yellow-h);--color-yellow-300-s:var(--color-yellow-s);--color-yellow-300-l:34%;--color-yellow-300:hsl(var(--color-yellow-300-h),var(--color-yellow-300-s),var(--color-yellow-300-l));--color-yellow-400-h:var(--color-yellow-h);--color-yellow-400-s:var(--color-yellow-s);--color-yellow-400-l:43%;--color-yellow-400:hsl(var(--color-yellow-400-h),var(--color-yellow-400-s),var(--color-yellow-400-l));--color-yellow-500-h:var(--color-yellow-h);--color-yellow-500-s:var(--color-yellow-s);--color-yellow-500-l:52%;--color-yellow-500:hsl(var(--color-yellow-500-h),var(--color-yellow-500-s),var(--color-yellow-500-l));--color-yellow-600-h:var(--color-yellow-h);--color-yellow-600-s:var(--color-yellow-s);--color-yellow-600-l:61%;--color-yellow-600:hsl(var(--color-yellow-600-h),var(--color-yellow-600-s),var(--color-yellow-600-l));--color-yellow-700-h:var(--color-yellow-h);--color-yellow-700-s:var(--color-yellow-s);--color-yellow-700-l:70%;--color-yellow-700:hsl(var(--color-yellow-700-h),var(--color-yellow-700-s),var(--color-yellow-700-l));--color-yellow-800-h:var(--color-yellow-h);--color-yellow-800-s:var(--color-yellow-s);--color-yellow-800-l:79%;--color-yellow-800:hsl(var(--color-yellow-800-h),var(--color-yellow-800-s),var(--color-yellow-800-l));--color-yellow-900-h:var(--color-yellow-h);--color-yellow-900-s:var(--color-yellow-s);--color-yellow-900-l:88%;--color-yellow-900:hsl(var(--color-yellow-900-h),var(--color-yellow-900-s),var(--color-yellow-900-l));--color-yellow:var(--color-yellow-500);--color-default:var(--color-grey-200);--color-border:#fff;--color-background:#f2f2f2;--color-title:var(--color-grey-700);--color-icon:var(--color-grey-500)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;background-color:#f2f2f2;background-color:var(--color-background);font-family:"Comfortaa",Helvetica Neue,Helvetica;font-family:var(--font-family);color:#4a4a4a;color:var(--color-default);transition:all .25s ease-in-out}body.--dark{--color-border:var(--color-grey-400);--color-default:var(--color-grey-900);--color-background:var(--color-grey-200);--color-title:var(--color-grey-400);--color-icon:var(--color-grey-600)}.--lcars{--font-family:"Antonio",Helvetica Neue,Helvetica;--color-background:#1a1a1a;--color-default:#f70;--color-title:#1a1a1a}li,ol,ul{margin:0;padding:0;list-style:none}.-offset{margin-top:1rem}.-offset.--large{margin-top:2rem}.-offset.--xlarge{margin-top:3rem}.-offset.--huge{margin-top:4rem}.-icon{height:1em;width:1em;vertical-align:middle;line-height:normal;color:#8c8c8c;color:var(--color-icon)}@media (max-width:480px){body{font-size:14px}.-offset{margin-top:.75rem}.-offset.--large{margin-top:1.25rem}.-offset.--xlarge{margin-top:2rem}.-offset.--huge{margin-top:3rem}}.daily{font-size:1rem}.daily-degs{display:flex}.deg-major{margin-left:-.4rem;font-size:10em}.deg-aside{margin-left:2rem}.deg-minor{padding-bottom:.25em;border-bottom:3px solid var(--color-border);font-size:1.25em;line-height:3em;transition:all .25s ease-in-out}.--lcars .deg-major{font-weight:400}.--lcars .deg-minor{line-height:6em;border:0}@media (max-width:480px){.deg-major{font-size:8em}}.daily-hilo{font-size:1rem}.daily-hilo ul{display:inline-block;margin-right:4rem;vertical-align:middle}.daily-hilo li:not(:first-child){margin-top:.5em}.daily-hilo li>span{display:inline-block;width:4em}.daily-hilo li>span:last-child{padding-left:2em;border-left:1px solid #ccc}.daily-hilo .-icon{height:2.5em;width:2.5em}.--lcars .daily-hilo{position:absolute;top:8.8rem;padding:1rem .5em 4rem;left:-14rem;width:10rem;text-align:right;border:solid var(--color-background);border-width:4px 0;background-color:#fa0;color:var(--color-background)}.--lcars .daily-hilo ul{display:block;margin-right:0}.--lcars .daily-hilo li>span{margin-right:.5em;width:auto}.--lcars .daily-hilo li>span:last-child{padding-left:0;border-left:0}.--lcars .daily-hilo li>span:last-child:before{content:"";display:inline-block;margin-right:.5em;height:.25em;width:.33em;vertical-align:middle;border-radius:50%;background-color:var(--color-background)}.--lcars .daily-hilo .-icon{margin-top:1em;width:2em;color:var(--color-background)}.temp-box{margin:0;padding:.5em .66em;font-size:1em;border-top:3px solid var(--color-border);border-radius:.5em;transition:all .25s ease-in-out}.--lcars .temp-box{position:relative;margin-top:2em;padding:1.75em 1.25em .75em 4.5em;background-color:#8cf;border:0;border-radius:2em;color:var(--color-background)}.--lcars .temp-box>strong{position:absolute;bottom:calc(100% + .33em);left:1em;border:0;color:#f5f6fa}.hourly{padding-bottom:1em;font-size:1rem;overflow:auto}.hourly-hours{display:flex}.hourly-hour{margin-right:1.8em}.hourly-hour-time{display:block;margin-top:.5em;text-transform:uppercase}.hourly-hour-temp{margin-top:.5em;white-space:nowrap}.hourly-hour-temp span{display:inline-block}.hourly-hour-temp span:not(:first-child){margin-left:.5em;padding-left:.5em;border-left:1px solid var(--color-grey-700)}.hourly-hour-icon{margin-top:.5em}.hourly-hour-icon svg{font-size:1.5em}.--lcars .hourly-hour{margin-right:1.25em}.--lcars .temp-box span{font-size:1.5em}.--lcars .hourly-hour-temp{margin-top:0}.--lcars .hourly-hour-temp span:not(:first-child){margin-left:.25em}.--lcars .temp-box>.hourly-hour-icon{position:absolute;bottom:calc(100% + .33em);right:1em;color:#f5f6fa}.--lcars .temp-box>.hourly-hour-icon svg,.last-updated{font-size:.8em}.last-updated{opacity:.3}.last-updated:hover{opacity:.8}.layout{position:relative;display:flex;flex-direction:column;margin:2rem auto;padding:0 1.6rem;height:calc(100vh - 4rem);max-width:40rem;background-size:100vw 100vh;transition:background-color 1s ease-in-out}.layout-header{color:var(--color-title)}.layout-header>h1{font-size:.75em;text-transform:lowercase}.layout-main{flex:1 1;font-size:1rem}.layout-main>h2{margin:0}.layout-section{flex:1 1}.--lcars .layout{margin-top:0;margin-bottom:0;height:100vh;max-width:56rem}.--lcars .layout-header{background-color:#dbf;padding:.5rem 2rem 4rem;border-radius:0 0 0 5rem;position:relative}.--lcars .layout-header:after{content:"";position:absolute;top:0;right:0;height:5.25rem;background-color:var(--color-background);width:calc(100% - 10em);border-radius:0 0 0 2rem}.--lcars .layout-header>h1{position:relative;left:3rem}.--lcars .layout-main{position:relative;margin-top:.5em;padding-top:2rem;padding-bottom:4rem;padding-left:14rem;border-radius:5rem 0 0 0;background-color:#ffaa90}.--lcars .layout-main:before{content:"";position:absolute;top:1.25rem;left:10rem;width:calc(100% - 10rem);height:calc(100% - 1.25rem);background-color:var(--color-background);border-radius:2rem 0 0 0}.--lcars .layout-main>h2{position:absolute;top:5rem;left:0;margin:0;padding:1rem .5em 4rem;width:10rem;font-size:1em;text-align:right;border:solid var(--color-background);border-width:4px 0;background-color:#f70;color:var(--color-background)}.--lcars .layout-main>div{position:relative}.--lcars .layout-main>div:first-of-type{margin-top:0}@media (max-width:480px){body{font-size:14px}.layout{margin-top:1.5rem;margin-bottom:1.5rem}}.notification{font-size:.9rem;padding:1em;border:2px solid var(--color-grey);border-radius:.5em}.notification.--error{color:var(--color-red);border-color:var(--color-red)}.notification.--warning{color:var(--color-yellow);border-color:var(--color-yellow)}.switch{position:relative;height:1.75em;width:3.5em;font-size:1rem;border-radius:1em;background-color:var(--color-grey-800);box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.switch input{position:absolute;top:0;left:0;z-index:2;height:100%;width:100%;opacity:0;cursor:pointer}.switch span{position:absolute;top:3px;left:3px;z-index:1;display:inline-block;height:calc(100% - 6px);width:calc(50% - 6px);border-radius:50%;background-color:var(--color-grey-400);box-shadow:1px 1px 2px rgba(0,0,0,.3),inset -1px -1px 2px rgba(0,0,0,.2),inset 1px 1px 2px hsla(0,0%,100%,.6)}.switch input:checked+span{left:auto;right:3px}.button{display:inline-block;padding:.66em 1.25em;border:1px solid var(--color-grey-600);border-radius:.5em;font-weight:700;background-color:var(--color-white);color:var(--color-grey-200);cursor:pointer;box-shadow:inset -1px -1px 4px 2px rgba(0,0,0,.08)}.button.--selected{background-color:var(--color-grey-400);color:#fff;box-shadow:inset 1px 1px 4px 2px rgba(0,0,0,.1)}.--dark .button{border-color:var(--color-grey-100)}.button-group{display:inline-block;box-shadow:1px 1px 4px rgba(0,0,0,.1)}.button-group .button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.button-group .button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.button-group .button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.settings{font-size:1rem;z-index:10}.settings-toggle{position:fixed;top:1rem;right:1rem;z-index:2}.settings-toggle-button{border:0;background-color:transparent;cursor:pointer}.settings-toggle-button svg{height:1.5em;width:1.5em}.settings-panel{--width:360px;position:fixed;top:0;right:calc(var(--width)*-1 - 2rem);bottom:0;z-index:1;padding:1rem;width:var(--width);border-left:1px solid var(--color-border);background-color:var(--color-background);transition:right .33s ease-in-out}.settings-panel.--open{right:0;box-shadow:-1px 0 6px rgba(0,0,0,.15)}.settings-theme-field{position:relative}.settings-theme-hint{position:absolute;top:100%;left:0;margin-top:1em;font-size:.8em}.weekly{font-size:1rem}.weekly-days{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;grid-row-gap:2em;row-gap:2em}.weekly-day{position:relative;min-width:7em}.weekly-day strong{display:block;padding:.5em 0 1em;font-size:1em;text-transform:uppercase}.weekly-day-temperature{display:flex}.weekly-day-temperature:not(:first-of-type){margin-top:.5em}.weekly-day-temperature>span:first-child{width:2em}.weekly-day-temperature>span:last-child{flex:1 1;margin-left:.5em}.weekly-day-temperature .temperature{margin-left:1em;text-align:right}.weekly-day{--pos-x:0;--pos-y:0;--bg-height:100%;--height:5rem;--width:6px}.weekly-day:after{display:none;content:"";position:absolute;bottom:0;right:0;width:var(--width);height:var(--height);border-radius:var(--width);background-repeat:no-repeat;background-size:var(--width) var(--bg-height);background-position:var(--pos-x) var(--pos-y);background-image:linear-gradient(0deg,#093979 0,#35c2cf 38%,#bac331 60%,#e0ac34 80%,#ff6d00);opacity:.25}.weekly-day:hover:after{opacity:1}.--lcars .weekly-days{grid-template-columns:repeat(2,1fr)}.--lcars .weekly-day{min-width:auto}.--lcars .weekly-day strong{padding:0}.--lcars .weekly-day-temperature{position:relative;display:inline-flex;margin:0}.--lcars .weekly-day-temperature:last-child{margin-left:1em;padding-left:1em}.--lcars .weekly-day-temperature:last-child:before{content:"";position:absolute;top:1em;left:-.2em;height:.25em;width:.33em;vertical-align:middle;border-radius:50%;background-color:var(--color-background)}.--lcars .weekly-day-temperature>span:first-child{width:auto}.--lcars .weekly-day-temperature>span:last-child{margin-left:.25em}.--lcars .weekly-day .temp-box{padding-left:3em;text-align:right}@media (max-width:690px){.weekly-days{grid-template-columns:repeat(2,1fr)}}.patterns{margin:2em;font-size:1rem}.patterns-section{margin-top:2rem}.patterns-colors{display:flex}.patterns-colors-list{margin-right:2em}.patterns-color{--h:0;--s:0;--l:0;--switch:calc(var(--l)*-100 - -6000%);margin-bottom:.75em;padding:1em 2em;background-color:hsl(var(--h),var(--s),var(--l));border-radius:.5em;color:hsl(0,0%,var(--switch))}.patterns-color.--computed{background-color:var(--color)}.patterns-color.--text{background-color:transparent;color:var(--color)}.patterns-typography{font-size:1rem}.patterns-typopgrahy-default{color:var(--color-default)}.patterns-typopgrahy-title{color:var(--color-title)}
/*# sourceMappingURL=main.54350a77.chunk.css.map */