#main-viewport[data-v-2596767f]{isolation:isolate;position:relative;z-index:1}#main-viewport .background-surface[data-v-2596767f]{background-color:hsla(var(--surface-primary-hsl),.6);background-color:hsla(var(--surface-primary-hsl),var(--tw-bg-opacity));height:var(--screen-viewport-height);left:0;position:fixed;top:0;width:var(--screen-viewport-width);--tw-bg-opacity:.6;--tw-backdrop-blur:blur(40px);--tw-backdrop-saturate:saturate(1.8);-webkit-backdrop-filter:blur(40px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) saturate(1.8) var(--tw-backdrop-sepia);backdrop-filter:blur(40px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) saturate(1.8) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#main-viewport .page-content-wrapper[data-v-2596767f]{display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:1}#main-viewport .viewport[data-v-2596767f]{bottom:0;isolation:isolate;left:var(--navigation-panel-right-edge);pointer-events:none;position:fixed;right:0;top:var(--navbar-bottom-edge);transition:left var(--expand-panel-effective-duration);z-index:2}#main-viewport .viewport .viewport-border[data-v-2596767f]{border-color:hsla(var(--surface-highlight-hsl),var(--tw-bg-opacity));border-radius:var(--main-viewport-corner-radius);border-width:var(--main-viewport-border-width);bottom:var(--main-viewport-gutter);left:0;position:absolute;right:var(--main-viewport-gutter);top:0}#main-viewport .viewport .viewport-mask[data-v-2596767f]{-webkit-mask-composite:source-over;mask-composite:add;position:absolute}#main-viewport .viewport .viewport-mask.edge-bottom-right[data-v-2596767f]{height:100%;-webkit-mask-image:linear-gradient(to right,transparent calc(100% - var(--main-viewport-gutter)),#000 calc(100% - var(--main-viewport-gutter))),linear-gradient(to bottom,transparent calc(100% - var(--main-viewport-gutter)),#000 calc(100% - var(--main-viewport-gutter)));mask-image:linear-gradient(to right,transparent calc(100% - var(--main-viewport-gutter)),#000 calc(100% - var(--main-viewport-gutter))),linear-gradient(to bottom,transparent calc(100% - var(--main-viewport-gutter)),#000 calc(100% - var(--main-viewport-gutter)));width:100%}#main-viewport .viewport .viewport-mask.corner[data-v-2596767f]{height:var(--main-viewport-corner-radius);-webkit-mask-image:radial-gradient(var(--main-viewport-corner-radius) at var(--opposite-y) var(--opposite-x),transparent 99%,#000);mask-image:radial-gradient(var(--main-viewport-corner-radius) at var(--opposite-y) var(--opposite-x),transparent 99%,#000);width:var(--main-viewport-corner-radius)}#main-viewport .viewport .viewport-mask.corner.top[data-v-2596767f]{top:0;--opposite-y:bottom}#main-viewport .viewport .viewport-mask.corner.right[data-v-2596767f]{right:var(--main-viewport-gutter);--opposite-x:left}#main-viewport .viewport .viewport-mask.corner.bottom[data-v-2596767f]{bottom:var(--main-viewport-gutter);--opposite-y:top}#main-viewport .viewport .viewport-mask.corner.left[data-v-2596767f]{left:0;--opposite-x:right}