@layer properties,theme,base;@layer components{:root{--settings-gutter:16px;--settings-row-pad:8px;--settings-head-min:48px;--settings-row-control:52px;--settings-row-table:40px;--settings-row-column:30px;--settings-row-group:32px;--settings-row-record:56px;--settings-field-width:248px;--settings-gap-title:12px;--settings-gap-panel:16px;--settings-gap-section:40px;--settings-gap-page-title:32px;--settings-divider:color-mix(in oklab, var(--color-line-quiet), var(--color-line))}.settings-rail-back{align-items:center;min-block-size:36px;margin-block:2px 8px;display:flex}.settings-nav{flex-direction:column;gap:16px;display:flex}.settings-nav-band{flex-direction:column;gap:1px;display:flex}.settings-nav-label{overflow-wrap:anywhere;align-items:center;gap:6px;min-block-size:28px;padding-inline:8px;display:flex}.settings-scroll{container:settings-scroll/inline-size}.settings-content{inline-size:100%;padding:56px 32px 96px}.settings-page{gap:var(--settings-gap-section);flex-direction:column;inline-size:100%;min-inline-size:0;max-inline-size:640px;margin-inline:auto;display:flex}.settings-page>.settings-title+*{margin-block-start:calc(var(--settings-gap-page-title) - var(--settings-gap-section))}.settings-title{min-block-size:24px}.settings-section,.settings-stack{flex-direction:column;min-inline-size:0;display:flex}.settings-section{gap:var(--settings-gap-title)}.settings-section[id]{scroll-margin-block-start:24px}.settings-stack{gap:var(--settings-gap-panel)}.settings-section-head{align-items:flex-end;gap:16px;display:flex}.settings-section-action{flex:none;align-items:center;gap:8px;display:flex}.si-panel{--surface-ground:var(--color-raised);--hover-fill:var(--color-selected);--code-ground:var(--color-selected);--refused-line:var(--color-line);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-raised);flex-direction:column;min-inline-size:0;display:flex;overflow:hidden;container:settings-panel/inline-size}.si-panel[data-tone=danger]{border-color:var(--color-line-danger)}.si-panel-body{scrollbar-width:thin;flex-direction:column;min-inline-size:0;display:flex;overflow-x:auto}.si-head,.si-row{padding:var(--settings-row-pad) var(--settings-gutter);align-items:center;gap:12px;position:relative}.si-head{min-block-size:var(--settings-head-min);padding-inline-end:12px;display:flex}.si-inline{min-block-size:var(--settings-row-control);padding-block:12px;display:flex}.si-label{overflow-wrap:anywhere;flex:1;min-inline-size:0}.si-head>.si-label{flex-basis:auto}.si-action,.si-value{align-items:center;gap:8px;min-inline-size:0;display:flex}.si-action{flex:none;justify-content:flex-end}.si-value{justify-content:flex-end}.si-control{min-block-size:var(--settings-row-control);gap:24px;padding-block:12px;display:flex}.si-control>.si-label{flex-direction:column;gap:4px;display:flex}.si-control>.si-value{flex:none;max-inline-size:64%}.si-control[data-layout=stack]{flex-direction:column;align-items:stretch;gap:8px}.si-control[data-layout=stack]>.si-value{flex-wrap:wrap;justify-content:flex-start;max-inline-size:none}.si-field{inline-size:var(--settings-field-width);min-inline-size:0;max-inline-size:100%}.si-static{min-inline-size:0;max-inline-size:min(100%, var(--settings-field-width));white-space:normal;overflow-wrap:anywhere;padding-inline:8px;display:block}.si-static[data-align=end]{padding-inline-end:24px}.si-grid-row{min-block-size:var(--settings-row-table);padding-inline-end:12px}.si-grid-row>*{min-inline-size:0}.si-table-row{border-radius:0}.si-table-row[data-size=lg]{min-block-size:56px}:is(.si-table-row,.si-record):is([href],:has(a[href],button,[role=checkbox])):is(:not([data-disabled]):hover,:focus-within),:is(.si-table-row,.si-record):is([data-cursor],[data-state=checked]){background:var(--hover-fill)}:is(.si-table-row,.si-record)[data-dim]{color:var(--color-ink-3)}:is(.si-table-row,.si-record)[data-dim] :is(svg,[data-slot=brand-mark],[data-slot=avatar]){opacity:var(--opacity-dim)}:is(.si-table-row,.si-record)[data-landed]{animation:2.4s ease-out settings-landed}.si-columns{min-block-size:var(--settings-row-column);padding-block:0;font-weight:400}.si-group{min-block-size:var(--settings-row-group);align-items:center;gap:6px;padding-block:0;display:flex}.si-record{min-block-size:var(--settings-row-record);padding:10px 12px 10px var(--settings-gutter);display:flex}.si-record>.si-action{gap:12px}.si-facts{clip-path:inset(-12px -12px -12px 16px);flex-wrap:wrap;align-items:center;min-inline-size:0;margin-inline-start:-16px;display:flex}.si-facts>*{overflow-wrap:anywhere;min-inline-size:0;padding-inline-start:16px;position:relative}.si-facts>:before{content:"·";inline-size:16px;color:var(--color-ink-3);text-align:center;position:absolute;inset-block-start:0;inset-inline-start:0}.si-row+.si-row:before{content:"";inset-inline:var(--settings-gutter);border-block-start:1px solid var(--settings-divider);pointer-events:none;position:absolute;inset-block-start:0}.si-head:not(:last-child):after,.si-panel-body>*+[data-slot=list-band]:after,.si-panel-body>*+* [data-slot=list-band]:after,.si-panel-body .list-group+.list-group>[data-slot=list-band]:after{content:"";inset-inline:var(--settings-gutter);pointer-events:none;position:absolute}.si-head:not(:last-child):after{border-block-end:1px solid var(--settings-divider);inset-block-end:0}.si-panel-body>*+[data-slot=list-band]:after,.si-panel-body>*+* [data-slot=list-band]:after,.si-panel-body .list-group+.list-group>[data-slot=list-band]:after{border-block-start:1px solid var(--settings-divider);inset-block-start:0}.si-body{padding:12px var(--settings-gutter)}.si-dialog-rows{margin-inline:calc(var(--settings-gutter) * -1);flex-direction:column;display:flex}.si-row-panel{padding:12px var(--settings-gutter);border-block-start:1px solid var(--color-line-quiet);background:var(--color-sunken)}.si-fold{min-block-size:40px;padding-inline:var(--settings-gutter);border-radius:0}.si-row-verb-reveal{opacity:0}:is(.si-row,[data-row-id],[data-slot=table-row],[data-slot=list-row],[data-slot=row-link],[data-cursor]):is(:hover,:focus-within,[data-cursor]) .si-row-verb-reveal,.si-row-verb-reveal:focus-visible,.si-row-verb-reveal[data-loading]{opacity:1}@keyframes settings-landed{0%{background-color:var(--hover-fill)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){:is(.si-table-row,.si-record)[data-landed]{animation:none}}@media (hover:none){.si-row-verb-reveal{opacity:1}}@container settings-panel (max-width:437px){.si-control{flex-direction:column;align-items:stretch;gap:8px}.si-control>.si-value{flex-wrap:wrap;justify-content:flex-start;max-inline-size:none}.si-control .si-field{inline-size:100%}.si-control .si-static{padding-inline-start:0}.si-head{flex-wrap:wrap;row-gap:8px}.si-head>.si-action:has([data-slot=settings-filter]){flex:100%}.si-record{grid-template-columns:28px minmax(0,1fr);align-items:start;row-gap:8px;display:grid}.si-record:not([data-marked],[data-state]){grid-template-columns:minmax(0,1fr)}.si-record[data-state]:not([data-marked]){grid-template-columns:auto minmax(0,1fr)}.si-record[data-state][data-marked]{grid-template-columns:auto 28px minmax(0,1fr)}.si-record>.si-action{grid-column:-2/-1;justify-content:space-between;gap:8px}.si-row-verb-reveal{opacity:1}}@container settings-scroll (max-width:447px){.settings-content{padding:24px 16px 96px}.settings-page{--settings-gap-page-title:24px;--settings-gap-section:32px}.settings-section-head{flex-wrap:wrap;align-items:center;row-gap:8px}}}@layer utilities;