:root{--site-font-family: Inter var, system-ui, sans-serif;--site-z-index-hidden: -10;--site-z-index-tooltip: 10;--site-z-index-navigation: 20;--site-z-index-modal: 100}:root{--site-black: oklch(0% 0% 0deg);--site-red: oklch(53% 54% 29deg);--site-white: oklch(100% 0% 90deg);--site-lightgrey: oklch(83% 0% 264deg);--site-darkgrey: oklch(47% 0% 0deg);--site-green: oklch(65% 35% 155deg);--site-blue: oklch(61% 54% 258deg);--site-orange: oklch(.69 .1855 32.11);--site-darkorange: oklch(.61 .1931 37.38)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}:where(html,body){overscroll-behavior:none}:where(html){accent-color:var(--site-red);background-color:oklch(from var(--site-lightgrey) l c h / .2);font-family:var(--site-font-family);scrollbar-color:var(--site-white) var(--site-red);text-size-adjust:none;-webkit-text-size-adjust:none}:where(h1,h2){font-weight:400;font-size:2.75em}:where(body){margin:0;padding:0;::selection{background-color:var(--site-orange);color:var(--site-white)}}:where(a){color:var(--site-orange);text-decoration:none;&:hover{text-decoration:underline;text-underline-position:under}}:where(code){background-color:var(--site-darkgrey);border-radius:.3rem;color:var(--site-white);font-size:.95rem;padding:.1rem .3rem}:where(li){margin-bottom:.4rem}:where(img){height:auto;max-width:100%;object-fit:cover}:where(kbd){background-color:oklch(from var(--site-lightgrey) l c h / .1);border-radius:.2rem;border:.1rem solid var(--site-lightgrey);color:var(--site-black);font-size:.85em;font-weight:600;line-height:1rem;padding:.1rem .3rem;white-space:nowrap}:where(dd){margin-inline-start:0px}:where(dl){margin-block-start:0px}:where(pre:not([class^=language])){background-color:var(--site-black);color:var(--site-white);line-height:1.5rem;padding:.5rem 1rem;font-size:.9rem;white-space:pre-wrap}:where(pre){border-radius:.5rem;font-weight:400;padding:.5rem}.site-page{align-content:start;display:grid;grid-template:auto 1fr auto / 1fr;grid-template-areas:"site-header" "site-body" "site-footer";min-height:100vh}.site-header{color:var(--site-black);grid-area:site-header;.navigation{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 4rem 1rem;@media only screen and (max-width: 480px){padding:1.5rem 1rem 1rem}}.list{align-items:center;display:flex;list-style:none;gap:.3rem;margin:0;padding:0}.link{display:flex;color:var(--site-black);font-size:.9em;font-weight:500;text-decoration:none;padding:8px;border-radius:20px}.link-home{font-size:1.1em;font-weight:600;text-transform:uppercase}.link:hover{background-color:oklch(from var(--site-lightgrey) l c h / .5)}}.site-body{grid-area:site-body;margin:0 1rem;@media only screen and (min-width: 825px){margin:0 calc(20vw - 10rem)}}.site-footer{align-items:center;background-color:oklch(from var(--site-lightgrey) l c h / .8);color:var(--site-darkgrey);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;grid-area:site-footer;justify-content:flex-end;padding:1.5rem 4rem 1rem;@media only screen and (max-width: 480px){padding:1.5rem 1rem 1rem}.links{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9em;font-weight:500;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.social{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;list-style:none;margin-top:.3rem;padding:0}.icon{align-items:center;background-color:oklch(from var(--site-white) l c h / .4);border-radius:100px;color:var(--site-darkgrey);display:flex;height:32px;justify-content:center;padding:.1rem;width:32px;&:hover{background-color:oklch(from var(--site-white) l c h / .8);color:var(--site-black)}}.link{color:var(--site-darkgrey);&:hover{color:var(--site-black)}}}.button-accept,.button-decline,.button-danger{border-radius:1.5rem;border:none;cursor:pointer;font-size:1rem;margin-bottom:1rem;margin-top:1rem;padding:.5rem 1rem}.button-accept{background:var(--site-orange);color:var(--site-white);&:hover{background-color:var(--site-darkorange);text-decoration:none}}.button-decline{background:var(--site-white);color:var(--site-black);&:hover{background-color:oklch(from var(--site-lightgrey) l c h / .2);text-decoration:none}}.button-danger{background-color:oklch(from var(--site-red) l c h / .8);color:var(--site-white);&:hover{background-color:var(--site-red);text-decoration:none}}.link-cancel{color:#be281e}.popover-trigger{cursor:pointer;border:none;background:none}.popover-content{&::backdrop{backdrop-filter:brightness(60%)}border-radius:.5rem;padding:2rem;max-width:calc(100vw - 20%);.label{text-align:center}.close{background:none;border:none;cursor:pointer;filter:grayscale(100);position:absolute;right:.25rem;top:.5rem}.screen_reader:not(:focus):not(:active){clip-path:inset(50%);clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}.text-green{color:var(--site-green)}.text-red{color:var(--site-red)}.site-breadcrumbs{align-items:center;border-radius:.5rem;display:flex;font-size:.9rem;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0;@media only screen and (min-width: 480px){font-size:1rem}.breadcrumb{&:not(:last-child):after{content:url("./breadcrumb-6M3WXAC3.svg");margin-left:.4rem}@media only screen and (min-width: 480px){&:not(:last-child):after{content:url("./breadcrumb-6M3WXAC3.svg");margin-left:.4rem}}}.link{color:var(--site-black)}}.site-container{overflow-x:scroll;display:flex;justify-content:center}.site-definition-list{display:grid;grid-template:auto / auto 1fr;padding:0 1rem;.key,.value{font-size:.9rem;margin-bottom:.25rem;padding:.5rem;word-break:break-word}.key{align-items:center;background-color:oklch(from var(--site-darkgrey) l c h / .2);border-radius:.5rem 0 0 .5rem;color:oklch(from var(--site-darkgrey) l c h / .7);display:flex;font-weight:400;justify-content:flex-end}.value{background-color:oklch(from var(--site-lightgrey) l c h / .3);border-radius:0rem .5rem .5rem 0;line-height:1.5rem;font-weight:350}}.site-secret{filter:blur(4px);transition:filter .3s ease;&:hover,&:focus,&:active{filter:blur(0)}}.site-table{width:100%;.text-left{text-align:left}thead{background-color:var(--site-black);color:var(--site-white)}th{padding:1rem;&:first-child{border-top-left-radius:.5rem}&:last-child{border-top-right-radius:.5rem}}td{padding:.5rem;text-align:center}tbody{tr{background-color:oklch(from var(--site-lightgrey) l c h / .15);&:hover{background-color:oklch(from var(--site-lightgrey) l c h / .2)}&:last-child{td{&:first-child{border-bottom-left-radius:.5rem}&:last-child{border-bottom-right-radius:.5rem}}}}}}.page-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;margin:1rem 0 2rem;@media only screen and (min-width: 825px){flex-direction:row;gap:1.5rem}.label{margin:0}.actions{display:flex;align-items:center;gap:1rem}}.page-body{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:0 1rem}.page-actions{align-items:space-between;display:flex;gap:1rem}.page-form{display:flex;flex-direction:column;align-items:center;width:100%;.group{border:none;display:flex;flex-direction:column;gap:1rem;justify-content:center}.form-field{display:flex;flex-wrap:wrap;margin:0;padding:.2rem;gap:.2rem}.key{display:flex;font-weight:500;font-size:.95rem;flex-wrap:wrap;padding:0rem 0rem .1rem .3rem}.value{width:100%;background-color:oklch(from var(--site-lightgrey) l c h / .2);border-radius:.7rem;border:.1rem solid oklch(from var(--site-lightgrey) l c h / .5);padding:.7rem .6rem;outline:none}.value:focus{border:.1rem solid oklch(from var(--site-orange) l c h / .5)}.checkbox{width:16px;height:16px;border-radius:16px;border:.1rem solid oklch(from var(--site-lightgrey) l c h / .5);background-color:oklch(from var(--site-white) l c h / .5);accent-color:oklch(from var(--site-orange) l c h / .5)}.form-actions{display:flex;align-items:center;gap:1rem}.error{.value{border:.15rem solid var(--site-red)}.message{color:var(--site-red);font-size:.9rem;padding:.2rem 0 .1rem .3rem;margin:0}}}.page-loader{animation:spin 1.5s linear infinite;border-radius:50%;border:.3rem solid var(--site-lightgrey);border-top:.3rem solid var(--site-green);height:.75rem;width:.75rem}.page-search{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;.value{border-radius:.5rem;border:.1rem solid oklch(from var(--site-lightgrey) l c h / .5);padding:.7rem .4rem;outline:none;&:focus{border:.1rem solid oklch(from var(--site-orange) l c h / .5)}}}.page-empty{align-items:center;display:flex;flex-direction:column;.icon{font-size:10rem}.message{margin:0;font-style:italic}}.page-dashboard{.list{display:flex;flex-direction:column;gap:.5rem}.devices{list-style:none;padding:0 1rem}.device{align-items:center;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}.measurements{align-items:center;display:flex;gap:1rem}.measurement{align-items:center;display:flex;flex-direction:column;font-size:.8rem}.battery,.signal{width:6rem;height:1.5rem}.widgets{display:grid;gap:2rem;grid-template:1fr / 1fr;flex-wrap:wrap;justify-content:space-between;@media only screen and (min-width: 825px){grid-template:1fr / repeat(auto-fit,minmax(0,1fr))}}.box{background-color:var(--site-white);border-radius:.5rem;border-width:0rem;box-shadow:.7px .7px .7px #00000006,1.7px 1.7px 1.7px #00000008,3.5px 3.5px 3.5px #0000000a,7.3px 7.3px 7.3px #0000000c,20px 20px 20px #00000012;.label{display:flex;font-weight:500}}}.page-devices{margin-bottom:2rem;.columns,.row{align-items:center;border-radius:.5rem;display:grid;gap:.5rem;grid-template:1fr / repeat(auto-fit,1fr);margin:0;padding:.5rem 1rem}.columns{color:#fff;background-color:#000}.row{width:100%;&:hover{background-color:#e8f1fc}}.devices{display:grid;grid-gap:2.5rem;grid-template:1fr / repeat(auto-fit,320px);justify-content:center;margin-top:2rem;padding:0}.device{align-items:center;background-color:var(--site-white);border-radius:.5rem;box-shadow:.7px .7px .7px #00000006,1.7px 1.7px 1.7px #00000008,3.5px 3.5px 3.5px #0000000a,7.3px 7.3px 7.3px #0000000c,20px 20px 20px #00000012;display:flex;flex-direction:column;gap:1rem;max-width:320px;.screen{background-color:var(--site-black);border:.65rem solid var(--site-black);border-top-left-radius:.5rem;border-top-right-radius:.5rem;margin:0}.details{display:flex;flex-direction:column;align-items:center;padding:0 1rem 1rem}.label{margin:0;font-size:1.5rem;font-weight:600}.measurements{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.measurement{align-items:center;display:flex;flex-direction:column;font-size:.8rem;justify-content:center}.battery,.signal{width:6rem;height:1.5rem}.actions{align-items:space-between;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-top:.5rem;padding:.5rem 1rem 1.5rem}}.log{&.htmx-swapping{opacity:0;transition:opacity .5s ease-out}}}.page-designer{margin-bottom:2rem;.designer{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:between;@media only screen and (min-width: 825px){flex-direction:row}}.device{border-color:var(--site-black);border-style:solid;border-radius:.3rem;border-width:.65rem .65rem 1.1rem .65rem;box-shadow:.7px .7px .7px #00000006,1.7px 1.7px 1.7px #00000008,3.5px 3.5px 3.5px #0000000a,7.3px 7.3px 7.3px #0000000c,20px 20px 20px #00000012;margin:0;display:flex}.form{width:100%;@media only screen and (min-width: 825px){width:80%}}.source{box-sizing:border-box;height:40vh;padding:1rem;width:100%;font-size:1rem;font-family:monospace;border-radius:.7rem;border:.1rem solid oklch(from var(--site-lightgrey) l c h / .5);outline:none;min-height:34rem;&:focus{border:.1rem solid oklch(from var(--site-orange) l c h / .5)}}}.page-playlists{margin-bottom:2rem;.playlists{display:grid;grid-gap:2.5rem;grid-template:1fr / repeat(auto-fit,300px);justify-content:center;margin-top:2rem;padding:0}.playlist{align-items:center;background-color:var(--site-white);border-radius:.5rem;box-shadow:.7px .7px .7px #00000006,1.7px 1.7px 1.7px #00000008,3.5px 3.5px 3.5px #0000000a,7.3px 7.3px 7.3px #0000000c,20px 20px 20px #00000012;display:flex;flex-direction:column;gap:1rem;max-width:320px;.label{margin:2rem 0 0;font-size:1.5rem;font-weight:600}.name{color:var(--site-lightgrey);margin:0 0 1rem}.image{border:.3rem solid var(--site-black)}.description{margin:0 1rem}.actions{align-items:space-between;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-top:.5rem;padding:.5rem 1rem 1.5rem}}.items{align-items:center;display:flex;flex-direction:column;padding:0 0 1rem;.label{align-self:center;font-size:1rem;font-weight:500;margin:0 0 1rem}}.show_items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.show_item{align-items:center;display:grid;grid-template:1fr / 1fr 1fr;gap:1rem}}.page-screens{margin-bottom:2rem;.screens{display:grid;grid-gap:2.5rem;grid-template:1fr / repeat(auto-fit,258px);justify-content:center;margin-top:2rem;padding:0}.screen{align-items:center;background-color:var(--site-white);border-radius:.5rem;box-shadow:.7px .7px .7px #00000006,1.7px 1.7px 1.7px #00000008,3.5px 3.5px 3.5px #0000000a,7.3px 7.3px 7.3px #0000000c,20px 20px 20px #00000012;display:flex;flex-direction:column;gap:1rem;max-width:320px;.label{font-size:1.5rem;font-weight:600;margin:1rem 0 0;text-align:center}.name{color:var(--site-lightgrey);margin:0}.image{border:.3rem solid var(--site-black)}.actions{align-items:space-between;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;padding:.5rem 1rem 1.5rem}}}.page-problem_details{.introduction{font-size:1.5rem;margin:0 0 3rem}.summary{font-size:1.5rem;margin:1rem 0}.label{font-size:1rem;font-weight:600}}
/*# sourceMappingURL=app-YCYXDEH6.css.map */