html.viewport-frame-active,body.viewport-frame-active{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}.viewport-frame{flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0 0 auto;overflow:hidden}.viewport-layout{--viewport-layout-background:#fff;background:var(--viewport-layout-background)}.viewport-layout-body{min-height:0;position:relative}.viewport-layout-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;height:100%;overflow:hidden auto}.viewport-layout-bottom{background:var(--viewport-layout-background)}.viewport-layout-fade{z-index:2;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--viewport-layout-background));width:100%;height:24px;position:absolute;bottom:0;left:0}.viewport-layout-flow .viewport-layout-scroll{overscroll-behavior:auto;scrollbar-gutter:auto;height:auto;overflow:visible}.viewport-frame .viewport-layout-body{flex-direction:column;flex:0 auto;display:flex}.viewport-frame .viewport-layout-scroll{flex:0 auto;height:auto;min-height:0}.viewport-frame .viewport-layout-bottom{flex:none}.viewport-layout-fill .viewport-layout-body,.viewport-layout-fill .viewport-layout-scroll{flex:auto}