.bottom-sheet-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:auto;transition:background-color .4s ease-out}.bottom-sheet-backdrop.open{background-color:#00000080}.bottom-sheet-backdrop.closing{background-color:#0000;transition:background-color .3s ease-out}.bottom-sheet-content{background-color:var(--bg-color);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;width:100%;max-width:100vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);animation:bottom-sheet-slide-up .4s cubic-bezier(.32,.72,0,1) forwards;will-change:transform;pointer-events:auto}.bottom-sheet-content:focus{outline:none}.bottom-sheet-content.animation-complete{animation:none}.bottom-sheet-content.dragging{animation:none!important;transition:none!important}.bottom-sheet-drag-handle-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-medium) 0;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none}.bottom-sheet-drag-handle-container:active{cursor:grabbing}.bottom-sheet-drag-handle-container{position:relative}.bottom-sheet-drag-handle-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;min-height:44px}.bottom-sheet-drag-handle{width:40px;height:4px;background-color:var(--border-color);border-radius:2px;opacity:.6;transition:opacity .2s ease}.bottom-sheet-drag-handle-container:hover .bottom-sheet-drag-handle{opacity:1}.bottom-sheet-header{padding:var(--spacing-medium);padding-top:0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-medium);flex-shrink:0}.bottom-sheet-title{font-size:20px;font-weight:600;line-height:1.4;color:var(--text-color);margin:0}.bottom-sheet-close-button{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--text-color-secondary);transition:all .2s ease;flex-shrink:0;-webkit-user-select:none;user-select:none}.bottom-sheet-close-button:hover{background-color:var(--bg-hover);color:var(--text-color)}.bottom-sheet-close-button:active{transform:scale(.95)}.bottom-sheet-close-button:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.bottom-sheet-body{padding:var(--spacing-medium);overflow:auto;flex:1 1 auto;min-height:0}.bottom-sheet-footer{flex-shrink:0;border-top:1px solid var(--border-color);background-color:var(--bg-color);padding:var(--spacing-medium);padding-bottom:calc(var(--spacing-medium) + env(safe-area-inset-bottom,0px))}@keyframes bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-color-scheme: dark){.bottom-sheet-backdrop.open{background-color:#000000b3}.bottom-sheet-content{box-shadow:0 -4px 24px #0006}}@media (max-width: 768px){.bottom-sheet-content{max-width:100vw;border-radius:16px 16px 0 0}}@media (min-width: 769px){.bottom-sheet-content{max-width:600px;border-radius:16px 16px 0 0}}