.container.svelte-189zeu4{pointer-events:none;position:fixed;mix-blend-mode:difference;width:var(--window-width);height:var(--window-height);left:var(--window-left);top:var(--window-top);--from-x: calc(var(--window-left) + var(--window-width) / 2);--from-y: calc(var(--window-top) + var(--window-height) / 2);--to-x: calc(var(--icon-left) + var(--icon-width) / 2);--to-y: calc(var(--icon-top) + var(--icon-height) / 2)}.trace.svelte-189zeu4{border:1px dashed white;position:absolute;inset:calc(50% * var(--progress));--travel-x: calc(var(--to-x) - var(--from-x));--travel-y: calc(var(--to-y) - var(--from-y));transform:translate(calc(var(--progress) * var(--travel-x)),calc(var(--progress) * var(--travel-y)));--animation-duration: .15s;animation-name:svelte-189zeu4-appear;animation-duration:0s;animation-fill-mode:forwards}.opening.svelte-189zeu4 .trace:where(.svelte-189zeu4){opacity:0;animation-delay:calc(var(--animation-duration) - var(--progress) * var(--animation-duration))}.closing.svelte-189zeu4 .trace:where(.svelte-189zeu4){opacity:1;animation-name:svelte-189zeu4-appear;animation-direction:reverse;animation-delay:calc(var(--progress) * var(--animation-duration))}@keyframes svelte-189zeu4-appear{0%{opacity:0}to{opacity:1}}.container.svelte-1vgo24v{position:relative;width:auto;height:auto;pointer-events:none}.container.controlled.svelte-1vgo24v{width:var(--width, auto);height:var(--height, auto)}.container.light.svelte-1vgo24v{--fg: black;--bg: white;color-scheme:light}.container.dark.svelte-1vgo24v{--fg: white;--bg: black;color-scheme:dark}.container[data-state=closed].svelte-1vgo24v .window:where(.svelte-1vgo24v){visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.window.svelte-1vgo24v{pointer-events:auto;position:relative;border:4px solid black;background-color:var(--bg, black);color:var(--fg, white);box-shadow:4px 4px #77889980;display:flex;flex-direction:column;will-change:transform;transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0)}.window.controlled.svelte-1vgo24v{position:absolute;top:0;left:0;width:calc(100% + var(--resize-x, 0));height:46px}.window.controlled.expanded.svelte-1vgo24v{height:calc(100% + var(--resize-y, 0))}.title-bar.svelte-1vgo24v{display:flex;align-items:center;flex:0 0 40px;border-bottom:2px solid black;padding:0 10px;background-color:#fff;color:#000;font-family:var(--font-display);font-size:.6rem;cursor:url(../../../cursors/grab.png),move}.title-bar.drag.svelte-1vgo24v{cursor:url(../../../cursors/grabbing.png),move}.controls.svelte-1vgo24v{margin-left:auto;display:grid;grid-template-columns:repeat(2,2ch);font-size:.8rem}.controls.svelte-1vgo24v button:where(.svelte-1vgo24v){aspect-ratio:1}.controls.svelte-1vgo24v button:where(.svelte-1vgo24v):not([disabled]):hover{background-color:#d3d3d3}.content.svelte-1vgo24v{min-height:calc(100% - 40px);overflow-y:scroll;scrollbar-width:thin}.animation-preview.svelte-1vgo24v{position:absolute;top:-4px;left:-4px;width:calc(100% + 8px + var(--resize-x, 0));height:calc(100% + 8px + var(--resize-y, 0));border:1px dashed rgb(200 200 200);mix-blend-mode:difference;will-change:transform;transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0)}.animation-preview.drag.svelte-1vgo24v{cursor:url(../../../cursors/grabbing.png),move}.animation-preview__title-bar.svelte-1vgo24v{height:44px;border-bottom:1px dashed rgb(200 200 200);cursor:url(../../../cursors/grab.png),move}.animation-preview.drag.svelte-1vgo24v .animation-preview__title-bar:where(.svelte-1vgo24v){cursor:url(../../../cursors/grabbing.png),move}.animation-preview__resize-cursor.svelte-1vgo24v{position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;cursor:url(../../../cursors/nwse.png),nwse-resize}.resize.svelte-1vgo24v{cursor:url(../../../cursors/nwse.png),nwse-resize;position:absolute;bottom:3px;right:0;width:15px;height:15px;display:flex;justify-content:flex-end}.resize.svelte-1vgo24v,.title-bar.svelte-1vgo24v{touch-action:none}