.SheetWithDetent-view{z-index:9999;top:0;bottom:initial;height:var(--app-viewport-height)}.SheetWithDetent-content{box-sizing:border-box;height:calc(100% - max(env(safe-area-inset-top),6px));background-color:var(--color-navbar);border-radius:24px 24px 0 0;max-width:800px;overflow:hidden}@media (min-width:800px){.SheetWithDetent-content{height:calc(100% - max(env(safe-area-inset-top),5vh));border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}.SheetWithDetent-handle{cursor:pointer;background-color:#d1d5db;border:0;border-radius:9999px;width:50px;height:6px}
.TopSheet-view{z-index:1;height:calc(var(--silk-100-lvh-dvh-pct) + 60px)}.TopSheet-content{box-sizing:border-box;max-width:740px;height:auto}.TopSheet-bleedingBackground{background-color:#fff;border-radius:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}
.SheetWithKeyboard-view{--sheetWithKeyboard-radius:24px;z-index:150;top:0;bottom:initial;height:var(--app-viewport-height)}@media (min-width:800px){.SheetWithKeyboard-view{height:100%}}.SheetWithKeyboard-content{box-sizing:border-box;height:calc(100% - max(env(safe-area-inset-top),6px));border-radius:var(--sheetWithKeyboard-radius)var(--sheetWithKeyboard-radius)0 0;background-color:#fff;overflow:hidden}.SheetWithKeyboard-content button,.SheetWithKeyboard-content [role=button]{cursor:pointer}.SheetWithKeyboard-content button:disabled,.SheetWithKeyboard-content [role=button][aria-disabled=true]{cursor:not-allowed}@media (min-width:800px){.SheetWithKeyboard-content{border-radius:var(--sheetWithKeyboard-radius);width:calc(800px - 1.25rem);height:calc(100% - 4rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}
