.SheetWithDepth-stackBackground{position:fixed;inset:0;background-color:color-mix(in oklch,var(--overlay),transparent 50%);opacity:0;will-change:opacity}.SheetWithDepth-stackBackground.nativePageScrollReplaced-true{opacity:1}.SheetWithDepth-stackFirstSheetBackdrop{position:absolute;z-index:1;inset:-1px;background-color:color-mix(in oklch,var(--overlay),transparent 50%);opacity:0;pointer-events:none;will-change:opacity}.SheetWithDepth-view{top:0;bottom:initial;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.SheetWithDepth-content{height:calc(100% - max(calc(env(safe-area-inset-top) + 1.3dvh),2.6dvh));display:grid}.SheetWithDepth-view--bottom .SheetWithDepth-content{padding-inline:max(env(safe-area-inset-left),12px) max(env(safe-area-inset-right),12px);padding-bottom:max(env(safe-area-inset-bottom),12px)}.SheetWithDepth-bleedingBackground{border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0;background-color:color-mix(in oklch,var(--white),transparent 28%);border:1px solid color-mix(in oklch,var(--separator),transparent 20%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}@media(min-width:768px){.SheetWithDepth-view--right .SheetWithDepth-bleedingBackground{border-radius:calc(var(--radius) + 4px) 0 0 calc(var(--radius) + 4px)}}