:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#eee;background-color:#222}html,body{margin:0;padding:0;overscroll-behavior:none;overflow:hidden}main{display:flex;justify-content:center;align-items:center;height:100vh}.container.svelte-10983x0{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}canvas.svelte-10983x0{box-sizing:border-box;touch-action:none;width:100%;height:100%}.pen-container.svelte-jdehb6{perspective:1000px;position:absolute;pointer-events:none}.pen.svelte-jdehb6{font-size:1.5px;width:20em;height:160em;transform-style:preserve-3d;transform-origin:top left;transition:transform .01s ease;position:relative;left:-10em}.pen-body.svelte-jdehb6{width:100%;height:100%;position:absolute;transform-style:preserve-3d;top:-180em}.pen-body-front.svelte-jdehb6,.pen-body-back.svelte-jdehb6,.pen-body-left.svelte-jdehb6,.pen-body-right.svelte-jdehb6,.pen-body-top.svelte-jdehb6{position:absolute;background-color:#4a4a4a}.pen-body-front.svelte-jdehb6,.pen-body-back.svelte-jdehb6{width:20em;height:160em;left:0}.pen-body-left.svelte-jdehb6,.pen-body-right.svelte-jdehb6{width:12em;height:160em;top:0}.pen-body-top.svelte-jdehb6{width:20em;height:12em;left:0}.pen-body-front.svelte-jdehb6{transform:translateZ(6em)}.pen-body-back.svelte-jdehb6{transform:translateZ(-6em)}.pen-body-left.svelte-jdehb6,.pen-tip-left.svelte-jdehb6{transform:translate(-6em) rotateY(-90deg)}.pen-body-right.svelte-jdehb6,.pen-tip-right.svelte-jdehb6{transform:translate(14em) rotateY(90deg)}.pen-body-top.svelte-jdehb6{transform:translateY(-6em) rotateX(-90deg)}.pen-buttons.svelte-jdehb6{background:#333d;width:10em;height:50em;left:5em;bottom:15em;position:absolute}.pen-tip.svelte-jdehb6{width:20em;height:20em;position:absolute;top:-20em;left:0;transform-style:preserve-3d}.pen-tip-front.svelte-jdehb6,.pen-tip-back.svelte-jdehb6,.pen-tip-left.svelte-jdehb6,.pen-tip-right.svelte-jdehb6,.pen-tip-bottom.svelte-jdehb6{position:absolute;background-color:#333}.pen-tip-front.svelte-jdehb6,.pen-tip-back.svelte-jdehb6{width:20em;height:20em;left:0}.pen-tip-left.svelte-jdehb6,.pen-tip-right.svelte-jdehb6{width:12em;height:20em;top:0}.pen-tip-bottom.svelte-jdehb6{width:20em;height:12em;left:0}.pen-tip-front.svelte-jdehb6{transform:translateZ(6em)}.pen-tip-back.svelte-jdehb6{transform:translateZ(-6em)}.pen-tip-bottom.svelte-jdehb6{transform:translateY(14em) rotateX(-90deg)}.info.svelte-jdehb6{position:absolute;top:20px;left:20px;pointer-events:none;-webkit-user-select:none;user-select:none}