@layer reset,tokens,base;@layer ui{.mf-sheet{z-index:var(--z-sheet);pointer-events:none;position:absolute;inset:0}.mf-sheet[data-phase=closing]{z-index:calc(var(--z-sheet) - 1)}.mf-sheet__scrim{background:var(--scrim);opacity:calc(1 - var(--sheet-progress,0));transition:opacity var(--dur-sheet) var(--ease-standard);pointer-events:auto;position:absolute;inset:0}.mf-sheet[data-variant=decision] .mf-sheet__scrim{background:var(--scrim-strong)}.mf-sheet[data-phase=entering] .mf-sheet__scrim{opacity:0;transition:none}.mf-sheet[data-phase=closing] .mf-sheet__scrim{opacity:0;transition-duration:var(--dur-exit)}.mf-sheet[data-dragging] .mf-sheet__scrim{transition:none}.mf-sheet__panel{inline-size:min(100%, var(--sheet-max-w));border:var(--hairline) solid var(--sheet-edge,var(--line));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--sheet-bg,var(--surface-2));max-block-size:85dvh;color:var(--text);box-shadow:var(--sheet-shadow,var(--elev-2));overscroll-behavior:contain;pointer-events:auto;transform:translateY(var(--sheet-drag,0px));transition:transform var(--dur-sheet) var(--ease-decel);border-block-end:0;flex-direction:column;margin-inline:auto;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.mf-sheet[data-phase=entering] .mf-sheet__panel{transition:none;transform:translateY(100%)}.mf-sheet[data-phase=closing] .mf-sheet__panel{transition:transform var(--dur-exit) var(--ease-accel);transform:translateY(100%)}.mf-sheet[data-dragging] .mf-sheet__panel{transition:none}.mf-sheet__head{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--hit-lg);padding:0 var(--space-2) 0 var(--gutter-p);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;display:flex;position:relative}.mf-sheet__grabber{inline-size:var(--grabber-w);block-size:var(--grabber-h);border-radius:var(--radius-full);background:var(--text-3);opacity:.6;margin-inline-start:calc(var(--grabber-w) / -2);position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%}.mf-sheet__title{font:var(--text-title);overflow-wrap:anywhere}.mf-sheet__actions{align-items:center;gap:var(--space-1);flex:none;margin-inline-start:auto;display:flex}.mf-sheet[data-covered] .mf-sheet__panel{visibility:hidden}@media not ((width>=700px) and (any-pointer:fine)){.mf-sheet:not([data-variant=menu]) .mf-sheet__head{padding-block-start:calc(var(--space-2) + var(--grabber-h) + var(--space-2))}}.mf-sheet__body{min-block-size:0;padding:0 var(--gutter-p) calc(var(--space-4) + var(--sab));overscroll-behavior:contain;flex:auto;overflow-y:auto}.mf-sheet__foot{gap:var(--space-2);padding:var(--space-3) var(--gutter-p) calc(var(--space-4) + var(--sab));border-block-start:var(--hairline) solid var(--line);flex:none;display:flex}.mf-sheet__foot>*{flex:1 1 0;min-inline-size:0}.mf-sheet__panel:has(.mf-sheet__foot) .mf-sheet__body{padding-block-end:var(--space-4)}}@layer sheet-card{@media (width>=700px) and (any-pointer:fine){.mf-sheet__panel{inline-size:min(100%, var(--card-w));border-block-end:var(--hairline) solid var(--line);border-radius:var(--radius-l);opacity:1;block-size:fit-content;max-block-size:80vh;transition:transform var(--dur-sheet) var(--ease-decel), opacity var(--dur-sheet) var(--ease-standard);margin:auto;inset-block:0;transform:none}.mf-sheet[data-phase=entering] .mf-sheet__panel{transform:translateY(var(--space-5));opacity:0;transition:none}.mf-sheet[data-phase=closing] .mf-sheet__panel{transform:translateY(var(--space-5));opacity:0;transition:transform var(--dur-exit) var(--ease-accel), opacity var(--dur-exit) var(--ease-standard)}.mf-sheet__grabber{display:none}.mf-sheet__head{touch-action:auto}}}@layer reduced-motion{@media (prefers-reduced-motion:reduce){.mf-sheet__panel{transition:opacity var(--dur-fast) linear}.mf-sheet[data-phase=entering] .mf-sheet__panel,.mf-sheet[data-phase=closing] .mf-sheet__panel{transform:translateY(var(--sheet-drag,0px));opacity:0;transition:opacity var(--dur-fast) linear}.mf-sheet[data-phase=entering] .mf-sheet__panel{transition:none}.mf-sheet__scrim{transition-duration:var(--dur-fast)}}:root[data-level=off] .mf-sheet__panel,:root[data-level=off] .mf-sheet__scrim{transition:none}}@layer shell,board,fx;@layer overlays{.mf-sheetnote{font:var(--text-small);color:var(--text-2)}.mf-sheetnote[data-tone=warning]{color:var(--danger-text)}.mf-sheetnote[role=alert]{justify-items:start;gap:var(--space-3);border-inline-start:2px solid var(--danger);color:var(--text);padding-inline-start:var(--space-3);display:grid}}@layer screens,room;@layer forced{@media (forced-colors:active){.mf-sheet__panel{border:var(--hairline) solid CanvasText}.mf-sheet__grabber{forced-color-adjust:none;background:graytext}}}
