.network-options{text-align:right;direction:rtl;border-bottom:1px solid #e5edf8;padding:12px 0;font-family:inherit}.network-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.network-title span{font-family:inherit;font-size:var(--text-meta);font-weight:var(--font-weight-bold);line-height:1.7;color:#111c4e!important}.network-title small{color:#8490ae;font-size:var(--text-meta)}.network-choice{cursor:pointer;text-align:right;background:#fff;border:1px solid #dce5f2;border-radius:11px;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;margin:7px 0;padding:10px;display:flex;position:relative}.network-choice.selected{background:#f2f6ff;border-color:#2b5bec}.network-choice input{accent-color:#1558ec;flex:0 0 16px;width:16px;height:16px;margin:0}.network-choice span{color:#111c4e!important}.network-choice b{font-family:inherit;font-size:var(--text-meta);font-weight:var(--font-weight-bold);line-height:1.7}.network-choice span>small{z-index:5;color:#fff;width:240px;max-width:40vw;font-size:var(--text-meta);text-align:right;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;direction:rtl;unicode-bidi:plaintext;background:#111c4e;border:1px solid #d7e1f0;border-radius:8px;padding:8px 10px;line-height:1.8;transition:all .16s;position:absolute;top:50%;right:calc(100% + 8px);transform:translate(4px,-50%);box-shadow:0 8px 20px #17245b26}.network-choice:hover span>small,.network-choice:focus-within span>small{opacity:1;visibility:visible;transform:translateY(-50%)}.ssh-key-field{background:#f8fbff;border:1px solid #dce5f2;border-radius:11px;gap:7px;margin-top:10px;padding:10px;display:grid}.ssh-key-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.ssh-key-heading strong{color:#111c4e;font-size:var(--text-meta)}.ssh-key-heading a{color:#1558ec;font-size:var(--text-meta);font-weight:var(--font-weight-bold);text-decoration:none}.compact-ssh-key-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.compact-ssh-key-options>label{color:#111c4e;cursor:pointer;background:#fff;border:1px solid #d8e3f2;border-radius:8px;align-items:center;gap:5px;min-width:0;min-height:34px;padding:6px;display:flex}.compact-ssh-key-options>label.selected{background:#edf3ff;border-color:#2b5bec}.compact-ssh-key-options>label.saved-key-choice{grid-column:1/-1}.compact-ssh-key-options input{accent-color:#1558ec;flex:0 0 14px;width:14px;height:14px;margin:0}.compact-ssh-key-options span{min-width:0;line-height:1.45;display:grid}.compact-ssh-key-options small{color:#687598;font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ssh-key-field textarea{box-sizing:border-box;resize:vertical;color:#17203f;text-align:left;background:#fff;border:1px solid #ccd8ea;border-radius:8px;outline:none;width:100%;min-height:74px;padding:8px;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.ssh-key-field textarea:focus{border-color:#1558ec;box-shadow:0 0 0 2px #1558ec1a}.ssh-key-field p{color:#6f7a99;font-size:var(--text-body);margin:0;line-height:1.65}.ssh-key-field p a{color:#1558ec;font-weight:var(--font-weight-regular)}.site-shell[dir=ltr] .network-options{text-align:left;direction:ltr}.site-shell[dir=ltr] .compact-ssh-key-options>label{text-align:left}html[data-theme=dark] .ssh-key-field,html[data-theme=dark] .compact-ssh-key-options>label{background:#0c1428;border-color:#344563}html[data-theme=dark] .compact-ssh-key-options>label.selected{background:#18284b;border-color:#4d77ff}html[data-theme=dark] .ssh-key-heading strong,html[data-theme=dark] .compact-ssh-key-options>label,html[data-theme=dark] .ssh-key-field textarea{color:#edf3ff}html[data-theme=dark] .ssh-key-field textarea{background:#0b1327;border-color:#344563}@media (max-width:720px){.network-choice span>small{width:100%;max-width:none;top:calc(100% + 6px);right:0;transform:translateY(-4px)}.network-choice:hover span>small,.network-choice:focus-within span>small{transform:translateY(0)}}.customer-network-picker{text-align:start;border:1px solid #ccd8ea;border-radius:10px;min-width:0;margin-block:10px;position:relative}.customer-network-picker summary{cursor:pointer;font-size:var(--text-body);overflow-wrap:anywhere;padding:10px;line-height:1.5}.customer-network-dropdown{inset-inline:0;z-index:40;background:#fff;border:1px solid #ccd8ea;border-radius:10px;max-height:40vh;position:absolute;top:calc(100% + 4px);overflow:auto;box-shadow:0 12px 28px #17245b26}.customer-network-dropdown>p,.customer-network-list>p{font-size:var(--text-body);margin:0;padding:8px 10px;line-height:1.6}.customer-network-list{overscroll-behavior:contain;max-height:180px;overflow:auto}.customer-network-list label{cursor:pointer;min-width:0;font-size:var(--text-meta);align-items:center;gap:10px;padding:10px;display:flex}.customer-network-list input{accent-color:#1558ec;flex-shrink:0;width:18px;height:18px}.customer-network-list span{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.customer-network-list small{font-size:var(--text-meta);text-align:start}:is(.customer-network-picker summary:focus-visible,.customer-network-list input:focus-visible){outline-offset:2px;outline:2px solid #1558ec}html[data-theme=dark] .customer-network-picker,html[data-theme=dark] .customer-network-dropdown{color:#edf3ff;background:#0c1428;border-color:#344563}.network-title{gap:12px}.network-title span{font-size:var(--text-meta);line-height:1.6}.network-title small{font-size:var(--text-meta);line-height:1.5}.network-choice b{font-size:var(--text-meta);line-height:1.6}.network-choice span>small{font-size:var(--text-meta);line-height:1.7}.compact-ssh-key-options b,.compact-ssh-key-options small,.ssh-key-heading a,.ssh-key-field p,.ssh-key-field textarea{font-size:var(--text-meta)}.network-options .network-title span,.network-options .network-choice b{font-size:var(--text-label)}.network-options .network-choice span>small{font-size:var(--text-meta)}.customer-network-create{color:#1558ec;width:100%;font-family:inherit;font-size:var(--text-label);font-weight:var(--font-weight-semibold);text-align:start;cursor:pointer;background:#f2f7ff;border:0;border-bottom:1px solid #ccd8ea;align-items:center;gap:8px;padding:12px;line-height:1.6;display:flex}.customer-network-create:hover{background:#e4efff}.customer-network-create:focus-visible{outline-offset:-3px;outline:2px solid #1558ec}.network-create-dialog{box-sizing:border-box;color:#111c4e;text-align:start;background:#fff;border:1px solid #ccd8ea;border-radius:18px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;font-family:inherit;overflow:auto;box-shadow:0 20px 80px #111c4e33}.network-create-dialog::backdrop{background:#0d17386b}.network-create-dialog form{gap:12px;min-width:0;display:grid}.network-create-dialog header,.network-create-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.network-create-dialog h2{font-size:var(--text-card);margin:0;line-height:1.6}.network-create-dialog p{font-size:var(--text-body);overflow-wrap:anywhere;margin:0;line-height:1.7}.network-create-dialog label{font-size:var(--text-meta);font-weight:var(--font-weight-semibold)}.network-create-dialog input{box-sizing:border-box;width:100%;min-width:0;color:inherit;font:inherit;font-size:var(--text-body);background:#fff;border:1px solid #bbcbe4;border-radius:8px;padding:10px}.network-create-dialog small{font-size:var(--text-meta);line-height:1.7}.network-create-dialog button{color:#1558ec;font:inherit;font-size:var(--text-button);cursor:pointer;background:#f5f8ff;border:1px solid #ccd8ea;border-radius:9px;padding:9px 14px}.network-create-dialog button[type=submit]{color:#fff;background:#1558ec}.network-create-dialog button:disabled{opacity:.55;cursor:not-allowed}.network-create-dialog :focus-visible{outline-offset:2px;outline:2px solid #1558ec}.network-create-message{background:#f2f7ff;border:1px solid #ccd8ea;border-radius:8px;padding:10px}html[data-theme=dark] .customer-network-create,html[data-theme=dark] .network-create-dialog,html[data-theme=dark] .network-create-dialog input,html[data-theme=dark] .network-create-dialog button,html[data-theme=dark] .network-create-message{color:#edf3ff;background:#0c1428;border-color:#344563}html[data-theme=dark] .customer-network-create:hover{background:#18284b}html[data-theme=dark] .network-create-dialog button[type=submit]{background:#2563eb}