.connect-page{place-items:start center;padding:40px 0 80px;display:grid}.connect-card{width:min(560px,100%);margin:0 auto}.connect-icons{justify-content:center;align-items:center;gap:10px;margin-bottom:22px;display:flex}.connect-icons span{color:#c2ff8a;background:#c2ff8a12;border:1px solid #c2ff8a2e;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.connect-icons span.mid{color:#0b1209;background:#c2ff8a;border-radius:50%;width:40px;height:40px}.connect-icons i{background:linear-gradient(90deg,#0000,#c2ff8a80,#0000);width:34px;height:1px}.connect-status{color:#a9bb98;font-size:14px}.connect-missing{border:1px dashed #fff2;border-radius:16px;justify-items:center;gap:12px;padding:16px;display:grid}.connect-missing p{color:#cfdcc2;margin:0;font-size:14px}.connect-missing .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.connect-missing .text-link{cursor:pointer;font:inherit;background:0 0;border:0;font-size:13px}.connect-facts{text-align:left;color:#a9bb98;gap:9px;margin:22px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.connect-facts li{align-items:flex-start;gap:9px;display:flex}.connect-facts svg{color:#c2ff8a;flex:none;margin-top:2px}.connect-devices{text-align:left;border-top:1px solid #ffffff14;gap:10px;margin-top:26px;padding-top:18px;display:grid}.connect-devices h2{letter-spacing:.12em;text-transform:uppercase;color:#c2ff8a;margin:0 0 4px;font-size:13px}.connect-device{background:#ffffff08;border:1px solid #ffffff10;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.connect-device span{gap:3px;min-width:0;display:grid}.connect-device b{font-size:14px}.connect-device small{color:#8fa281;font-size:12px}.connect-device .button.small{white-space:nowrap;gap:6px;padding:8px 12px;font-size:12px}@media (max-width:480px){.connect-device{flex-direction:column;align-items:stretch}}html[data-theme=light] .connect-icons span{color:#3b7607;background:#9fdd6a17;border:1px solid #42810c3e;border-radius:15px}html[data-theme=light] .connect-icons span.mid{color:#0b1209;background:#b5f47e;border-radius:50%}html[data-theme=light] .connect-icons i{background:linear-gradient(90deg,#0000,#9fdd6a99,#0000)}html[data-theme=light] .connect-status{color:#5d6d4f}html[data-theme=light] .connect-missing{border:1px dashed #0b12092b;border-radius:16px}html[data-theme=light] .connect-missing p{color:#2d3429}html[data-theme=light] .connect-missing .text-link{background:0 0;border:0}html[data-theme=light] .connect-facts{color:#5d6d4f}html[data-theme=light] .connect-facts svg{color:#3b7607}html[data-theme=light] .connect-devices{border-top:1px solid #0b120919}html[data-theme=light] .connect-devices h2{color:#3b7607}html[data-theme=light] .connect-device{background:#ffffffa3;border:1px solid #0b120914;border-radius:14px}html[data-theme=light] .connect-device small{color:#596b4d}