@layer m3-components{.m3-sheet__scrim{inset:0;z-index:var(--md-sys-z-scrim);background:color-mix(in srgb,var(--md-sys-color-scrim) calc(var(--md-sys-opacity-scrim) * 100%),transparent);position:fixed;inset-inline-end:calc(-1 * var(--scrollbar-width,0px))}.m3-sheet__scrim[data-state=open]{animation:m3-sheet-scrim-in var(--md-sys-motion-dur-large) linear both}.m3-sheet__scrim[data-state=closed]{animation:m3-sheet-scrim-out var(--md-sys-motion-dur-large-out) linear both}.m3-sheet{--_w:360px;--_pad:var(--md-sys-pad-dialog);--_dir:1;--_from:calc(var(--md-sys-motion-travel) * var(--_dir) * 100%) 0;z-index:var(--md-sys-z-modal);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);flex-direction:column;display:flex;position:fixed;overflow:hidden}.m3-sheet:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_dir:-1}.m3-sheet[data-side=end]{width:min(var(--_w),100vw - 48px);border-start-start-radius:var(--md-sys-shape-corner-large);border-end-start-radius:var(--md-sys-shape-corner-large);inset-block:0;inset-inline-end:calc(-1 * var(--scrollbar-width,0px))}.m3-sheet[data-side=end][data-size=wide]{--_w:400px}.m3-sheet[data-side=start]{--_w:320px;--_dir:-1;width:min(var(--_w),100vw - 56px);border-start-end-radius:var(--md-sys-shape-corner-large);border-end-end-radius:var(--md-sys-shape-corner-large);inset-block:0;inset-inline-start:0}.m3-sheet[data-side=start]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_dir:1}.m3-sheet[data-side=bottom]{--_from:0 calc(var(--md-sys-motion-travel) * 100%);width:min(640px,100%);max-height:calc(min(100dvh - 72px,90dvh));border-start-start-radius:var(--md-sys-shape-corner-extra-large);border-start-end-radius:var(--md-sys-shape-corner-extra-large);margin-inline:auto;padding-block-end:env(safe-area-inset-bottom,0);inset-block-end:0;inset-inline:0}.m3-sheet[data-state=open]{animation:m3-sheet-in var(--md-sys-motion-dur-large) var(--md-sys-motion-ease-emph-enter) both,m3-sheet-fade var(--md-sys-motion-t-fx-large) both}.m3-sheet[data-state=closed]{animation:m3-sheet-out var(--md-sys-motion-dur-large-out) var(--md-sys-motion-ease-emph-exit) both}.m3-sheet[data-state=open]>*{animation:m3-sheet-fade var(--md-sys-motion-t-fx-large) calc(var(--md-sys-motion-dur-large) * .2) both}.m3-sheet__handle{padding-block:var(--md-sys-space-3) var(--md-sys-space-1);flex:none;justify-content:center;display:flex}.m3-sheet__handle>span{border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 40%,transparent);width:32px;height:4px}.m3-sheet__head{align-items:center;gap:var(--md-sys-space-2);min-height:var(--md-sys-size-app-bar);padding:var(--md-sys-space-2) var(--_pad);border-block-end:var(--md-sys-border-thin) solid transparent;flex:none;display:flex}.m3-sheet__head[data-close]{padding-inline-end:var(--md-sys-space-2)}.m3-sheet__head[data-edge]{border-block-end-color:var(--md-sys-color-outline-variant)}.m3-sheet__title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.m3-sheet__desc{padding:0 var(--_pad) var(--md-sys-space-3);color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;flex:none;margin:0}.m3-sheet__body{overscroll-behavior:contain;min-height:0;padding-inline:var(--_pad);border-block:var(--md-sys-border-thin) solid transparent;flex:auto;overflow-y:auto}.m3-sheet__body[data-bottom]{border-block-end-color:var(--md-sys-color-outline-variant)}.m3-sheet__inner{gap:var(--md-sys-gap-stack);padding-block:var(--md-sys-space-2) var(--md-sys-space-6);display:grid}.m3-sheet__actions{justify-content:flex-end;gap:var(--md-sys-gap-inline);padding:var(--md-sys-space-3) var(--_pad) var(--_pad);flex-wrap:wrap;flex:none;display:flex}@keyframes m3-sheet-in{0%{translate:var(--_from)}}@keyframes m3-sheet-out{to{translate:var(--_from);opacity:0}}@keyframes m3-sheet-fade{0%{opacity:0}}@keyframes m3-sheet-scrim-in{0%{opacity:0}}@keyframes m3-sheet-scrim-out{to{opacity:0}}@media (forced-colors:active){.m3-sheet{border:var(--md-sys-border-thin) solid CanvasText}}}