@layer components{.dialog{margin:calc(var(--spacing,.25rem) * 2);max-height:calc(100svh - calc(var(--spacing,.25rem) * 4));overflow:clip;width:calc(100svw - calc(var(--spacing,.25rem) * 4))}.dialog .dialog-header{align-items:center;display:flex;gap:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 3)}.dialog .dialog-header .dialog-header-title{flex-grow:1;font-size:var(--text-lg)}.dialog .dialog-content{overflow-y:auto}.dialog.dialog-styles{background-color:var(--color-global-background);border:1px solid var(--color-global-background-accent);border-radius:var(--radius-md)}@media(min-width:40rem){.dialog.dialog-styles{box-shadow:var(--shadow-heavy);height:auto}}.dialog.dialog-styles .dialog-header{margin-inline:calc(var(--spacing,.25rem) * 3);margin-top:calc(var(--spacing,.25rem) * 3)}.dialog.dialog-styles .dialog-header.header-styles{border-bottom:1px solid var(--color-global-background-accent)}.dialog.dialog-styles .dialog-content{padding:calc(var(--spacing,.25rem) * 3)}@media(orientation:landscape){.dialog.dialog-sidebar-header{display:flex;flex-direction:row!important}.dialog.dialog-sidebar-header .dialog-content{flex-grow:1}.dialog.dialog-sidebar-header .dialog-header{flex-direction:column;margin-left:0;order:2;padding-bottom:0;padding-left:calc(var(--spacing,.25rem) * 3)}.dialog.dialog-sidebar-header .dialog-header .dialog-header-title{order:2;text-orientation:mixed;writing-mode:vertical-lr}.dialog.dialog-sidebar-header .dialog-header.header-styles{border-bottom:none}.dialog.dialog-sidebar-header.dialog-styles .dialog-header.header-styles{border-left:1px solid var(--color-global-background-accent)}}}