.workspace-panel-host,.workspace-panel-scrim{--panel-width: 30rem}.workspace-panel-host[data-size=wide],.workspace-panel-scrim[data-size=wide]{--panel-width: 44rem}.workspace-panel-host{display:none;min-width:0;container:workspace-panel / inline-size}.workspace-panel-host[data-open=true]{position:fixed;inset:0 0 0 auto;z-index:40;display:block;width:min(var(--panel-width),100vw);height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:5rem;border-left:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--panel-shadow);animation:workspace-panel-in .3s cubic-bezier(.25,1,.5,1)}.workspace-panel-scrim{display:none}.workspace-panel-scrim[data-open=true]{--scrim-core: min(var(--panel-width), 100vw);--scrim-fade: max(calc(50vw - var(--panel-width)), 9rem);position:fixed;inset:0 0 0 auto;z-index:39;display:block;width:min(100vw,calc(var(--scrim-core) + var(--scrim-fade)));background:linear-gradient(to left,rgb(var(--scrim-rgb) / calc(.6 * var(--scrim-strength))) var(--scrim-core),rgb(var(--scrim-rgb) / calc(.34 * var(--scrim-strength))) calc(var(--scrim-core) + var(--scrim-fade) * .25),rgb(var(--scrim-rgb) / calc(.15 * var(--scrim-strength))) calc(var(--scrim-core) + var(--scrim-fade) * .5),rgb(var(--scrim-rgb) / calc(.04 * var(--scrim-strength))) calc(var(--scrim-core) + var(--scrim-fade) * .75),transparent calc(var(--scrim-core) + var(--scrim-fade)));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to left,rgb(0 0 0) var(--scrim-core),rgb(0 0 0 / .75) calc(var(--scrim-core) + var(--scrim-fade) * .25),rgb(0 0 0 / .45) calc(var(--scrim-core) + var(--scrim-fade) * .5),rgb(0 0 0 / .18) calc(var(--scrim-core) + var(--scrim-fade) * .75),transparent calc(var(--scrim-core) + var(--scrim-fade)));mask-image:linear-gradient(to left,rgb(0 0 0) var(--scrim-core),rgb(0 0 0 / .75) calc(var(--scrim-core) + var(--scrim-fade) * .25),rgb(0 0 0 / .45) calc(var(--scrim-core) + var(--scrim-fade) * .5),rgb(0 0 0 / .18) calc(var(--scrim-core) + var(--scrim-fade) * .75),transparent calc(var(--scrim-core) + var(--scrim-fade)));pointer-events:none;animation:workspace-scrim-in .3s cubic-bezier(.25,1,.5,1)}@keyframes workspace-panel-in{0%{transform:translate(2.5rem);opacity:0}}@keyframes workspace-scrim-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.workspace-panel-host[data-open=true],.workspace-panel-scrim[data-open=true]{animation:none}}.workspace-panel-host[data-open=true][data-instant=true],.workspace-panel-scrim[data-open=true][data-instant=true]{animation:none}@media(min-width:120rem){.workspace-panel-host[data-open=true]{position:relative;inset:auto;z-index:auto;flex:0 0 var(--panel-width);width:auto;height:auto;min-height:100svh;align-self:flex-start;overflow:visible;box-shadow:none;animation:none}.workspace-panel-scrim[data-open=true]{display:none}}.workspace-panel[data-slot=dialog-content]{--panel-pad: 1.5rem;position:relative;inset:auto;display:flex;width:100%;min-width:0;max-width:100%;height:auto;min-height:100dvh;max-height:none;flex-direction:column;gap:1rem;overflow:visible;padding:var(--panel-pad);transform:none;border:0;border-radius:0;background:var(--panel);box-shadow:none;overflow-wrap:anywhere}.workspace-panel[data-slot=dialog-content]:has([data-slot=dialog-section]){--panel-pad: 0rem;gap:0}.workspace-panel[data-panel-hidden=true]{display:none}.workspace-panel>form{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.workspace-panel [data-slot=dialog-header]{border-bottom:1px solid var(--line-strong)}.workspace-panel>[data-slot=dialog-header],.workspace-panel>form>[data-slot=dialog-header]{position:sticky;top:0;z-index:5;min-height:3.5rem;margin:calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1) .5rem;padding:1.125rem 3.5rem 1rem 1.5rem;background:var(--panel)}.workspace-panel[data-slot=dialog-content]:has([data-slot=dialog-section])>[data-slot=dialog-header],.workspace-panel[data-slot=dialog-content]:has([data-slot=dialog-section])>form>[data-slot=dialog-header]{margin-bottom:0}.workspace-panel>[data-slot=dialog-title]{padding-right:2rem}.workspace-panel [data-slot=dialog-footer]{position:sticky;bottom:0;z-index:5;min-height:3.875rem;padding:.75rem 1.5rem;box-shadow:var(--bar-shadow);background:var(--panel)}.workspace-panel>[data-slot=dialog-footer],.workspace-panel>form>[data-slot=dialog-footer]{margin:auto calc(var(--panel-pad) * -1) calc(var(--panel-pad) * -1)}.workspace-panel [data-slot=dialog-footer] [data-slot=button]:not([data-size^=icon]){height:1.875rem;padding-inline:.75rem;font-size:.75rem}.workspace-panel [data-slot=dialog-section]{box-shadow:inset 0 -1px 0 var(--line-strong)}.workspace-panel [data-slot=dialog-section]:last-child,.workspace-panel [data-slot=dialog-section]:has(+[data-slot=dialog-footer],+.workspace-panel-actions){box-shadow:none}.workspace-panel-actions{position:sticky;top:var(--panel-pad);z-index:6;order:-1;height:0;margin-bottom:-1rem}.workspace-panel-close{position:absolute;top:calc(.8125rem - var(--panel-pad));right:calc(1rem - var(--panel-pad))}.workspace-panel:has([data-slot=dialog-section])>.workspace-panel-actions{margin-bottom:0}[data-slot=sidebar-inset]{container:workspace-main / inline-size}@container workspace-main (max-width: 52rem){.settings-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.settings-layout>nav{flex-direction:row}.settings-layout>section{padding:1rem}}@container workspace-panel (max-width: 36rem){.workspace-panel .grid:not([role],[data-cols]){grid-template-columns:minmax(0,1fr)}.workspace-panel .grid:not([role],[data-cols])>*{grid-column:auto}}.workspace-panel[data-standalone=true]{position:fixed;inset:0 0 0 auto;z-index:40;width:min(100%,36rem);height:100dvh;overflow-y:auto;border-left:1px solid var(--line-strong)}
