.bottom-sheet-overlay{position:fixed;inset:0;background-color:rgb(0 0 0/45%);z-index:249;opacity:0;pointer-events:none;transition:opacity .3s ease}.bottom-sheet-overlay.is-visible{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:calc(100dvh - 144px);border-radius:1.6rem 1.6rem 0 0;background-color:var(--white);box-shadow:0 -4px 16px rgb(0 0 0/12%);z-index:250;will-change:transform;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateY(100dvh)}.bottom-sheet.is-animating{transition:transform .3s ease-out}.bottom-sheet-handle-area{flex-shrink:0;display:flex;justify-content:center;padding:1.6rem 0 .4rem;cursor:-webkit-grab;cursor:grab}.bottom-sheet-handle-area:active{cursor:-webkit-grabbing;cursor:grabbing}.bottom-sheet-handle{width:6.4rem;height:.4rem;border-radius:1.2rem;background-color:var(--border03)}.bottom-sheet-header{flex-shrink:0;padding:0 2rem 1.2rem}.bottom-sheet-title{margin:0;font-size:1.8rem;font-weight:700;color:var(--color01)}.bottom-sheet-sticky-header{flex-shrink:0;padding:0 2rem 2.4rem;background-color:var(--white)}.bottom-sheet-content{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:3.2rem calc(2rem + env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) calc(2rem + env(safe-area-inset-left));background-color:var(--bg01)}@media (min-width:769px){.bottom-sheet,.bottom-sheet-overlay{display:none}}