.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{z-index:1;top:0;bottom:initial;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.SheetWithDepth-content{box-sizing:border-box;background-color:transparent;position:relative;z-index:1}.SheetWithDepth-view--bottom .SheetWithDepth-content{width:100%;padding-inline:max(env(safe-area-inset-left),.5rem) max(env(safe-area-inset-right),.5rem);padding-top:.5rem;padding-bottom:max(env(safe-area-inset-bottom),.5rem);display:grid}.SheetWithDepth-view--right{height:var(--silk-100-lvh-dvh-pct)}.SheetWithDepth-view--right .SheetWithDepth-content{height:100%;padding:.75rem}.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)}}