*,:before,:after{box-sizing:border-box}body{margin:0;overflow:hidden}.image[data-v-d881f1a6]{--start-x: 0%;--start-y: 0%;--end-y: 100%;--end-x: 100%;--scale: 2;position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;scale:var(--scale);object-fit:cover}.to-top[data-v-d881f1a6]{--start-y: 100%;--end-y: 0%}.to-bottom[data-v-d881f1a6]{--start-y: 0%;--end-y: 100%}.to-left[data-v-d881f1a6]{--start-x: 100%;--end-x: 0%}.to-right[data-v-d881f1a6]{--start-x: 0%;--end-x: 100%}@keyframes translate-d881f1a6{0%{object-position:var(--start-x) var(--start-y);transform-origin:var(--start-x) var(--start-y)}to{object-position:var(--end-x) var(--end-y);transform-origin:var(--end-x) var(--end-y)}}.first[data-v-d881f1a6]{z-index:1;object-position:var(--end-x) var(--end-y);transform-origin:var(--end-x) var(--end-y)}.second[data-v-d881f1a6]{z-index:2;opacity:0}.visible[data-v-d881f1a6]{opacity:1;transition:var(--transition) ease;animation:translate-d881f1a6 var(--interval) ease forwards}.textarea[data-v-d881f1a6]{position:fixed;margin:auto;z-index:1000;width:100%;max-width:500px;height:100%;top:0;right:0;bottom:0;left:0;border:0;padding:1rem;max-height:calc(100vh - 32px)}.buttons[data-v-d881f1a6]{position:fixed;top:0;right:0;margin:16px;z-index:1000;display:flex;align-items:center;gap:16px}button[data-v-d881f1a6]{padding:4px 8px;background:#000;color:#fff;border:none;cursor:pointer;font-size:14px;border-radius:4px;outline:none}