.controls[data-v-0a6b1709]{width:100%;display:flex;flex-direction:column;gap:1em}.text.cursed[data-v-0a6b1709]{font-family:DM Sans Reach;font-variation-settings:"reac" var(--2363e89e),"lats" var(--f8e7be94);font-weight:var(--3801500c)}.text.demo[data-v-0a6b1709]{margin:0;display:flex;place-content:center;place-items:center;width:100%;background-color:var(--bg-accent-dark);font-size:1.4em;text-align:center;padding:1rem;z-index:1;box-shadow:inset 0 0 0 1px #333}.text.demo[data-v-0a6b1709]:focus{outline:1px solid var(--primary)}.text.demo[data-v-0a6b1709]:not(:focus):after{content:"|";animation:blink-0a6b1709 .4s infinite linear alternate;width:0;white-space:nowrap;font-weight:400}@keyframes blink-0a6b1709{0%{opacity:1}to{opacity:0}}pre[data-v-0a6b1709]{margin:0;padding:0}.diag-demo[data-v-239d1faa]{contain:layout}.demo[data-v-239d1faa]{--size: 300px;height:var(--size);contain:layout;position:relative}.wrapper[data-v-239d1faa]{width:var(--size);height:var(--size);top:50%;left:50%;position:absolute}.box[data-v-239d1faa]{--width: calc((var(--size)) + (var(--size) - var(--gap) * 2.5) * sin(var(--rot)) / (sin(-45deg) - 1));--gap: calc(var(--b7873602) * 1em);--m: .5 ;--rot: calc(var(--31e99965) * -45deg);--shape-scale: var(--0749ae54);--float-scale: var(--e4c0d3e2);transform-origin:0 0;transform:rotate(var(--rot)) translate(-50%,-50%);position:relative;width:var(--width);margin:0 auto;aspect-ratio:1 / 1;overflow:hidden;text-overflow:ellipsis}.shape[data-v-239d1faa]{shape-outside:var(--shape);clip-path:var(--shape);background-color:orchid;opacity:calc(1 - var(--ffd8c83e));pointer-events:none;shape-margin:.5em}.shape.left[data-v-239d1faa]{float:left;clear:left}.shape.right[data-v-239d1faa]{float:right;clear:right}.shape.tri[data-v-239d1faa]{--w: calc((var(--width) - var(--gap)) * var(--m));width:calc(var(--w) * var(--float-scale));height:100%;background-color:#1e8fff81}.shape.tri.left[data-v-239d1faa]{--shape: polygon( 0 0, calc(50% + 50% * var(--shape-scale)) 0, calc(50% - 50% * var(--shape-scale)) calc(50% - var(--gap) / 2), calc(50% - 50% * var(--shape-scale)) calc(50% + var(--gap) / 2), calc(50% + 50% * var(--shape-scale)) 100%, 0 100% )}.shape.tri.right[data-v-239d1faa]{--shape: polygon( calc(50% - 50% * var(--shape-scale)) 0, 100% 0, 100% 100%, calc(50% - 50% * var(--shape-scale)) 100%, calc(50% + 50% * var(--shape-scale)) calc(50% + var(--gap) / 2), calc(50% + 50% * var(--shape-scale)) calc(50% - var(--gap) / 2) )}.content[data-v-239d1faa]{hyphens:auto;text-align:justify;font-size:smaller;padding:1em}.debug-box[data-v-239d1faa]{color:#333;position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);box-shadow:inset 0 0 0 1px currentColor;transform:translate(-50%,-50%);pointer-events:none}.debug-box .crosshair[data-v-239d1faa]{display:none;--r: 0deg;position:absolute;top:50%;left:50%;width:80%;height:1px;background-color:currentColor;transform:translate(-50%) rotate(var(--r))}.debug-box .crosshair.vertical[data-v-239d1faa]{--r: 90deg}.wrapper[data-v-366e4bfc]{--word-separation: calc(var(--1e2c0bba) * 1deg);--well-radius: calc(var(--4f5370b3) * 1px);--scale-z: var(--e61c88fa);--perspective: calc(var(--1361a6e9) * 1px);--word-cursor: var(--6cc6be9a);--pos: var(--59381c01);display:block;width:100%;height:100%;contain:layout;pointer-events:none;overflow:hidden;background-color:var(--bg-accent-dark);box-shadow:0 0 0 1px #333}.wrapper.snap[data-v-366e4bfc]{--word-cursor: round(to-zero, var(--6cc6be9a), 1);--pos: round(to-zero, var(--59381c01), 1)}.plane[data-v-366e4bfc]{perspective:var(--perspective);perspective-origin:calc(var(--38163ec9) * 1%) calc(var(--38163eca) * 1%);transform-style:preserve-3d;contain:layout;white-space:nowrap;width:100%;height:unset;aspect-ratio:1 / 1}.words[data-v-366e4bfc]{width:100%;height:100%;transform-style:inherit;transform:rotate(calc(var(--word-cursor) * var(--word-separation) * -1)) translateZ(calc(var(--word-cursor) * 5px * var(--scale-z)));transition:.35s ease-out}.word[data-v-366e4bfc]{--x: calc(var(--word-idx) - var(--word-cursor));--d: max(var(--x), calc(var(--x) * -1));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--word-idx) * var(--word-separation))) translateY(calc(var(--well-radius) * -1)) translateZ(calc(var(--word-idx) * -5px * var(--scale-z)));transition:inherit;transition-property:transform,color;will-change:transform,color;z-index:var(--z)}.wrapper.fade .word[data-v-366e4bfc]{color:color-mix(in srgb,currentColor,#0b0c0d calc((var(--d) / 20) * 100%))}.spiral-demo[data-v-366e4bfc],.extra-controls[data-v-366e4bfc]{display:flex;flex-direction:column;gap:1em;position:relative;z-index:1}.timeline[data-v-366e4bfc] .step>:not(.bar){cursor:pointer}.timeline[data-v-366e4bfc] .step>.bar{pointer-events:none}.word-rot-range[data-v-366e4bfc] .markers{z-index:1}.wrapper[data-v-abf2d4a4]{position:relative;contain:layout;overflow:hidden;background-color:var(--bg-accent-dark);box-shadow:inset 0 0 0 1px #333;min-height:150px}.subject[data-v-abf2d4a4]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;place-content:center;place-items:center;font-size:3em;margin:0;text-shadow:none;outline:none;color:var(--fg-accent-light)}svg[data-v-abf2d4a4]{visibility:hidden;height:0}.seed-button[data-v-abf2d4a4]{font-size:smaller;cursor:pointer}.seed-button[data-v-abf2d4a4]:hover{color:#1e88e5}.controls[data-v-abf2d4a4]{margin-top:1em;display:flex;flex-direction:column;gap:1em}.knobs[data-v-abf2d4a4]{display:flex;justify-content:space-between;gap:1em}.knob-item[data-v-abf2d4a4]{display:flex;flex-direction:column;justify-content:center;align-items:center}.knob-item[data-v-abf2d4a4] .flavor{margin:.5em 0 0}.spoiler-fence[data-v-2462dcd7]{--speed: var(--79cfb8fe);width:100%;height:var(--e6e455a6);position:relative;font-size:10vh;font-weight:400;color:#333;display:flex;flex-direction:column;place-items:center;mask-image:linear-gradient(to bottom,transparent 0%,black 5em,black calc(100% - 5em),transparent 100%)}.arrow[data-v-2462dcd7]{position:absolute;font-weight:inherit;animation-name:slip-2462dcd7;animation-duration:var(--speed);animation-delay:calc(var(--offset) * var(--speed) * -1);animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes slip-2462dcd7{0%{top:-1em}to{top:100%}}.demo-block[data-astro-cid-ru2gpmca]{display:flex;gap:1em;align-items:flex-start}.content[data-astro-cid-ru2gpmca]{z-index:1;width:100%}.content[data-astro-cid-ru2gpmca]>:first-child{margin-top:0}.sandbox[data-astro-cid-ru2gpmca]{min-width:300px}@media screen and (max-width: 800px){.demo-block[data-astro-cid-ru2gpmca]{flex-direction:column}.sandbox[data-astro-cid-ru2gpmca]{min-width:unset;width:100%}}.image-credit[data-astro-cid-3poacaiu]{display:flex;align-items:center;gap:1em}.thumb[data-astro-cid-3poacaiu]{flex-shrink:0}.ad-name[data-astro-cid-3poacaiu]{font-size:.7em}.source[data-astro-cid-3poacaiu]{display:flex;font-size:smaller}.source[data-astro-cid-3poacaiu]>[data-astro-cid-3poacaiu]+[data-astro-cid-3poacaiu]:not(:empty):before{content:"·";margin:0 .5ch}a[data-astro-cid-3poacaiu]:not([href]){color:var(--fg-accent-light)}