.viewport-frame[data-v-97299093]{--frame-border-x:calc(var(--v7c1c2119)*1px);--frame-border-y:calc(var(--v7c1c2119)*1px);--panel-bg:transparent}.panel[data-v-97299093]{background:var(--panel-bg);position:fixed;transition:clip-path .4s;z-index:100}.viewport-frame.enabled .panel-bottom[data-v-97299093],.viewport-frame.enabled .panel-left[data-v-97299093],.viewport-frame.enabled .panel-right[data-v-97299093],.viewport-frame.enabled .panel-top[data-v-97299093]{clip-path:inset(0 0 0 0)}.viewport-frame:not(.enabled) .panel-top[data-v-97299093]{clip-path:inset(0 0 100% 0)}.viewport-frame:not(.enabled) .panel-bottom[data-v-97299093]{clip-path:inset(100% 0 0 0)}.viewport-frame:not(.enabled) .panel-left[data-v-97299093]{clip-path:inset(0 100% 0 0)}.viewport-frame:not(.enabled) .panel-right[data-v-97299093]{clip-path:inset(0 0 0 100%)}.panel-top[data-v-97299093]{top:0}.panel-bottom[data-v-97299093],.panel-top[data-v-97299093]{height:var(--frame-border-y);left:0;right:0}.panel-bottom[data-v-97299093]{bottom:0}.panel-left[data-v-97299093]{left:0}.panel-left[data-v-97299093],.panel-right[data-v-97299093]{bottom:var(--frame-border-y);top:var(--frame-border-y);width:var(--frame-border-x)}.panel-right[data-v-97299093]{right:0}.orbiting-letter[data-v-97299093]{align-items:center;display:flex;height:calc(var(--v7c1c2119)*1px);justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transform-origin:center center;transition:clip-path .4s;width:auto;z-index:200}.viewport-frame.enabled .orbiting-letter[data-v-97299093]{clip-path:inset(0 0 0 0)}.viewport-frame:not(.enabled) .orbiting-letter[data-side=top][data-v-97299093],.viewport-frame:not(.enabled) .orbiting-letter[data-side=bottom][data-v-97299093],.viewport-frame:not(.enabled) .orbiting-letter[data-side=left][data-v-97299093],.viewport-frame:not(.enabled) .orbiting-letter[data-side=right][data-v-97299093]{clip-path:inset(0 0 100% 0)}.viewport-frame[data-v-97299093]{--clip-start:0px;--clip-inner:0px}.viewport-frame .clip[data-v-97299093]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,0 100%,var(--clip-start) 100%,var(--clip-start) var(--clip-inner),calc(100% - var(--clip-start)) var(--clip-inner),calc(100% - var(--clip-start)) calc(100% - var(--clip-inner)),var(--clip-start) calc(100% - var(--clip-inner)),var(--clip-start) 100%,100% 100%,100% 0);transition:clip-path .3s}.viewport-frame.enabled[data-v-97299093]{--clip-start:var(--frame-border-x);--clip-inner:var(--frame-border-x)}