.brush-canvas.svelte-16aozed{z-index:-10000;touch-action:none;width:100vw;height:100vh;position:fixed;inset:0}.mirror-overlay.svelte-1g0giqg{z-index:9;width:100vw;height:100vh;position:fixed;inset:0}.mirror-overlay.svelte-1g0giqg img:where(.svelte-1g0giqg){object-fit:contain;width:100%;height:100%}.clear-overlay.svelte-lx6nws{z-index:9;opacity:1;width:100vw;height:100vh;transition:opacity .2s;position:fixed;inset:0}.clear-overlay.fading.svelte-lx6nws{opacity:0}.clear-overlay.svelte-lx6nws img:where(.svelte-lx6nws){object-fit:cover;object-position:50% 90%;width:100%;height:100%}.fc-overlay.svelte-lx6nws{z-index:9;opacity:0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .2s;display:flex;position:fixed;inset:0}.fc-overlay.opaque.svelte-lx6nws{opacity:1}.fc-overlay.svelte-lx6nws img:where(.svelte-lx6nws){height:auto}nav.svelte-rfuq4y{top:var(--spacing);z-index:10;margin-bottom:var(--spacing-sm);position:sticky}nav.svelte-rfuq4y a:where(.svelte-rfuq4y),nav.svelte-rfuq4y button:where(.svelte-rfuq4y),nav.svelte-rfuq4y select:where(.svelte-rfuq4y){pointer-events:auto}.nav-bar.svelte-rfuq4y{justify-content:space-between;display:flex}.nav-inner.svelte-rfuq4y,.type-controls.svelte-rfuq4y{gap:var(--spacing);display:flex}.button.active.svelte-rfuq4y{color:#fff;background:#000}.home-cycle.svelte-rfuq4y{text-transform:none}.status-button.svelte-rfuq4y{align-items:center;gap:6px;display:inline-flex}.status-dot.svelte-rfuq4y{background:#2ecc71;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-button-mobile.svelte-rfuq4y{display:none}@media (width<=749px){.nav-bar.svelte-rfuq4y{row-gap:var(--spacing-sm);flex-wrap:wrap}.nav-inner.svelte-rfuq4y{flex-wrap:wrap}.status-button-mobile.svelte-rfuq4y{cursor:pointer;display:inline-flex}.status-button-desktop.svelte-rfuq4y{display:none}.secondary.svelte-rfuq4y{flex-direction:column;flex-basis:100%;align-items:flex-end;display:none}.secondary.tools-open.svelte-rfuq4y{display:flex}}.page-grid.svelte-1rcasv9{min-height:100vh;width:calc(100% - var(--spacing) * 1);margin-left:var(--spacing);margin-top:var(--spacing);padding-bottom:var(--spacing);align-items:flex-start;gap:0 var(--spacing);flex-wrap:wrap;display:flex}.page-grid.drawing.svelte-1rcasv9{pointer-events:none}.page-grid>.component,.page-grid>.spacer,.page-grid>.group{opacity:1;transition:opacity 1s}.page-grid.cleared>.component,.page-grid.cleared>.spacer,.page-grid.cleared>.group{opacity:0;pointer-events:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}@font-face{font-family:Unica77Mono;src:url(../../../fonts/Unica77MonoLL-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IvoryMono;src:url(../../../fonts/IvoryMonoLL-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-sans:"Unica77Mono", sans-serif;--font-serif:"IvoryMono", serif;--font-family:var(--font-sans);--font-size-body:16px;--line-height-body:18px;--font-size-small:12px}@media (width<=750px){:root{--font-size-body:14px;--line-height-body:18px;--font-size-small:11px}}[data-typeface=serif]{--font-family:var(--font-serif);letter-spacing:-.4px}body{font-family:var(--font-family)}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.text-small{font-size:var(--font-size-small);line-height:var(--font-size-small)}:root{--breakpoint-tablet:750px;--breakpoint-desktop:1000px;--grid-columns:5}@media (width>=750px){:root{--grid-columns:10}}@media (width>=1000px){:root{--grid-columns:20}}.grid{width:calc(100% - (2 * var(--spacing)))}.col-1{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 1 + (1 - 1) * var(--spacing))}.col-2{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 2 + (2 - 1) * var(--spacing))}.col-3{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 3 + (3 - 1) * var(--spacing))}.col-4{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 4 + (4 - 1) * var(--spacing))}.col-5{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 5 + (5 - 1) * var(--spacing))}.col-6{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 6 + (6 - 1) * var(--spacing))}.col-7{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 7 + (7 - 1) * var(--spacing))}.col-8{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 8 + (8 - 1) * var(--spacing))}.col-9{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 9 + (9 - 1) * var(--spacing))}.col-10{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 10 + (10 - 1) * var(--spacing))}.col-11{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 11 + (11 - 1) * var(--spacing))}.col-12{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 12 + (12 - 1) * var(--spacing))}.col-13{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 13 + (13 - 1) * var(--spacing))}.col-14{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 14 + (14 - 1) * var(--spacing))}.col-15{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 15 + (15 - 1) * var(--spacing))}.col-16{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 16 + (16 - 1) * var(--spacing))}.col-17{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 17 + (17 - 1) * var(--spacing))}.col-18{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 18 + (18 - 1) * var(--spacing))}.col-19{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 19 + (19 - 1) * var(--spacing))}.col-20{width:calc((((100vw - (2 * var(--spacing))) - ((var(--grid-columns) - 1) * var(--spacing))) / var(--grid-columns)) * 20 + (20 - 1) * var(--spacing))}@media (width>=750px) and (width<=999px){.col-tablet-1{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 1 + (1 - 1) * var(--spacing))}.col-tablet-2{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 2 + (2 - 1) * var(--spacing))}.col-tablet-3{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 3 + (3 - 1) * var(--spacing))}.col-tablet-4{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 4 + (4 - 1) * var(--spacing))}.col-tablet-5{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 5 + (5 - 1) * var(--spacing))}.col-tablet-6{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 6 + (6 - 1) * var(--spacing))}.col-tablet-7{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 7 + (7 - 1) * var(--spacing))}.col-tablet-8{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 8 + (8 - 1) * var(--spacing))}.col-tablet-9{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 9 + (9 - 1) * var(--spacing))}.col-tablet-10{width:calc((((100vw - (2 * var(--spacing))) - (9 * var(--spacing))) / 10) * 10 + (10 - 1) * var(--spacing))}}.page-grid>.component,.page-grid>.spacer,.page-grid>.group,.group>.component,.group>.spacer,.group>.group{order:var(--order-desktop,0)}@media (width>=750px) and (width<=999px){.page-grid>.component,.page-grid>.spacer,.page-grid>.group,.group>.component,.group>.spacer,.group>.group{order:var(--order-tablet,var(--order-desktop,0))}}@media (width<=749px){.page-grid>.component,.page-grid>.spacer,.page-grid>.group,.group>.component,.group>.spacer,.group>.group{order:var(--order-mobile,var(--order-desktop,0))}.col-mobile-1{width:calc((((100vw - (2 * var(--spacing))) - (4 * var(--spacing))) / 5) * 1 + (1 - 1) * var(--spacing))}.col-mobile-2{width:calc((((100vw - (2 * var(--spacing))) - (4 * var(--spacing))) / 5) * 2 + (2 - 1) * var(--spacing))}.col-mobile-3{width:calc((((100vw - (2 * var(--spacing))) - (4 * var(--spacing))) / 5) * 3 + (3 - 1) * var(--spacing))}.col-mobile-4{width:calc((((100vw - (2 * var(--spacing))) - (4 * var(--spacing))) / 5) * 4 + (4 - 1) * var(--spacing))}.col-mobile-5{width:calc((((100vw - (2 * var(--spacing))) - (4 * var(--spacing))) / 5) * 5 + (5 - 1) * var(--spacing))}}[data-debug=true] body:before{content:"";z-index:-1000;pointer-events:none;width:100%;height:100vh;padding-left:var(--spacing);background-origin:content-box;background-image:repeating-linear-gradient(to right, #29a2ff0f 0, #29a2ff0f calc((100% / var(--grid-columns)) - var(--spacing)), transparent calc((100% / var(--grid-columns)) - var(--spacing)), transparent calc(100% / var(--grid-columns)));position:fixed;inset:0}[data-debug=true] .grid{position:relative}[data-debug=true] .grid:before{counter-reset:grid-cols var(--grid-columns);content:counter(grid-cols) " cols";z-index:9999;pointer-events:none;font-family:var(--font-family);font-size:var(--font-size-small);text-transform:uppercase;color:#fff;opacity:.5;background:#000;border-radius:999px;padding:.25em .75em;display:none;position:absolute;top:.5em;left:.5em}:root{--spacing-sm:5px;--spacing:10px}.spacer{vertical-align:top;margin-top:var(--spacing);display:inline-block}@media (width<=999px){.spacer{display:none}}.component{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);vertical-align:top;margin-bottom:calc(var(--spacing) * 2);border-top:1px solid #000;display:inline-block}.component.inner{margin-right:unset;border:unset}.component-title{margin-bottom:var(--spacing-sm);text-transform:uppercase;width:fit-content;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px dashed #000}button,a.button,span.button{text-transform:uppercase;background-color:#fff;border:1px solid #ededed;border-radius:2px;padding:2px 10px;display:inline-block}
