.kaiso-connection{margin-top:16px}.kaiso-connection>p{color:var(--muted);max-width:720px;line-height:1.5}.connection-state{border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.connection-state i{background:#a7a39c;border-radius:50%;width:8px;height:8px}.connection-state.connected i{background:var(--green);box-shadow:0 0 0 5px #1e8c6318}.connection-form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.connection-form label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.connection-form input{border:1px solid var(--line);border-radius:11px;padding:12px}.connection-form button,.connected-unit button{background:var(--ink);color:#fff;border:0;border-radius:11px;padding:12px 17px;font-weight:800}.connection-form button:disabled{opacity:.45}.connected-unit{background:#eef8f3;border:1px solid #cde9dc;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.connected-unit>svg{color:var(--green)}.connected-unit span{flex-direction:column;gap:3px;display:flex}.connected-unit small{color:var(--muted)}.connected-unit button{align-items:center;gap:7px;display:flex}.connection-error{color:#b7362c;margin-top:10px;font-size:12px;font-weight:800;display:block}@media (max-width:600px){.connection-form{grid-template-columns:1fr}.connected-unit{grid-template-columns:auto 1fr}.connected-unit button{grid-column:1/3;justify-content:center}}