.viewport-frame[data-v-0c311f08]{--frame-border-x:var(--v66d1a1b1);--frame-border-y:var(--v66d1a1b1);--panel-bg:#fff}.panel[data-v-0c311f08]{background:var(--panel-bg);position:fixed;transition:clip-path .4s;z-index:100}.viewport-frame.enabled .panel-bottom[data-v-0c311f08],.viewport-frame.enabled .panel-left[data-v-0c311f08],.viewport-frame.enabled .panel-right[data-v-0c311f08],.viewport-frame.enabled .panel-top[data-v-0c311f08]{clip-path:inset(0 0 0 0)}.viewport-frame:not(.enabled) .panel-top[data-v-0c311f08]{clip-path:inset(0 0 100% 0)}.viewport-frame:not(.enabled) .panel-bottom[data-v-0c311f08]{clip-path:inset(100% 0 0 0)}.viewport-frame:not(.enabled) .panel-left[data-v-0c311f08]{clip-path:inset(0 100% 0 0)}.viewport-frame:not(.enabled) .panel-right[data-v-0c311f08]{clip-path:inset(0 0 0 100%)}.panel-top[data-v-0c311f08]{top:0}.panel-bottom[data-v-0c311f08],.panel-top[data-v-0c311f08]{height:var(--frame-border-y);left:0;right:0}.panel-bottom[data-v-0c311f08]{bottom:0}.panel-left[data-v-0c311f08]{left:0}.panel-left[data-v-0c311f08],.panel-right[data-v-0c311f08]{bottom:0;top:0;width:var(--frame-border-x)}.panel-right[data-v-0c311f08]{right:0}.orbiting-letter[data-v-0c311f08]{align-items:center;display:flex;height:var(--v66d1a1b1);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-0c311f08]{clip-path:inset(0 0 0 0)}.viewport-frame:not(.enabled) .orbiting-letter[data-side=bottom][data-v-0c311f08],.viewport-frame:not(.enabled) .orbiting-letter[data-side=left][data-v-0c311f08],.viewport-frame:not(.enabled) .orbiting-letter[data-side=right][data-v-0c311f08],.viewport-frame:not(.enabled) .orbiting-letter[data-side=top][data-v-0c311f08]{clip-path:inset(0 0 100% 0)}