.app-sheet-scrim{background:var(--sys-scrim);inset:0;opacity:0;position:fixed;z-index:70}.app-sheet{background:var(--ds-surface);color:var(--ds-text);display:flex;flex-direction:column;outline:none;position:fixed;z-index:80}.app-sheet.is-dialog{border:1px solid var(--sys-separator);border-radius:18px;box-shadow:var(--sys-menu-shadow);height:-moz-fit-content;height:fit-content;inset:0;margin:auto;max-height:calc(100dvh - 64px);opacity:0;width:min(var(--app-sheet-width),calc(100vw - 32px))}.app-sheet.is-sheet{border-radius:18px 18px 0 0;inset-inline:0;bottom:0;box-shadow:var(--sys-sheet-shadow);max-height:calc(100dvh - 48px);padding-bottom:env(safe-area-inset-bottom,0);touch-action:none;transform:translateY(100%);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity}.app-sheet.is-dialog.is-fixed{height:min(var(--app-sheet-height),calc(100dvh - 64px))}.app-sheet.is-sheet.is-fixed{height:calc(100dvh - 48px)}.app-sheet.is-sheet:after{background:var(--ds-surface);content:"";height:200px;inset-inline:0;position:absolute;top:100%}.app-sheet-body{min-height:0;overflow:hidden}.app-sheet-body.is-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}@media(prefers-contrast:more){.app-sheet{border:1px solid var(--ds-border)}}