@scope([data-style-owner=dialog]) to (:scope .dialog,:scope [data-style-owner]:not([data-style-owner=dialog])>*){@keyframes sheet-enter{0%{translate:100%}to{translate:0}}:where(:scope,*).dialog-overlay{z-index:40;background:var(--color-backdrop);position:fixed;inset:0}:where(:scope,*).dialog-overlay[data-state=open]{animation:fade-in var(--motion-fast) ease-out both}:where(:scope,*).dialog-overlay[data-state=closed]{animation:fade-out var(--motion-fast) ease-in both}:where(:scope,*).dialog{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex;position:relative;container:item-window/inline-size}:where(:scope,*).dialog[data-layout=fill]{height:100%}:where(:scope,*).dialog-window{z-index:41;width:min(var(--dialog-width,640px), calc(100vw - 48px));max-height:88dvh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:where(:scope,*).dialog[data-appearance=standard]{background:var(--color-surface);border-radius:var(--control-radius);box-shadow:var(--shadow-dialog)}:where(:scope,*).dialog[data-state=open]{animation:dialog-enter var(--motion-fast) ease-out both}:where(:scope,*).dialog:focus{outline:none}:where(:scope,*).dialog[data-presentation=sheet]{width:min(var(--dialog-width,640px), 100vw);border-radius:0;height:100dvh;max-height:100dvh;top:0;left:auto;right:0;transform:none}:where(:scope,*).dialog[data-presentation=sheet][data-state=open]{animation:sheet-enter var(--motion-fast) ease-out both}:where(:scope,*).dialog[data-presentation=popover]{top:clamp(24px, var(--dialog-anchor-top), 35dvh);left:clamp(24px, var(--dialog-anchor-left), calc(100vw - min(var(--dialog-width,640px), calc(100vw - 48px)) - 24px));max-height:60dvh;transform:none}:where(:scope,*).dialog[data-presentation=popover][data-state=open],:where(:scope,*).dialog[data-appearance=theater][data-state=open]{animation-name:fade-in}:where(:scope,*).dialog-overlay[data-contained],:where(:scope,*).dialog[data-contained]{position:absolute}:where(:scope,*).dialog[data-contained]{width:min(var(--dialog-width,640px), calc(100% - var(--space-4)));max-height:calc(100% - var(--space-4))}:where(:scope,*).dialog[data-size=xs]{--dialog-width:360px}:where(:scope,*).dialog[data-size=sm]{--dialog-width:480px}:where(:scope,*).dialog[data-size=md]{--dialog-width:640px}:where(:scope,*).dialog[data-size=lg]{--dialog-width:800px}:where(:scope,*).dialog[data-size=xl]{--dialog-width:1000px}:where(:scope,*).dialog-window[data-layout=fill]{height:88dvh}:where(:scope,*).dialog-overlay[data-appearance=theater]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-on-color-dark)}:where(:scope,*).dialog[data-appearance=theater]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:100%;max-height:none;box-shadow:none;color:var(--color-ink);background:0 0;border-radius:0;inset:0;transform:none}:where(:scope,*).dialog[data-appearance=theater] .dialog-body{padding:0;overflow:hidden}:where(:scope,*).dialog[data-layout=fill] .dialog-main{flex-basis:0}:where(:scope,*).dialog-body-content>.dialog-slot:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}:where(:scope,*).dialog-body-content>.dialog-slot>*{flex-shrink:0}:where(:scope,*).dialog-body-content>.dialog-slot>[data-fill]{min-height:0}:where(:scope,*).dialog[data-appearance=theater] .dialog-body-content{height:100%;min-height:0}:where(:scope,*).dialog[data-appearance=theater] .dialog-body-content>.dialog-slot:not([hidden]){height:100%}:where(:scope,*).dialog[data-appearance=theater] .dialog-floating-close{top:max(var(--space-3), env(safe-area-inset-top));right:max(var(--space-3), env(safe-area-inset-right))}:where(:scope,*).dialog-actions{align-items:stretch;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}:where(:scope,*).dialog-content{display:contents}:where(:scope,*).dialog-main{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}:where(:scope,*).dialog[data-appearance=standard][data-scrolled=true] .dialog-main:before{content:"";background:var(--color-line);pointer-events:none;z-index:1;height:1px;position:absolute;inset:0 0 auto}:where(:scope,*).dialog[data-aside=true]:not([data-layout=flow]){overflow:hidden}:where(:scope,*).dialog[data-aside=true] .dialog-main{grid-template-columns:var(--dialog-aside-columns);min-height:0;display:grid}:where(:scope,*).dialog-window[data-aside=true] .dialog-main{height:min(600px,80dvh)}:where(:scope,*).dialog-aside{background:var(--color-subtle);min-width:0;min-height:0}:where(:scope,*).dialog:not([data-layout=flow]) .dialog-aside{overflow:auto}:where(:scope,*).dialog-aside[hidden]{display:none}:where(:scope,*).dialog-aside>.dialog-slot:not([hidden]){height:100%}@container item-window (width<=36rem){:where(:scope,*).dialog[data-aside=true] .dialog-main{height:auto;display:flex}:where(:scope,*).dialog:not([data-layout=flow])[data-aside=true] .dialog-main{overflow-y:auto}:where(:scope,*).dialog:not([data-layout=flow])[data-aside=true] .dialog-aside{flex:0 0 12rem;height:12rem}:where(:scope,*).dialog[data-aside=true] .dialog-body{overflow-y:visible}}:where(:scope,*).dialog-floating-close{inset:var(--space-3) var(--space-3) auto auto;z-index:3;position:absolute}:where(:scope,*).dialog-heading[data-empty=true]{height:0;padding:0;overflow:hidden}:where(:scope,*).dialog-heading{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--page-gutter);flex-shrink:0;display:flex}:where(:scope,*).dialog-heading:not([data-empty=true]){z-index:1;box-shadow:0 1px 0 var(--color-line);position:relative}:where(:scope,*).dialog-heading-content{flex:1 1 0;min-width:0}:where(:scope,*).dialog:not([data-layout=flow]) .dialog-heading-content{overscroll-behavior:contain;max-height:38dvh;overflow-y:auto}:where(:scope,*).dialog-heading>.dialog-actions{flex-shrink:1;min-width:0}:where(:scope,*).dialog-actions>.dialog-slot:not([hidden]){flex:0 auto;min-width:0}:where(:scope,*).dialog-body{flex-direction:column;flex:auto;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}:where(:scope,*).dialog-scroll{overscroll-behavior:contain;flex:auto}:where(:scope,*).dialog-fixed{padding:4px var(--page-gutter) 16px;flex:none;min-height:0}:where(:scope,*).dialog:not([data-layout=flow]) .dialog-fixed{overscroll-behavior:contain;max-height:26dvh;overflow-y:auto}:where(:scope,*).dialog-footer{padding:12px var(--page-gutter) 24px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;display:flex}:where(:scope,*).dialog:not([data-layout=flow]) .dialog-footer{max-height:26dvh;overflow-y:auto}:where(:scope,*).dialog-footer-content{flex:16rem;min-width:0}:where(:scope,*).dialog-footer>.dialog-actions{flex:16rem;min-width:0;max-width:100%}:where(:scope,*).dialog-fixed[hidden],:where(:scope,*).dialog-footer[hidden],:is(:where(:scope,*).dialog-actions:empty,:where(:scope,*).dialog-footer>:is(.dialog-footer-content,.dialog-actions):not(:has(>:not([hidden])))){display:none}:where(:scope,*).dialog-toast-host{flex-shrink:0;height:0;position:relative}@media (prefers-reduced-motion:reduce){:where(:scope,*).dialog-overlay[data-state=closed]{animation:1ms linear both fade-out!important}}@media (width<=760px){:where(:scope,*).dialog-window{width:100%;max-height:94dvh;top:auto;bottom:0;left:0;transform:none}:where(:scope,*).dialog[data-appearance=standard]{border-radius:var(--control-radius) var(--control-radius) 0 0}:where(:scope,*).dialog[data-layer]{border-radius:0;height:100dvh;max-height:none;top:0}:where(:scope,*).dialog[data-layer]>.dialog-content>.dialog-heading{padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) var(--space-2);box-shadow:none}:where(:scope,*).dialog[data-aside=true] .dialog-main{height:auto;min-height:0;display:block}:where(:scope,*).dialog:not([data-layout=flow])[data-aside=true] .dialog-main{overflow-y:auto}:where(:scope,*).dialog[data-aside=true] .dialog-body{overflow:visible}:where(:scope,*).dialog:not([data-layout=flow]) .dialog-aside{height:min(52dvh,28rem);overflow:hidden}:where(:scope,*).dialog-fixed{padding:4px var(--page-gutter) 16px}:where(:scope,*).dialog-footer{padding:12px var(--page-gutter) max(24px, env(safe-area-inset-bottom))}}:where(:scope,*).form-header-actions{justify-content:flex-end;min-width:0;display:flex}:where(:scope,*).dialog-form-actions,:where(:scope,*).dialog-heading-utilities{align-items:center;gap:var(--space-2);min-width:0;display:flex}:where(:scope,*).dialog-actions:has(>.dialog-form-actions:not([hidden]))>.dialog-slot:not([hidden]){width:auto}:where(:scope,*).dialog-form-actions:empty{display:none}@media (width<=760px){:where(:scope,*).dialog-heading [data-num-lines]{white-space:normal;display:block;overflow:visible;-webkit-line-clamp:none!important}:where(:scope,*).dialog[data-layer]>.dialog-content>.dialog-heading{padding-inline:var(--page-gutter)}}}