.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 8px rgba(0,0,0,.3));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}