.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:100%;height:86%;max-height:100%;margin:0;padding:0;border:none;background:#fff;border-radius:1.75rem 1.75rem 0 0;box-shadow:0 -8px 30px rgba(36,36,36,.18);overflow:hidden;z-index:999;--sheet-duration: 380ms;--sheet-content-padding: 1.5rem;transform:translateY(100%);transition:transform var(--sheet-duration) cubic-bezier(0.32, 0.72, 0, 1),overlay var(--sheet-duration) allow-discrete,display var(--sheet-duration) allow-discrete}.sheet[open]{transform:none}.sheet:focus-visible{outline:none}.sheet::backdrop{background:rgba(36,36,36,.45);opacity:0;transition:opacity var(--sheet-duration) ease}.sheet[open]::backdrop{opacity:var(--sheet-scrim-opacity, 1)}.sheet[data-dragging],.sheet[data-dragging]::backdrop{transition:none}@starting-style{.sheet[open]{transform:translateY(100%)}.sheet[open]::backdrop{opacity:0}}.sheet__body{display:flex;flex-direction:column;height:100%}.sheet__grabber{flex:none;display:flex;justify-content:center;align-items:flex-start;width:100%;padding-block:.75rem;cursor:grab;touch-action:none}.sheet__grabber::before{content:"";width:2.625rem;height:.3125rem;border-radius:9999px;background:#c3c2bd}.sheet__content{flex:1;overflow:auto;overscroll-behavior:contain;padding-inline:var(--sheet-content-padding);padding-bottom:var(--sheet-content-padding)}@media screen and (min-width: 768px){.sheet{--sheet-duration: 360ms;inset:0 0 0 auto;width:30rem;height:auto;border-radius:1.25rem 0 0 1.25rem;box-shadow:-14px 0 30px rgba(36,36,36,.14),-4px 0 10px rgba(36,36,36,.08);transform:translateX(100%)}@starting-style{.sheet[open]{transform:translateX(100%)}}.sheet__grabber{display:none}}@media(prefers-reduced-motion: reduce){.sheet,.sheet::backdrop{transition:none}}