:root{--sheet-height:30lvh;--optimal-sheet-height:90lvh;--safe-area-inset-top:0px;--safe-area-inset-right:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px;--has-notch:0;--has-home-indicator:0}.bottom-sheet-overlay{background-color:rgba(0,0,0,.5);height:calc(100% - var(--safe-area-inset-top));left:0;opacity:0;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);pointer-events:none;position:fixed;top:0;touch-action:none;transition:opacity .5s ease-in-out,visibility 0s linear;visibility:hidden;width:100%;z-index:var(--z-overlay)}.bottom-sheet-overlay.visible{pointer-events:auto;visibility:visible}.bottom-sheet{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:var(--sheet-height);left:50%;margin-left:env(safe-area-inset-left,0);margin-right:env(safe-area-inset-right,0);max-height:min(var(--optimal-sheet-height),calc(100lvh - env(safe-area-inset-top, 0px)));overscroll-behavior:contain;pointer-events:auto;position:fixed;touch-action:pan-y;transform:translateX(-50%) translateY(100%);transition:transform var(--duration-sheet) var(--ease-sheet),height var(--duration-sheet) var(--ease-sheet),visibility 0s var(--duration-sheet);visibility:hidden;width:min(70vw,var(--activities-list-container-max-width));z-index:var(--z-modal)}.bottom-sheet.visible{transform:translateX(-50%) translateY(0);transition:transform var(--duration-sheet) var(--ease-sheet),height var(--duration-sheet) var(--ease-sheet),visibility 0s 0s;visibility:visible}.bottom-sheet.dragging{transition:none}body:has(.bottom-sheet.visible),html:has(.bottom-sheet.visible){overscroll-behavior-y:none}.bottom-sheet-header{align-items:center;border-bottom:1px solid #eee;cursor:grab;display:flex;justify-content:center;padding:12px;position:relative}.grabber{background-color:#ccc;border-radius:2.5px;height:5px;width:40px}.close-button{align-items:center;background:#eee;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:var(--font-lg);height:24px;justify-content:center;position:absolute;right:16px;top:8px;width:24px}.bottom-sheet-header h3{flex-grow:1;font-size:var(--font-xl);font-weight:var(--weight-semibold);margin:0 0 0 40px;text-align:center}.bottom-sheet-header--stacked{flex-direction:column;gap:8px;padding:10px 12px 8px}.bottom-sheet-header--stacked h3{flex-grow:0;margin-left:0}.bottom-sheet-content{flex-grow:1;overflow-y:auto;overscroll-behavior-y:contain;padding:0;padding-bottom:var(--kb-height,0);pointer-events:auto;touch-action:pan-y}.bottom-sheet-content.drag-locked{pointer-events:none;touch-action:none}@media (max-width:1200px){.bottom-sheet{width:90vw}.bottom-sheet-content{overflow-x:hidden}}@media (max-width:768px){.bottom-sheet{border-top-left-radius:20px;border-top-right-radius:20px;margin-left:0;margin-right:0;width:calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right))}.bottom-sheet-content{overflow-x:hidden}.bottom-sheet-overlay{z-index:var(--z-overlay)}}@supports (padding-top:env(safe-area-inset-top)){.bottom-sheet-overlay{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}@media (max-width:768px){.bottom-sheet{width:calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px))}}}@media (prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet-overlay,.bottom-sheet.visible{transition:none!important}}