.SheetWithDepth-stackSceneryBackground{position:fixed;inset:0;background-color:black;opacity:0;will-change:opacity}.SheetWithDepth-stackSceneryBackground.nativePageScrollReplaced-true{opacity:1}.SheetWithDepth-stackSceneryContainer{position:relative}.SheetWithDepth-stackSceneryFirstSheetBackdrop{position:absolute;z-index:1;inset:0;background-color:rgb(0,0,0);opacity:0;pointer-events:none;will-change:opacity}.SheetWithDepth-view{top:0;bottom:auto;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.SheetWithDepth-content{box-sizing:border-box;height:calc(100% - max(calc(env(safe-area-inset-top) + 1.3vh), 2.6vh))}.SheetWithDepth-bleedingBackground{border-radius:24px 24px 0 0;background-color:white;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.ExampleSheetWithDepth-content{display:grid}.ExampleSheetWithDepth-scrollView{grid-area:1/1;min-height:0;overflow:clip;border-radius:24px 24px 0 0}.ExampleSheetWithDepth-scrollContent{overflow:hidden;overflow:clip;position:relative;display:grid}.ExampleSheetWithDepth-topBar{grid-area:1/1;width:100%;height:56px;position:relative;display:grid;grid-template-columns:3.5rem 1fr 3.5rem;place-items:center}.ExampleSheetWithDepth-topBar:before{content:"";position:absolute;bottom:0;width:100%;height:100%;border-radius:24px 24px 0 0;border-bottom:1px solid rgb(229,231,235);background-color:#fff;opacity:0;transition:opacity .2s ease}.ExampleSheetWithDepth-topBar.fullyVisible-true:before{opacity:1}@media (min-width:700px){.ExampleSheetWithDepth-topBar{height:52px}}.ExampleSheetWithDepth-dismissTrigger{align-self:center;width:44px;height:44px;appearance:none;border-radius:9999px;outline-offset:-2px;border:none;background-color:transparent;cursor:pointer;padding:0;display:grid;place-items:center}.ExampleSheetWithDepth-topDismissIcon{grid-area:1/-1;width:36px;height:36px;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));color:white}.ExampleSheetWithDepth-topDismissIcon.fullyVisible-true{filter:none}.ExampleSheetWithDepth-flowDismissIcon{grid-area:1/-1;width:36px;height:36px;color:rgb(75,85,99);opacity:0;transition:opacity .25s ease}.ExampleSheetWithDepth-flowDismissIcon.fullyVisible-true{opacity:1;transform:translateX(.00001px)}.ExampleSheetWithDepth-topBarTitle{position:relative;opacity:0;transition:opacity .2s ease;text-box:trim-both cap alphabetic;font-size:17.25px;font-weight:620;color:rgb(31,41,55)}.ExampleSheetWithDepth-topBar.fullyVisible-true .ExampleSheetWithDepth-topBarTitle{opacity:1}