:root{--primary-text:#0F152F}html{scroll-behavior:smooth;font-family:system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--primary-text:#e3e5ea}}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@view-transition{navigation: auto;
}body{padding:0;margin:0;color:var(--primary-text)}*{box-sizing:border-box}a{color:#357d8d;text-decoration:underline;text-decoration-style:dotted;&:visited{color:#3f358d}}.subtitle a:visited{color:#357d8d}h1,h2,h3,h4{font-weight:400}nav ol{display:flex;list-style-type:none;margin:0;padding:0;li{display:flex}a{display:block;padding:.5em;align-content:center;text-decoration:none}a:visited{color:#357d8d}& .is-selected a, & .is-selected a:visited{color:#d4d7e2}h1{font-size:1.4rem;margin:.5em 0}.is-selected{background:#08415c}}#hero{background:#08415c;color:#e5e9e4;display:flex;padding:3rem;gap:3em;hyphens:auto;h2{margin:0;text-wrap:balance}p{max-width:800px}}#hero img{max-width:min(200px,100%);aspect-ratio:1.04/1}main ol{padding-left:0;margin-left:2rem}aside>ul,aside>div,#hero{padding-left:10rem}aside{margin-top:3rem;margin-bottom:5rem;display:flex;flex-direction:column;ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));gap:1em;list-style-type:none;max-width:1600px;overflow-wrap:break-word;margin-top:0;> li{display:flex;flex-direction:column;div{display:flex}.multiswitcher{height:fit-content;margin:0 .5em}}}select{width:7rem} #search-field { background-image: url('/img/search.svg'); background-repeat: no-repeat; padding-left: 30px; background-size: 1.2em; background-position: left 2px center; margin-bottom: 1em; margin-left: 0.2em; }}main ol{display:flex;gap:1em;flex-wrap:wrap;counter-reset:devices;> li{outline:1px solid #ebe2e2;border-radius:16px;box-shadow:0 6px 6px hsla(0,18.3%,86.1%,.3);width:30vw;padding:1em;list-style-position:inside;display:flex;flex-wrap:wrap;gap:1em;counter-increment:devices}> li::before{content:counter(devices);color:#6d777c}.deviceinfo{display:flex;gap:2em;figure{margin:0}}.sustainable{display:flex;flex-grow:2;gap:3vw;.software, .hardware{width:50%}}.subtitle{font-size:1.2rem;margin:0;margin-bottom:.3em;overflow-wrap:break-word}.title{font-size:1.5rem;margin:0;overflow-wrap:anywhere}h3{font-size:1.2rem}}.icon i{display:inline-block;height:24px;width:24px}.success{color:#0d8938;i{background-color:#0d8938;mask:url(/img/check-square.svg)}}.warning{color:#886f0c;i{background-color:#886f0c;mask:url(/img/alert-triangle.svg)}}.danger{color:#da3152;i{background-color:#da3152;mask:url(/img/x-square.svg)}}.unkown{color:#886f0c;i{background-color:#886f0c;mask:url(/img/help-circle.svg)}}.phone i,.lock i{background-color:var(--primary-text);transform:scale(.7);vertical-align:bottom}.phone i{mask:url(/img/phone.svg)}.lock i{mask:url(/img/lock.svg)}.is-z-1{z-index:1}dl{display:grid;grid-template-columns:auto auto;grid-gap:.6em}dt{hyphens:auto}dt:after{content:':'}dd{text-align:left;hyphens:auto;margin-left:0}.subtitle a:hover:after{content:"#"}li:target{animation:fadeIt .5s ease-in-out}@keyframes fadeIt{0%{background-color:#fff}50%{background-color:#ffa}100%{background-color:#fff}}[id]{scroll-margin-top:1rem}.box{height:100%;contain:layout paint}abbr{position:relative;text-decoration:initial;text-decoration-style:dotted;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;display:inline-block}.software dl abbr,.software dl span{padding-left:1em;padding-right:1em}abbr[title]:focus::after{content:attr(title);position:absolute;left:0;bottom:-30px;width:max-content;max-width:80vw;z-index:10;background-color:#000;color:#e3e5ea;box-shadow:1px 1px 5px rgba(0,0,0,.4);padding:3px 5px}@media screen and (min-width:768px){abbr[title]:focus::after{max-width:40vw}}@media screen and (min-width:1408px){abbr[title]:focus::after{max-width:30vw}}.software ul{list-style-type:none;padding-left:0;margin-bottom:0;margin-top:.5rem}.redundantGuide{display:none}.is-hidden{display:none!important}footer{padding:1em 0;p{max-width:1200px;margin:1em auto}}@media screen and (max-width:1400px){main ol{> li{width:45vw}.deviceinfo{gap:1em}}footer{margin:0 1em}}@media screen and (max-width:800px){#hero{flex-direction:column;padding:2em 5vw 1em;gap:1em;img{width:96px;margin:auto}}aside>ul,aside>div{padding-left:5vw}aside{margin-top:1rem;margin-bottom:2rem}main ol{margin-left:5vw;> li{width:90vw}.deviceinfo{gap:.5em;flex-direction:column}}footer{margin:0 5vw}}@media screen and (max-width:300px){main ol{.sustainable{flex-direction:column}}}@media(prefers-color-scheme:dark){body{background-color:#292a2d}select,.input{background-color:#3e4244!important;color:var(--primary-text)}a,.subtitle a:visited{color:#a4acea}a:visited{color:#caa4ea}.hero{filter:brightness(90%)}.deviceinfo img{filter:brightness(80%)}.success{color:#55ca7e;i{background-color:#55ca7e}}.warning{color:#cab14e;i{background-color:#cab14e}}.unkown{color:#cab14e;i{background-color:#cab14e}}.danger{color:#fb8e8e;i{background-color:#fb8e8e}}nav ol{& .is-selected{background:#08415c}a, a:visited{color:var(--primary-text)}.is-selected a, .is-selected a:visited{color:var(--primary-text)}}main ol{& > li{outline:1px solid #555353;box-shadow:0 6px 6px hsla(0,5.1%,30.6%,.3)}}main ol{& > li::before{color:#879298}}@keyframes fadeIt{0%{background-color:#292a2d}50%{background-color:#cbcb5a}100%{background-color:#292a2d}}}