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