.SheetWithDetent-view{z-index:1000000;pointer-events:none;contain:layout style;position:fixed;inset:0;overflow:hidden}.SheetWithDetent-backdrop{pointer-events:auto;will-change:opacity;contain:layout style paint;background:#00000080;position:fixed;inset:0}.SheetWithDetent-content{height:var(--sheet-content-height,62vh);max-height:calc(100dvh - max(env(safe-area-inset-top), 6px));box-sizing:border-box;will-change:transform;pointer-events:auto;contain:layout style paint;border-radius:24px 24px 0 0;grid-template-rows:min-content 1fr;max-width:800px;margin:0 auto;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@supports not (height:1dvh){.SheetWithDetent-content{max-height:calc(100vh - max(env(safe-area-inset-top), 6px))}}@media (min-width:800px){.SheetWithDetent-content{max-height:calc(100dvh - max(env(safe-area-inset-top), 5vh))}}.SheetWithDetent-handle{cursor:pointer;background-color:#d1d5db;border:0;border-radius:9999px;width:50px;height:6px}.SheetWithDetent-scrollContent{padding-bottom:calc(var(--viewport-action-bar-height,0px) + env(safe-area-inset-bottom) + 24px)}.SheetWithDetent-scrollView{min-height:0}.SheetWithDetent-edgeSwipeGuard{z-index:1;touch-action:pan-x;pointer-events:auto;-webkit-user-select:none;user-select:none;width:30px;position:fixed;top:0;bottom:0;left:-2px}.ExampleSheetWithDetent-header{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}