@scope([data-example]){:scope [data-slot=drawer-content]>:is([data-slot=stack],form){width:auto;max-width:none}:scope [data-slot=drawer-content] :is([data-slot=field],[data-slot=field-control],textarea,input:not([type=checkbox],[type=radio],[type=hidden])){box-sizing:border-box;width:100%;max-width:none}:scope[data-example=drawer\/basic] [data-slot=drawer-content]>[data-slot=row]{flex-wrap:nowrap;justify-content:space-between}:scope[data-example=drawer\/basic] [data-slot=drawer-content]>[data-slot=row]>[data-slot=stack]{text-align:center;flex:1;align-items:center;gap:0}:scope[data-example=drawer\/basic] [data-slot=drawer-content]>[data-slot=row]>[data-slot=stack]>:first-child{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:600;line-height:1.1}[data-slot=drawer-backdrop][data-hidden]{display:none}[data-slot=drawer-content]{gap:var(--space-4);box-sizing:border-box;width:100%;max-height:85dvh;padding:18px;padding-bottom:max(18px, env(safe-area-inset-bottom));background:var(--surface-3);box-shadow:var(--shadow-3);color:var(--ink);outline:none;flex-direction:column;display:flex;position:relative}[data-slot=drawer-content]:after{background:inherit;content:"";position:absolute}[data-slot=drawer-content]:is([data-side=bottom],[data-side=top]){max-width:32rem;height:fit-content;margin-inline:auto}[data-slot=drawer-content][data-side=bottom]{border-radius:var(--radius-popup) var(--radius-popup) 0 0}[data-slot=drawer-content][data-side=bottom]:after{inset-inline:0;height:6rem;box-shadow:-1px 0 0 var(--line), 1px 0 0 var(--line);top:100%}[data-slot=drawer-content][data-side=top]{border-radius:0 0 var(--radius-popup) var(--radius-popup)}[data-slot=drawer-content][data-side=top]:after{inset-inline:0;height:6rem;box-shadow:-1px 0 0 var(--line), 1px 0 0 var(--line);bottom:100%}[data-slot=drawer-content]:is([data-side=left],[data-side=right]){width:20rem;max-width:85vw;height:100%;max-height:none}[data-slot=drawer-content][data-side=left]{border-radius:0 var(--radius-popup) var(--radius-popup) 0}[data-slot=drawer-content][data-side=left]:after{inset-block:0;width:6rem;box-shadow:0 -1px 0 var(--line), 0 1px 0 var(--line);right:100%}[data-slot=drawer-content][data-side=right]{border-radius:var(--radius-popup) 0 0 var(--radius-popup)}[data-slot=drawer-content][data-side=right]:after{inset-block:0;width:6rem;box-shadow:0 -1px 0 var(--line), 0 1px 0 var(--line);left:100%}[data-slot=drawer-content][data-snap-point]:not([data-snap-point=content]){height:calc(100dvh - 3rem);max-height:none}[data-slot=drawer-content][data-nested-open]{scale:.97}[data-slot=drawer-content][data-dragging]{-webkit-user-select:none;user-select:none}[data-slot=drawer-content]>:is([data-slot=stack],form){align-items:stretch}[data-slot=drawer-content]>[data-slot=stack]:has(>[data-slot=drawer-title]){gap:var(--space-1)}[data-slot=drawer-content]>form{gap:var(--space-3);flex-direction:column;display:flex}[data-slot=drawer-content]>[data-slot=stack]:last-child{margin-top:auto}[data-slot=drawer-content]>[data-slot=stack]:has([data-slot=drawer-close]){gap:var(--space-2)}[data-slot=drawer-content]>[data-slot=row]{justify-content:flex-end}[data-slot=drawer-content]>[data-slot=scroll]{flex:1;min-height:0;max-height:none;margin:0 -18px;padding:0 18px;overflow-y:auto}[data-slot=drawer-content] [data-slot=list]{width:auto}[data-slot=drawer-content] [data-slot=drawer-close][aria-label]{top:var(--space-3);width:var(--size-sm);height:var(--size-sm);box-shadow:none;color:var(--muted);background:0 0;padding:0;position:absolute;inset-inline-end:var(--space-3)}[data-slot=drawer-content] [data-slot=drawer-close][aria-label]:hover{background:var(--tint);color:var(--ink)}[data-slot=drawer-title]{margin:0;font-size:15px;font-weight:600;line-height:22px}[data-slot=drawer-description]{color:var(--muted);font-size:var(--text-md);margin:0}[data-slot=drawer-handle]{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-row);color:var(--muted);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;cursor:default;background:0 0;border:0;flex-direction:column;flex-shrink:0;margin-inline:auto;display:flex}[data-slot=drawer-handle]:empty{box-sizing:content-box;width:36px;height:4px;padding:var(--space-1);background:var(--line-faint);background-clip:content-box;border-radius:999px}[data-slot=drawer-handle]:hover:empty{background-color:var(--line)}[data-slot=drawer-handle] svg[data-disabled]{color:var(--line-disabled)}:scope[data-example=drawer\/scrollable] [data-slot=drawer-content]>[data-slot=scroll]{max-height:18rem;padding-block:var(--space-3);border-block:1px solid var(--line-faint)}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list]){align-items:center}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list])>[data-slot=list]{width:22rem;max-width:100%}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list])>[data-slot=list]>li{padding:0}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list])>[data-slot=list] button{width:100%;height:auto;padding:var(--space-2) var(--space-3);box-shadow:none;background:0 0;justify-content:space-between;font-weight:400}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list])>[data-slot=list] button:hover{background:var(--tint)}:scope[data-example=drawer\/non-modal] [data-slot=stack]:has(>[data-slot=list])>[data-slot=list] button[aria-pressed=true]{background:var(--tint);color:var(--ink);font-weight:600}:scope[data-example=drawer\/outlet] [data-slot=drawer-outlet]{width:28rem;max-width:100%}:scope[data-example=drawer\/outlet] [data-slot=drawer-outlet]>[data-slot=row]{padding:0 var(--space-3) var(--space-3);justify-content:space-between;font-weight:600}:scope[data-example=drawer\/outlet] [data-slot=drawer-outlet]>[data-slot=list]{width:auto}[data-slot=drawer-outlet]{transform-origin:top;display:block}}