{"version":3,"file":"BottomSheet.module.cjs","names":[],"sources":["../../../src/components/BottomSheet/BottomSheet.module.css"],"sourcesContent":[".root {\n    position: fixed;\n    inset: 0;\n    z-index: 60;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n}\n\n.backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgb(0 0 0 / 0.45);\n    animation: fadeIn var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n}\n\n.sheet {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    max-height: 90dvh;\n    background: var(--tempest-surface);\n    border-top-left-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    border-top-right-radius: var(--tempest-radius-2xl, var(--tempest-radius-lg));\n    box-shadow: var(--tempest-shadow-xl, 0 -10px 30px rgb(0 0 0 / 0.25));\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding-bottom: env(safe-area-inset-bottom, 0);\n    animation: slideUp var(--tempest-duration-base, 240ms) var(--tempest-ease-out, ease-out);\n    font-family: var(--tempest-font-sans);\n}\n\n.handle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 0;\n    padding: var(--tempest-space-2) 0;\n    cursor: grab;\n    flex: 0 0 auto;\n}\n\n.handleBar {\n    display: block;\n    width: 36px;\n    height: 4px;\n    background: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n}\n\n.title {\n    flex: 0 0 auto;\n    padding: var(--tempest-space-2) var(--tempest-space-4) var(--tempest-space-3);\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.body {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-4);\n    color: var(--tempest-text);\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .backdrop,\n    .sheet {\n        animation: none;\n    }\n}\n"],"mappings":";"}