:root{--settings-quota-bg: rgba(0, 0, 0, .4);--settings-quota-bar-bg: var(--bg-neutral-6-rest)}[data-theme=light]{--settings-quota-bg: rgba(0, 0, 0, .06);--settings-quota-bar-bg: rgba(0, 0, 0, .15)}.settings-pane{width:0;min-width:0;overflow:hidden;background:var(--bg-neutral-2-alt);display:flex;flex-direction:row;transition:width .2s ease,min-width .2s ease;flex-shrink:0;position:relative}.settings-pane.open{width:320px;min-width:200px}.settings-pane.resizing{transition:none}.settings-resize{position:absolute;inset-inline-start:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:10}.settings-resize:after{content:"";position:absolute;inset-inline-start:3px;top:0;width:2px;height:100%;background:transparent;transition:background .15s}.settings-resize:hover:after,.settings-resize.dragging:after{background:var(--fg-brand-1-rest)}.settings-pane-inner{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.settings-pane-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--stroke-neutral-1-rest);flex-shrink:0}.settings-pane-title{font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-2-rest)}.settings-pane-close{background:none;border:none;color:var(--fg-neutral-5-rest);font-size:var(--font-size-body-2-stronger);cursor:pointer;padding:0 var(--spacing-40);line-height:1}.settings-pane-close:hover{color:var(--fg-neutral-2-rest)}.settings-pane-body{flex:1;overflow-y:auto;padding:16px 14px}.settings-section-label{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-subtitle-2);text-transform:uppercase;letter-spacing:1.2px;color:var(--fg-neutral-5-rest);margin-bottom:var(--spacing-120)}.settings-section-internal{color:red}.settings-internal-section{padding:var(--spacing-80) var(--spacing-160)}.settings-internal-divider{display:flex;align-items:center;gap:var(--spacing-80);margin:var(--spacing-80) var(--spacing-80) 0}.settings-internal-divider:before,.settings-internal-divider:after{content:"";flex:1;height:1px;background:var(--fg-status-danger-1)}.settings-internal-divider-label{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-subtitle-2);color:var(--fg-status-danger-1);letter-spacing:1.2px;white-space:nowrap}.settings-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--stroke-neutral-1-rest)}.settings-row--sub{padding:8px 0 8px 14px;border-top:none}.settings-row--sub .settings-row-title{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-4-rest)}.settings-row--sub .settings-row-desc{font-size:var(--font-size-caption-2)}.settings-row-info{flex:1;min-width:0}.settings-row-title{font-size:var(--font-size-body-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-1-rest);margin-bottom:3px}.settings-row-desc{font-size:var(--font-size-caption-1);color:var(--fg-card-desc-rest)}.settings-status{display:flex;align-items:center;gap:6px;font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);padding:3px 10px;border-radius:12px;white-space:nowrap}.settings-status.off{background:var(--bg-neutral-5-rest);color:var(--fg-neutral-5-rest)}.settings-status.on{background:#28c8401f;color:var(--fg-status-success-1)}.settings-status.warn{background:#ffbd2e1f;color:var(--fg-status-warning-1)}.settings-status-dot{width:7px;height:7px;border-radius:var(--radius-circular);background:currentColor}.settings-view-sep{display:none}.settings-view-sep:has(+.view-settings-section.active){display:block}.view-settings-section{display:none;padding:0 var(--spacing-80)}.view-settings-section.active{display:block}.view-settings-header{font-size:var(--font-size-caption-2);font-weight:var(--font-weight-subtitle-2);text-transform:uppercase;letter-spacing:1.2px;color:var(--fg-neutral-5-rest);margin-bottom:var(--spacing-120);display:flex;align-items:center;gap:6px}.view-settings-header .view-name{color:var(--fg-neutral-4-rest)}.view-settings-stat{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-80) 0;border-top:1px solid var(--stroke-neutral-1-rest)}.view-settings-stat-label{font-size:var(--font-size-caption-1);color:var(--fg-neutral-4-rest)}.view-settings-stat-value{font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-2-rest);font-variant-numeric:tabular-nums}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--bg-toggle-track-rest);border-radius:11px;cursor:pointer;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:16px;height:16px;inset-inline-start:3px;top:3px;background:var(--bg-toggle-knob-rest);border-radius:var(--radius-circular);transition:transform .2s,background .2s}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--fg-brand-1-rest);outline-offset:2px}.toggle input:checked+.toggle-track{background:var(--bg-brand-compound-rest)}.settings-quota-section{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch;background:var(--settings-quota-bg, rgba(0, 0, 0, .4));padding:var(--spacing-120) var(--spacing-160)}.settings-quota-title{font-family:var(--font-family-base);font-size:var(--font-size-subtitle-2);font-weight:var(--font-weight-subtitle-2);line-height:var(--line-height-subtitle-2);color:var(--fg-neutral-1-rest)}.settings-quota-bar{height:4px;width:100%;background:var(--settings-quota-bar-bg);border-radius:var(--radius-4xlarge);overflow:hidden}.settings-quota-bar-fill{height:100%;background:var(--fg-brand-1-rest);border-radius:var(--radius-medium);transition:width .3s ease;width:0}.settings-quota-bar-fill.nearing,.settings-quota-bar-fill.critical{background:var(--fg-status-warning-1)}.settings-quota-bar-fill.full,.settings-quota-bar-fill.over,.settings-quota-bar-fill.blocked{background:var(--fg-status-danger-1)}.settings-quota-links{display:flex;align-items:center;gap:var(--spacing-80)}.settings-quota-link{background:none;border:none;color:var(--fg-neutral-2-rest);font-family:var(--font-family-base);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-caption-1);line-height:var(--line-height-caption-1);padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--fg-neutral-2-rest)}.settings-quota-link:hover{color:var(--fg-neutral-1-rest);text-decoration-color:var(--fg-neutral-1-rest)}.settings-quota-pipe{color:var(--fg-neutral-5-rest);font-size:var(--font-size-caption-1)}.settings-theme-row{display:flex;align-items:center;gap:var(--spacing-120)}.settings-theme-label{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-neutral-1-rest);flex-shrink:0}.settings-theme-drop-wrap{flex:1;min-width:0;position:relative}.settings-theme-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-neutral-1-rest);color:var(--fg-neutral-1-rest);border:2px solid transparent;border-radius:var(--radius-medium);font-family:var(--font-family-base);font-size:var(--font-size-body-1);padding:var(--spacing-40) var(--spacing-120);cursor:pointer;height:var(--size-320);box-sizing:border-box}.settings-theme-trigger:focus,.settings-theme-trigger:focus-visible{outline:none}.settings-theme-trigger:focus-visible{border-bottom-color:var(--fg-brand-1-rest)}.settings-theme-drop-wrap:has(.settings-theme-menu.open) .settings-theme-trigger{border-radius:var(--radius-medium) var(--radius-medium) 0 0;border-bottom-color:var(--fg-brand-1-rest)}.settings-theme-trigger-text{flex:1;text-align:start}.settings-theme-chevron{width:var(--size-120);height:var(--size-120);flex-shrink:0;color:var(--fg-neutral-3-rest)}.menu.settings-theme-menu{position:absolute;top:100%;left:0;right:0;z-index:10;min-width:auto;border-radius:0 0 var(--radius-medium) var(--radius-medium);border:none;background:var(--bg-neutral-1-rest);box-shadow:var(--shadow-8);padding:var(--spacing-40);gap:2px;align-self:stretch}.settings-theme-menu.open{display:flex}.settings-theme-menu:focus,.settings-theme-menu *:focus{outline:none}.settings-checkbox-row{display:flex;align-items:center;gap:var(--spacing-80);cursor:pointer;padding:var(--spacing-40) 0}.settings-checkbox{width:var(--size-160);height:var(--size-160);accent-color:var(--fg-brand-1-rest);flex-shrink:0;cursor:pointer;margin:0}.settings-checkbox-label{font-size:var(--font-size-caption-1);color:var(--fg-neutral-3-rest)}.settings-options-section{padding:var(--spacing-120) var(--spacing-160) var(--spacing-40);display:flex;flex-direction:column;gap:var(--spacing-40)}.settings-callout-body.signed-out #settingsQuotaSection,.settings-callout-body.signed-out #settingsMoreSettingsBtn,.settings-callout-body.signed-out #settingsFeedbackBtn{display:none}.settings-menu-items-section{padding:0 var(--spacing-80)}.settings-menu-items-section .menu-item{color:var(--fg-neutral-1-rest)}.settings-menu-items-section .menu-item:hover .icon-filled,.settings-menu-items-section .menu-item:active .icon-filled,.settings-menu-items-section .menu-item.active .icon-filled{fill:url(#settingsIconGradient)}#od4TopbarSettingsBtn:hover .icon-filled,#od4TopbarSettingsBtn:active .icon-filled,#od4TopbarSettingsBtn.selected .icon-filled{color:unset;fill:url(#settingsIconGradient)}