@layer components{.dialog{margin:calc(var(--spacing,.25rem)*2);width:100%}.dialog .header{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*3);padding-bottom:calc(var(--spacing,.25rem)*3)}.dialog .header .title{flex-grow:1;font-size:var(--text-lg)}.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);height:calc(100% - var(--spacing,.25rem)*4);overflow:clip}@media(min-width:40rem){.dialog.dialog-styles{box-shadow:var(--shadow-heavy);height:auto}}.dialog.dialog-styles .header{margin-inline:calc(var(--spacing,.25rem)*3);margin-top:calc(var(--spacing,.25rem)*3)}.dialog.dialog-styles .header.header-styles{border-bottom:1px solid var(--color-global-background-accent)}.dialog.dialog-styles .content{padding:calc(var(--spacing,.25rem)*3)}}