.loading-frames[data-v-4d7adf79]{display:flex;justify-content:center;align-items:center;position:fixed;right:calc((100% - var(--app-width)) / 2 + var(--default-inset) + var(--fullscreen-button-size) + 1rem);bottom:calc(100% - var(--app-height) + var(--default-inset));z-index:1;height:2.5rem;padding:.75rem;border-radius:var(--loading-frames-radius);box-shadow:var(--box-shadow);background:var(--loading-frames-background);color:var(--loading-frames-color);--spinner-size: 1.25rem}.loading-frames .content[data-v-4d7adf79]{margin-left:.5rem;font-size:.85rem}@media not screen and (hover: hover) and (pointer: fine){.loading-frames[data-v-4d7adf79]{display:none}@media only screen and (orientation: landscape) and (min-height: 40rem){.loading-frames[data-v-4d7adf79]{display:flex;right:var(--default-inset)}}}.rotate-button[data-v-b8a98404]{width:var(--rotate-button-size);height:var(--rotate-button-size);border-radius:var(--rotate-button-radius);display:flex;justify-content:center;align-items:center;transition:box-shadow .25s ease-in-out;background:var(--rotate-button-background);box-shadow:var(--box-shadow);color:var(--rotate-button-color)}.rotate-button.--next .icon[data-v-b8a98404]{transform:rotate(180deg)}.rotate-button[data-v-b8a98404]:disabled{--rotate-button-background: var(--rotate-button-disabled-background)}@media (any-hover: hover){.rotate-button[data-v-b8a98404]:disabled:hover{cursor:not-allowed}}@media (any-hover: hover){.rotate-button[data-v-b8a98404]:hover{box-shadow:var(--box-shadow-hover)}}.rotate-button[data-v-b8a98404]:focus{box-shadow:var(--box-shadow-hover)}.icon[data-v-b8a98404]{width:var(--rotate-button-icon-size);height:var(--rotate-button-icon-size)}.zoom-button[data-v-ec65b514]{width:var(--zoom-button-size);height:var(--zoom-button-size);border-radius:var(--zoom-button-radius);display:flex;justify-content:center;align-items:center;transition:box-shadow .25s ease-in-out;background:var(--zoom-button-background);box-shadow:var(--box-shadow)}.zoom-button[data-v-ec65b514]:before{width:var(--zoom-button-icon-line-width);height:var(--zoom-button-icon-line-height);content:"";display:block;background:var(--zoom-button-color);position:absolute}.zoom-button.--plus[data-v-ec65b514]:after{width:var(--zoom-button-icon-line-width);height:var(--zoom-button-icon-line-height);content:"";display:block;background:var(--zoom-button-color);position:absolute;transform:rotate(90deg)}.zoom-button[data-v-ec65b514]:disabled{--zoom-button-background: var(--zoom-button-disabled-background)}@media (any-hover: hover){.zoom-button[data-v-ec65b514]:disabled:hover{cursor:not-allowed}}@media (any-hover: hover){.zoom-button[data-v-ec65b514]:hover{box-shadow:var(--box-shadow-hover)}}.zoom-button[data-v-ec65b514]:focus{box-shadow:var(--box-shadow-hover)}.viewbox-control[data-v-a1299cf8]{width:8rem;height:4.5rem;display:flex;justify-content:center;position:relative;box-shadow:var(--box-shadow);touch-action:none}.viewbox-control .guide-tooltip[data-v-a1299cf8]{--translate-x: -40%;--translate-y: -108%;pointer-events:none;transform-origin:left center}@media only screen and (orientation: landscape) and (hover: none) and (pointer: none),only screen and (orientation: landscape) and (hover: none) and (pointer: coarse){.viewbox-control[data-v-a1299cf8]{width:6.6666666667rem;height:3.75rem}}@media (min-width: 45rem) and (min-height: 40rem){.viewbox-control[data-v-a1299cf8]{width:9.7777777778rem;height:5.5rem;border-radius:var(--ui-radius)}}.viewbox[data-v-a1299cf8]{position:absolute;display:block;opacity:1;border:var(--mobile-viewport-control-border);border-radius:var(--ui-radius);transform-origin:center center;will-change:left,top}.viewbox[data-v-a1299cf8]:before{content:"";width:100%;height:100%;border-radius:var(--ui-radius);position:absolute;top:0;left:0;background-color:var(--mobile-viewport-control-background);opacity:var(--mobile-viewport-control-opacity)}.current-frame[data-v-a1299cf8]{width:100%;height:100%;border-radius:var(--ui-radius);position:absolute;z-index:-1;pointer-events:none}.guide[data-v-a1299cf8]{display:flex;justify-content:space-between;align-items:center;width:250%;height:auto;position:absolute;top:50%;left:-75%;transform:translateY(-50%);pointer-events:none}@media only screen and (orientation: landscape){.guide[data-v-a1299cf8]{width:80%;left:10%}}.arrow[data-v-a1299cf8]{width:1.4rem;height:1.4rem;border-radius:100%;display:flex;justify-content:center;align-items:center;background:var(--ui-background)}.arrow.--right[data-v-a1299cf8]{transform:rotate(180deg);animation:bounce-right-a1299cf8 .75s infinite alternate linear}.arrow.--left[data-v-a1299cf8]{animation:bounce-left-a1299cf8 .75s infinite alternate linear}.arrow-icon[data-v-a1299cf8]{width:.75rem;height:.75rem}@keyframes bounce-left-a1299cf8{0%{transform:translate(0)}to{transform:translate(-.3125rem)}}@keyframes bounce-right-a1299cf8{0%{transform:rotate(180deg) translate(0)}to{transform:rotate(180deg) translate(-.3125rem)}}.colliders-switch[data-v-4aa96b68]{width:var(--colliders-switch-size);height:var(--colliders-switch-size);border-radius:var(--colliders-switch-radius);display:flex;justify-content:center;align-items:center;transition:box-shadow .25s ease-in-out;position:relative;background:var(--colliders-switch-background);box-shadow:var(--box-shadow);opacity:0;transition:opacity .3s ease-in-out}.colliders-switch.--visible[data-v-4aa96b68]{opacity:1}.colliders-switch[data-v-4aa96b68]:after{position:absolute;top:calc(100% + .5rem);transition:all .25s ease-in-out;content:attr(tooltip-text);padding:.625rem;border-radius:var(--colliders-switch-tooltip-radius);color:var(--colliders-switch-tooltip-color);background:var(--colliders-switch-tooltip-background);pointer-events:none;white-space:nowrap;opacity:0}@media (any-hover: hover){.colliders-switch[data-v-4aa96b68]:hover{box-shadow:var(--box-shadow-hover)}.colliders-switch[data-v-4aa96b68]:hover:after{display:block;box-shadow:var(--box-shadow-hover);opacity:1}@media not screen and (hover: hover) and (pointer: fine){.colliders-switch[data-v-4aa96b68]:hover:after{display:none}}}.colliders-switch[data-v-4aa96b68]:focus{box-shadow:var(--box-shadow-hover)}.colliders-switch[data-v-4aa96b68]:focus:after{display:block;box-shadow:var(--box-shadow-hover);opacity:1}@media not screen and (hover: hover) and (pointer: fine){.colliders-switch[data-v-4aa96b68]:focus:after{display:none}}[data-v-4aa96b68] .icon{width:var(--colliders-switch-icon-size);height:var(--colliders-switch-icon-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--colliders-switch-icon-color)}[data-v-4aa96b68] .icon line{stroke:var(--colliders-switch-icon-cross-color)}[data-v-4aa96b68] .icon circle{fill:var(--colliders-switch-background)}