.drawer-layer{padding:var(--spacing-inset);grid-template-rows:minmax(0,1fr);justify-items:end}.drawer{background:var(--color-background);border-radius:var(--rounded-radius-xl);width:min(480px,100%);height:100%;box-shadow:var(--elevation-3);flex-direction:column;display:flex;position:relative;overflow:clip}.drawer-layer.is-stacked .scrim{background:color-mix(in srgb, var(--color-overlay) 20%, transparent)}.drawer-layer.is-stacked .drawer{width:min(440px,100%)}.drawer-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-space-3);padding:var(--spacing-space-5) var(--spacing-space-6);background:var(--color-card);border-bottom:1px solid var(--color-border);display:flex}.drawer-title{font:var(--text-heading-md)}.drawer-subtitle{font:var(--text-body-sm);color:var(--color-muted-foreground);margin-top:2px}.drawer-header-actions{gap:var(--spacing-space-1);align-items:center;margin:-4px -8px 0 0;display:flex}.drawer-body{min-height:0;padding:var(--spacing-space-5) var(--spacing-space-6);gap:var(--spacing-space-4);flex:1;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;overflow-y:auto}.drawer-body .card{padding:var(--spacing-space-4) var(--spacing-space-5);border-radius:var(--rounded-radius-lg)}.drawer-footer{justify-content:flex-end;gap:var(--spacing-space-2);padding:var(--spacing-space-4) var(--spacing-space-6);background:var(--color-card);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.drawer-footer .drawer-footer-start{margin-right:auto}@media (width<=767px){.drawer-layer{padding:var(--spacing-space-2)}.drawer{width:100%}.drawer-header,.drawer-body,.drawer-footer{padding-left:var(--spacing-space-4);padding-right:var(--spacing-space-4)}.drawer-layer.is-sheet{place-items:end stretch;padding:0}.drawer-layer.is-sheet .drawer{border-radius:var(--rounded-radius-xl) var(--rounded-radius-xl) 0 0;height:auto;max-height:85vh}.drawer-layer.is-sheet .drawer-header{border-radius:var(--rounded-radius-xl) var(--rounded-radius-xl) 0 0;padding-top:var(--spacing-space-6);position:relative}.drawer-layer.is-sheet .drawer-header:before{content:"";top:var(--spacing-space-2);background:var(--color-input);border-radius:2px;width:36px;height:4px;position:absolute;left:50%;translate:-50%}}.drawer:focus,.drawer:focus-visible{outline:none}.drawer-error{padding:0 var(--spacing-space-6) var(--spacing-space-4)}@media (width<=767px){.drawer-error{padding:0 var(--spacing-space-4) var(--spacing-space-4)}}