:root{--ctl-sm:32px;--ctl-md:42px;--ctl-lg:48px;--ctl-radius:999px;--ctl-field-radius:14px;--ctl-font:14px;--ctl-font-sm:13px;--ctl-font-lg:15px;--ctl-weight:500}.hw,.shell-dark .side,.ctl-dark{--ctl-ink:#f4f4ef;--ctl-on-ink:#161616;--ctl-line:#3a3b3f;--ctl-field:#1d1d20;--ctl-track:#26262a;--ctl-off:#3a3a3f;--ctl-muted:#9b9a94;--ctl-focus:#f4f4ef}.btn:focus-visible,.icon-btn:focus-visible,.seg>:focus-visible,.tabs>:focus-visible,button.chip:focus-visible,a.chip:focus-visible,summary.chip:focus-visible,.toggle:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--ctl-focus,var(--ctl-ink,var(--ink)));outline-offset:2px}label.chip:has(input:focus-visible){outline:2px solid var(--ctl-focus,var(--ctl-ink,var(--ink)));outline-offset:2px}.searchbox:has(input:focus-visible){outline:2px solid var(--ctl-focus,var(--ctl-ink,var(--ink)));outline-offset:2px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--ctl-focus,var(--ctl-ink,var(--ink)));outline-offset:1px}.seg>:focus-visible{outline-offset:-4px;outline-width:1.5px}.seg>[aria-pressed=true]:focus-visible,.seg>.on:focus-visible,.seg>[aria-selected=true]:focus-visible,.seg>[aria-checked=true]:focus-visible,.seg>[aria-current]:focus-visible{outline-color:var(--ctl-on-ink,var(--paper))}.btn{height:var(--ctl-md);min-height:var(--ctl-md);border-radius:var(--ctl-radius);border:1px solid var(--ctl-ink,var(--ink));background:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper));font-family:var(--sans);font-size:var(--ctl-font);font-weight:var(--ctl-weight);letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--ctl-ink,var(--ink)) 86%, #000)}.btn svg{flex:none}.btn-outline{border-color:var(--ctl-ink,var(--ink));color:var(--ctl-ink,var(--ink));background:0 0}.btn-outline:hover{background:var(--ctl-hover,color-mix(in srgb, var(--ctl-ink,var(--ink)) 7%, transparent))}.btn-accent{background:var(--ctl-accent,var(--accent));border-color:var(--ctl-accent,var(--accent));color:var(--ctl-on-accent,#161616)}.btn-accent:hover{background:var(--accent-hover,#c8f52a);border-color:var(--accent-hover,#c8f52a)}.btn-text{color:var(--ctl-ink,var(--ink));background:0 0;border-color:#0000;padding:0 12px}.btn-text:hover{background:var(--ctl-hover,color-mix(in srgb, var(--ctl-ink,var(--ink)) 7%, transparent))}.btn-danger{background:color-mix(in srgb, var(--danger) 80%, #000);border-color:color-mix(in srgb, var(--danger) 80%, #000);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--danger) 85%, #000)}.btn-outline.btn-danger,.btn-text.btn-danger{color:color-mix(in srgb, var(--danger) 82%, var(--ctl-ink,var(--ink)));background:0 0}.btn-outline.btn-danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--ctl-line,var(--line)))}.btn-outline.btn-danger:hover,.btn-text.btn-danger:hover{background:color-mix(in srgb, var(--danger) 9%, transparent)}.btn-sm{height:var(--ctl-sm);min-height:var(--ctl-sm);font-size:var(--ctl-font-sm);gap:6px;padding:0 14px}.btn-big{height:var(--ctl-lg);min-height:var(--ctl-lg);font-size:var(--ctl-font-lg);padding:0 24px}.btn-block{width:100%}.btn:disabled:not([aria-busy=true]),.btn[aria-disabled=true]{border-color:var(--ctl-line,var(--line));color:var(--ctl-ink,var(--ink));opacity:.45;cursor:not-allowed;background:0 0}.btn[aria-busy=true]{cursor:progress}.btn.btn-icon{width:var(--ctl-md);padding:0}.btn-sm.btn-icon{width:var(--ctl-sm)}.btn-big.btn-icon{width:var(--ctl-lg)}.icon-btn{width:var(--ctl-md);height:var(--ctl-md);color:var(--ctl-ink,var(--ink));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.icon-btn:hover,.icon-btn[aria-current=page],.icon-btn[aria-expanded=true],.icon-btn[aria-pressed=true]{background:var(--ctl-hover,color-mix(in srgb, var(--ctl-ink,var(--ink)) 7%, transparent))}.icon-btn.is-outline{border-color:var(--ctl-line,var(--line))}.icon-btn.is-sm{width:var(--ctl-sm);height:var(--ctl-sm)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.seg{height:var(--ctl-md);border-radius:var(--ctl-radius);background:var(--ctl-track,var(--seg-bg,#e2e0da));scrollbar-width:none;flex:none;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg>button,.seg>a,.seg>span,.seg>label{border-radius:var(--ctl-radius);height:100%;color:var(--ctl-muted,var(--muted));font-family:var(--sans);font-size:var(--ctl-font-sm);font-weight:var(--ctl-weight);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.seg>:hover{color:var(--ctl-ink,var(--ink))}.seg>span{cursor:default}.seg>[aria-pressed=true],.seg>.on,.seg>[aria-selected=true],.seg>[aria-checked=true],.seg>[aria-current=page],.seg>[aria-current=true]{background:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper))}.seg>label:has(input:checked){background:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper))}.seg>label input{opacity:0;pointer-events:none;position:absolute}.seg.seg-sm{height:var(--ctl-sm);padding:2px}.seg.seg-sm>*{padding:0 11px;font-size:12px}.seg.seg-block{width:100%;display:flex}.seg.seg-block>*{flex:1 1 0}.tabs{border-bottom:1px solid var(--ctl-line,var(--line));scrollbar-width:none;align-items:stretch;gap:22px;max-width:100%;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs>a,.tabs>button{height:var(--ctl-md);color:var(--ctl-muted,var(--muted));font-family:var(--sans);font-size:var(--ctl-font);font-weight:var(--ctl-weight);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding:0;text-decoration:none;display:inline-flex;position:relative}.tabs>:hover{color:var(--ctl-ink,var(--ink))}.tabs>[aria-current=page],.tabs>[aria-current=true],.tabs>[aria-selected=true]{color:var(--ctl-ink,var(--ink));border-bottom-color:var(--ctl-ink,var(--ink))}.tabs .count{font-family:var(--mono);color:var(--ctl-muted,var(--muted));font-size:11px}.chip{border-radius:var(--ctl-radius);border:1px solid var(--ctl-line,var(--line));height:22px;color:var(--ctl-ink,var(--ink));white-space:nowrap;align-items:center;gap:6px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.chip-dark{background:var(--ctl-ink,var(--ink));border-color:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper))}button.chip,a.chip,label.chip,summary.chip{height:var(--ctl-sm);font-family:var(--sans);font-size:var(--ctl-font-sm);font-weight:var(--ctl-weight);cursor:pointer;background:0 0;padding:0 13px;text-decoration:none}button.chip:hover,a.chip:hover,label.chip:hover,summary.chip:hover{background:var(--ctl-hover,color-mix(in srgb, var(--ctl-ink,var(--ink)) 7%, transparent));border-color:var(--ctl-ink,var(--ink))}button.chip[aria-pressed=true],summary.chip[aria-pressed=true],a.chip[aria-current=page],a.chip[aria-current=true],a.chip[aria-pressed=true]{background:var(--ctl-ink,var(--ink));border-color:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper))}label.chip:has(input:checked){background:var(--ctl-ink,var(--ink));border-color:var(--ctl-ink,var(--ink));color:var(--ctl-on-ink,var(--paper))}label.chip input{opacity:0;pointer-events:none;position:absolute}.chip .chip-x{opacity:.6;margin-right:-5px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.toggle{background:var(--ctl-off,var(--toggle-bg,#d9d7d1));cursor:pointer;border:0;border-radius:12px;flex:none;width:40px;height:24px;padding:0;transition:background-color .15s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s,background-color .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle[aria-checked=true]{background:var(--ctl-ink,var(--ink))}.toggle:has(input:checked){background:var(--ctl-ink,var(--ink))}.toggle[aria-checked=true]:after{background:var(--ctl-accent,var(--accent));left:19px}.toggle:has(input:checked):after{background:var(--ctl-accent,var(--accent));left:19px}.toggle:disabled,.toggle[aria-disabled=true]{opacity:.45;cursor:not-allowed}.toggle input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.switch-row{min-height:var(--ctl-md);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.searchbox{height:var(--ctl-md);border:1px solid var(--ctl-line,var(--line));border-radius:var(--ctl-radius);background:var(--ctl-field,var(--white));color:var(--ctl-muted,var(--muted));align-items:center;gap:8px;min-width:0;padding:0 6px 0 14px;display:flex}.searchbox>svg{flex:none}.searchbox input{width:0;min-width:0;height:100%;color:var(--ctl-ink,var(--ink));font:inherit;font-family:var(--sans);font-size:var(--ctl-font);background:0 0;border:0;outline:0;flex:1;padding:0}.searchbox input::placeholder{color:var(--ctl-muted,var(--muted))}.searchbox input::-webkit-search-cancel-button{display:none}.searchbox:focus-within{border-color:var(--ctl-ink,var(--ink))}.searchbox-x{width:28px;height:28px;color:var(--ctl-muted,var(--muted));cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:16px;display:inline-grid}.searchbox-x:hover{background:var(--ctl-hover,color-mix(in srgb, var(--ctl-ink,var(--ink)) 7%, transparent));color:var(--ctl-ink,var(--ink))}.searchbox-spin{border:2px solid var(--ctl-line,var(--line));border-top-color:var(--ctl-ink,var(--ink));border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite ctl-spin}@keyframes ctl-spin{to{transform:rotate(360deg)}}.input,.select,.textarea{height:var(--ctl-md);border:1px solid var(--ctl-line,var(--line));border-radius:var(--ctl-field-radius);background:var(--ctl-field,var(--white));width:100%;color:var(--ctl-ink,var(--ink));font-family:var(--sans);padding:0 14px;font-size:15px}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23888' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.input-sm,.select-sm{height:var(--ctl-md);font-size:var(--ctl-font);border-radius:12px}@media (pointer:coarse){:root{--ctl-sm:44px;--ctl-md:44px;--ctl-lg:50px}.btn-sm{padding:0 16px}.tabs>a,.tabs>button{height:44px}.seg,.seg.seg-sm{height:auto;padding:2px}.seg>button,.seg>a,.seg>span,.seg>label{min-width:44px;min-height:44px}.tabs>a,.tabs>button{justify-content:center;min-width:44px}.toggle{background:0 0;width:48px;height:44px;margin:-10px -4px}.toggle:before{content:"";background:var(--ctl-off,var(--toggle-bg,#d9d7d1));border-radius:12px;transition:background-color .15s;position:absolute;inset:10px 4px}.toggle[aria-checked=true]{background:0 0}.toggle:has(input:checked){background:0 0}.toggle[aria-checked=true]:before{background:var(--ctl-ink,var(--ink))}.toggle:has(input:checked):before{background:var(--ctl-ink,var(--ink))}.toggle:after{z-index:1;top:13px;left:7px}.toggle[aria-checked=true]:after{left:23px}.toggle:has(input:checked):after{left:23px}.searchbox input{height:calc(100% + 2px);margin-block:-1px}.searchbox-x{width:36px;height:36px}.searchbox input,.input,.select,.textarea{font-size:16px}}
