@layer components{.system-settings-shell{--sys-sidebar-width:230px;--sys-sidebar-surface:color-mix(in srgb, var(--ds-ink) 2.5%, var(--ds-surface-1));--sys-shell:var(--ds-surface-1);--sys-card:color-mix(in srgb, var(--ds-ink) 3.5%, var(--ds-surface-1));--sys-icon-bg-mix:14%;background:var(--sys-shell);position:relative;container-type:inline-size}:root[data-theme=dark] .system-settings-shell{--sys-shell:color-mix(in srgb, var(--ds-canvas) 55%, var(--ds-surface-1));--sys-sidebar-surface:color-mix(in srgb, var(--ds-ink) 5%, var(--ds-surface-1));--sys-card:var(--ds-surface-1);--sys-icon-bg-mix:26%}@media (prefers-color-scheme:dark){:root[data-theme=system] .system-settings-shell{--sys-shell:color-mix(in srgb, var(--ds-canvas) 55%, var(--ds-surface-1));--sys-sidebar-surface:color-mix(in srgb, var(--ds-ink) 5%, var(--ds-surface-1));--sys-card:var(--ds-surface-1);--sys-icon-bg-mix:26%}}.system-settings-shell[data-compact=true]{--sys-sidebar-width:192px}.system-settings-sidebar{width:calc(var(--sys-sidebar-width) - var(--ds-sidebar-inset) * 2);margin:var(--ds-sidebar-inset) 0 var(--ds-sidebar-inset) var(--ds-sidebar-inset);border-radius:var(--ds-radius-sidebar);background:var(--sys-sidebar-surface);box-shadow:var(--ds-shadow-sidebar);flex:none;padding:12px}.system-settings-traffic-lights{height:24px;margin-bottom:14px;padding:0 6px}.system-settings-search .ant-input-affix-wrapper{background:color-mix(in srgb, var(--ds-ink) 7%, transparent);border-color:#0000}.system-settings-icon{--sys-tone:#527a99;color:var(--sys-tone);background-color:color-mix(in srgb, var(--sys-tone) var(--sys-icon-bg-mix), var(--ds-surface-1))}.system-settings-icon[data-tone=slate]{--sys-tone:#527a99}.system-settings-icon[data-tone=indigo]{--sys-tone:#5f6b9e}.system-settings-icon[data-tone=violet]{--sys-tone:#7a68a8}.system-settings-icon[data-tone=amber]{--sys-tone:#a87b2c}.system-settings-icon[data-tone=teal]{--sys-tone:#3d8a84}.system-settings-icon[data-tone=green]{--sys-tone:#4f8a5c}.system-settings-icon[data-tone=orange]{--sys-tone:#a5703e}[aria-current=page]>.system-settings-icon{background-color:#fffffff0}:root[data-theme=dark] .system-settings-icon{color:color-mix(in srgb, var(--sys-tone) 55%, var(--ds-ink))}:root[data-theme=dark] [aria-current=page]>.system-settings-icon{color:var(--sys-tone)}@media (prefers-color-scheme:dark){:root[data-theme=system] .system-settings-icon{color:color-mix(in srgb, var(--sys-tone) 55%, var(--ds-ink))}:root[data-theme=system] [aria-current=page]>.system-settings-icon{color:var(--sys-tone)}}.system-settings-content-header{height:48px}.system-settings-card{background:var(--sys-card);border-radius:12px}.system-settings-row{position:relative}.system-settings-row:not(:first-child):before{content:"";background-color:color-mix(in srgb, var(--ds-line) 45%, transparent);pointer-events:none;height:1px;position:absolute;top:0;left:16px;right:16px}.system-settings-content{--sys-switch-off:#6f8294;--sys-switch-off-hover:#596d7e;--sys-switch-handle:#f3f6f9;--sys-dark-selection-bg:#f3f6f9;--sys-dark-selection-fg:#05080d}.system-settings-content .ant-switch{background:var(--sys-switch-off)}.system-settings-content .ant-switch:not(.ant-switch-disabled):hover{background:var(--sys-switch-off-hover)}.system-settings-content .ant-switch.ant-switch-checked,.system-settings-content .ant-switch.ant-switch-checked:not(.ant-switch-disabled):hover{background:var(--ds-accent)}.system-settings-content .ant-switch .ant-switch-handle:before{background-color:var(--sys-switch-handle)}.system-settings-content .ant-switch.ant-switch-disabled{opacity:.45}:root[data-theme=dark] .system-settings-content .ant-segmented .ant-segmented-item-selected,:root[data-theme=dark] .system-settings-content .ant-segmented .ant-segmented-thumb{background:var(--sys-dark-selection-bg);color:var(--sys-dark-selection-fg)}:root[data-theme=dark] .system-settings-content .ant-segmented .ant-segmented-item-selected .ant-segmented-item-label{color:var(--sys-dark-selection-fg)}@media (prefers-color-scheme:dark){:root[data-theme=system] .system-settings-content .ant-segmented .ant-segmented-item-selected,:root[data-theme=system] .system-settings-content .ant-segmented .ant-segmented-thumb{background:var(--sys-dark-selection-bg);color:var(--sys-dark-selection-fg)}:root[data-theme=system] .system-settings-content .ant-segmented .ant-segmented-item-selected .ant-segmented-item-label{color:var(--sys-dark-selection-fg)}}}