:root{--font-family: "mapcore_ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-size-base: 14px;--font-size-small: 12px;--font-size-medium: 14px;--font-size-large: 18px;--font-size-x-large: 22px;--font-size-xx-large: 26px;--logo-highlight: #21f805;--logo-highlight-stroke: #148214;--base-space: 24px;--half-space: calc(var(--base-space) / 2);--one-and-a-half-space: calc(var(--base-space) * 1.5);--quarter-space: calc(var(--base-space) / 4);--double-space: calc(var(--base-space) * 2);--eigth-space: calc(var(--base-space) / 8);--radius-small: 3px;--radius-medium: 6px;--radius-large: 10px;--rgb-black: 0, 0, 0;--rgb-white: 255, 255, 255;--rgb-almost-black: 40, 40, 40;--rgb-almost-white: 236, 233, 230;--rgb-gray: 116, 116, 128;--rgb-medium-gray: 220, 220, 220;--rgb-light-gray: 249, 249, 249;--rgb-teal: 0, 170, 88;--rgb-blue: 0, 117, 255;--rgb-green: 26, 191, 108;--rgb-red: 201, 36, 0;--rgb-canary: 255, 245, 202;--rgb-yellow: 255, 223, 98;--rgb-peach: 255, 229, 218;--rgb-orange: 255, 140, 0;--rgb-coral: 249, 92, 92;--rgb-background: var(--rgb-white);--rgb-ink: var(--rgb-almost-black);--rgb-overlay: var(--rgb-light-gray);--color-white: rgb(var(--rgb-white));--color-black: rgb(var(--rgb-black));--color-almost-black: rgb(var(--rgb-almost-black));--color-primary: rgb(var(--rgb-teal));--color-secondary: rgb(var(--rgb-yellow));--color-tertiary: rgb(var(--rgb-blue));--color-positive: rgb(var(--rgb-green));--color-negative: rgb(var(--rgb-red));--color-disabled: rgb(var(--rgb-gray));--color-bg--main: rgb(var(--rgb-background));--color-bg--main-transparent: rgba(var(--rgb-background), 0);--color-bg--main-thin: rgba(var(--rgb-background), .5);--color-bg--main-thick: rgba(var(--rgb-background), .95);--color-bg--main-reversed: rgb(var(--rgb-ink));--color-bg--surface: rgba(var(--rgb-medium-gray), .5);--color-bg--surface-opaque: rgb(var(--rgb-medium-gray));--color-bg--surface-glint: rgba(var(--rgb-medium-gray), .25);--color-bg--positive: rgba(var(--rgb-green), .25);--color-bg--positive-glint: rgba(var(--rgb-green), .15);--color-bg--negative: rgb(var(--rgb-red), .25);--color-bg--negative-glint: rgb(var(--rgb-red), .15);--color-bg--flash-notice: rgb(var(--rgb-yellow));--color-bg--primary: rgba(var(--rgb-teal), .65);--color-bg--primary-glint: rgba(var(--rgb-teal), .25);--color-bg--secondary: rgba(var(--rgb-blue), .15);--color-bg--secondary-glint: rgba(var(--rgb-blue), .05);--color-bg--tertiary: rgba(var(--rgb-blue), .15);--color-bg--tertiary-glint: rgba(var(--rgb-blue), .05);--color-bg--warning: rgb(var(--rgb-canary));--color-bg--warning-glint: rgb(var(--rgb-peach));--color-bg--project: rgba(var(--rgb-green), .25);--color-bg--project-glint: rgba(var(--rgb-teal), .1);--color-bg--highlight: rgba(var(--rgb-yellow), .25);--color-bg--overlay: rgb(var(--rgb-overlay));--color-bg--receded: rgba(var(--rgb-black), .3);--color-txt: rgb(var(--rgb-ink));--color-txt--reversed: rgb(var(--rgb-background));--color-txt--subtle: rgba(var(--rgb-ink), .66);--color-txt--placeholder: rgba(var(--rgb-ink), .6);--color-txt--action: rgb(var(--rgb-blue));--color-border: rgba(var(--rgb-ink), .25);--color-border--reversed: rgba(var(--rgb-almost-white), .25);--color-border--light: rgba(var(--rgb-ink), .1);--color-border--heavy: rgba(var(--rgb-ink), .5);--color-border--solid: rgb(var(--rgb-ink));--color-shadow: rgba(var(--rgb-black), .1);--color-focus-ring: rgb(var(--rgb-blue))}@media(prefers-color-scheme:dark){:root{--logo-highlight: #148214;--logo-highlight-stroke: #21f805;--rgb-almost-black: 20, 20, 20;--rgb-gray: 30, 30, 30;--rgb-medium-gray: 51, 51, 51;--rgb-light-gray: 105, 105, 105;--rgb-blue: 124, 178, 255;--rgb-green: 105, 240, 174;--rgb-red: 255, 120, 120;--rgb-coral: 222, 137, 131;--rgb-background: var(--rgb-almost-black);--rgb-ink: var(--rgb-almost-white);--rgb-overlay: 30, 30, 30;--color-bg--surface: rgba(var(--rgb-light-gray), .3);--color-bg--surface-glint: rgba(var(--rgb-light-gray), .1);--color-bg--positive: rgba(var(--rgb-green), .18);--color-bg--positive-glint: rgba(var(--rgb-green), .1);--color-bg--warning: rgba(var(--rgb-canary), .1);--color-bg--warning-glint: rgba(var(--rgb-peach), .2);--color-bg--project: rgba(var(--rgb-green), .3);--color-bg--project-glint: rgba(var(--rgb-teal), .2);--color-bg--note: rgba(var(--rgb-ink), .3);--color-bg--note-glint: rgba(var(--rgb-ink), .15);--color-bg--negative: rgb(var(--rgb-red), .5);--color-bg--negative-glint: rgb(var(--rgb-red), .3);--color-bg--receded: rgba(var(--rgb-white), .3)}}@font-face{font-family:mapcore_ui;src:url("/assets/BerkeleyMono-f1b03fcf.woff2") format("woff2");font-weight:400;font-style:normal}html,body{margin:0}a{cursor:default;text-decoration:none;&.external{cursor:pointer}}[hidden]{display:none!important}button{margin:0;padding:0;border:0;vertical-align:inherit;line-height:inherit;outline:none;letter-spacing:inherit;text-decoration:none}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}.icon{vertical-align:middle}.icon--filled{fill:currentColor}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family);font-weight:600;line-height:1.2;color:inherit}h1{font-size:var(--font-size-xx-large)}h2{font-size:var(--font-size-x-large)}h3{font-size:var(--font-size-large)}h4{font-size:var(--font-size-medium)}h5{font-size:var(--font-size-small)}p{margin-top:0;margin-bottom:10px}small{font-size:90%;color:var(--color-txt--subtle)}blockquote{margin:0}input,textarea{font-family:var(--font-family)}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-size:var(--font-size-small)}pre{margin-top:0;margin-bottom:0;font-size:var(--font-size-small)}.txt--normal{font-weight:400!important}.txt--bold{font-weight:700}.txt--subtle{color:var(--color-txt--subtle)}.txt--secondary{color:var(--color-secondary)}.txt--small{font-size:var(--font-size-small)}.txt--medium{font-size:var(--font-size-medium)}.txt--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decorated{color:var(--color-txt--action);text-decoration:underline}@keyframes appear-then-fade{0%,to{opacity:0}5%,60%{opacity:1}}@keyframes pop-open{0%{transform:scale(.3);opacity:0}75%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes fade-in-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in-up{animation:fade-in-up .25s both}@keyframes subtle-pulse{0%{opacity:.75}50%{opacity:.5}to{opacity:.75}}.flash-notice{animation:appear-then-fade 4s .3s both;position:fixed;top:60px;left:0;width:100%;text-align:center;display:flex;justify-content:center;z-index:200}[data-turbo-preview] .flash-notice{display:none}.flash-notice--content{background:var(--color-bg--flash-notice);color:var(--color-almost-black);border-radius:4rem;padding:.5rem 1.6rem}.avatar{border-radius:50%;margin-right:var(--quarter-space);box-sizing:border-box}.avatar--blank{background:var(--color-bg--receded);fill:var(--color-bg--surface-opaque);padding:2px}.edit_avatar{overflow-y:auto;max-height:60vh}.avatar-stack{display:flex;flex-grow:1;overflow:hidden;.avatar{position:relative;z-index:2;display:flex;margin-right:-10px;border:1px solid var(--color-bg--main);transition:margin .1s ease-in-out;&:first-child{z-index:3}&:last-child{z-index:1}}&:hover{.avatar{margin-right:1px}}}.btn{appearance:none;background:transparent;border-radius:var(--radius-medium);border:1px solid transparent;box-sizing:border-box;color:inherit;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:600;line-height:inherit;margin:0;max-width:100%;outline:none;padding:6px;text-decoration:none;white-space:nowrap;user-select:none;&:hover{background:var(--color-bg--surface)}&:focus,&:active{border-color:var(--color-focus-ring);border-radius:var(--radius-medium)}.icon{stroke:currentColor;fill:transparent}}.btn--small{font-size:var(--font-size-small)!important}.btn--full-width{width:100%;text-align:center}.btn--action{border:1px solid var(--color-border--light);margin:0 4px;padding:4px 12px;font-size:var(--font-size-small);font-weight:400}.btn--plain{display:inline-flex;border-color:transparent;background:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);&:hover{background:var(--color-primary)}&:focus,&:active{border-color:var(--color-primary)}}.btn--primary-disabled{background:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-txt--reversed);&:hover{background:var(--color-disabled)}}.btn--secondary{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-almost-black);&:hover{background:var(--color-secondary)}}.btn--negative{background:var(--color-bg--negative-glint);border-color:var(--color-bg--negative-glint);color:var(--color-txt);&:hover{background:var(--color-bg--negative)}}.btn:disabled,.btn--disabled{pointer-events:none;filter:grayscale(1) opacity(.3)}.btn--profile{border-radius:50%;padding:0;width:40px;height:40px;.avatar{margin:0}&:hover{border-color:var(--color-primary)}&:focus{border-radius:50%}}.cards{display:grid;grid-gap:var(--base-space);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));align-content:flex-start}.card{position:relative;border-radius:var(--radius-medium);display:flex;flex-direction:column;background:var(--color-bg--main);width:100%;height:100%;min-width:240px;max-width:520px;word-wrap:break-word;margin-bottom:var(--base-space);&:hover{.card--image{border:1px solid var(--color-border--heavy)}}}.card--details{margin-top:var(--quarter-space);font-size:var(--font-size-small);color:var(--color-txt--subtle)}.card--header{position:absolute;top:0;right:0;left:0;display:flex;padding:var(--quarter-space);font-size:var(--font-size-medium);stroke-width:2;fill:currentColor;z-index:10}.card--link{color:var(--color-ink);&:before{position:absolute;inset:0;z-index:1;overflow:hidden;content:""}}.card--image{display:flex;background:var(--color-bg--receded);aspect-ratio:16 / 9;min-height:240px;height:100%;width:100%;overflow:hidden;align-items:center;justify-content:center;border:1px solid var(--color-border--light);border-radius:var(--radius-large);img{width:100%;height:100%;object-fit:contain;box-sizing:border-box}}.card--body{padding-top:var(--half-space)}.popup-menu{display:none;flex-direction:column;position:absolute;list-style-type:none;background:var(--color-bg--main-thick);box-shadow:2px 2px 8px #0000004d;color:var(--color-white);padding:5px;border-radius:var(--radius-large);max-height:66vh;width:15rem;overflow-y:auto;font-size:var(--font-size-small);text-align:left;z-index:20;user-select:none;&:focus-visible{outline:none}}.pop-open>.popup-menu{animation:pop-open .12s both}.is-open>.popup-menu{display:flex}[data-popup-menu-target~=link]{display:none}.popup-menu--top{top:-3px}.popup-menu--right{right:-3px}.popup-menu--bottom{bottom:0}.popup-menu--left{left:0}.popup-menu--centered{left:50%;margin-left:-10rem}.popup-menu--tall{max-height:85vh}.popup-menu--padded{padding:1.5em}.popup-menu button{background:transparent;display:block;width:100%;text-align:left;color:inherit}.dropdown-item{position:relative;background:transparent;display:flex;padding:5px 10px 5px 20px;overflow:hidden;color:var(--color-txt);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;border-radius:var(--radius-medium);align-items:center;.icon{vertical-align:text-bottom;fill:currentColor;margin-right:4px}input{background:transparent;display:block;width:100%;text-align:left;color:var(--color-txt)}&.disabled{color:var(--color-txt--subtle)}&.highlighted{background-color:var(--color-bg--surface)}&:focus-visible{outline:none}}.dropdown-divider{height:1px;margin:6px 1px;background-color:#ffffff4d}.dropdown-indicator{position:absolute;left:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}.dropdown-kbd{position:absolute;right:0;height:20px;display:inline-flex;align-items:center;justify-content:center;padding-right:6px;font-family:inherit;font-size:11px;line-height:11px;color:var(--color-txt--subtle);>span{padding:2px}}.modal-container{display:none;position:fixed;inset:0;z-index:100;overflow:hidden;outline:0;justify-content:center;align-items:flex-start;padding-top:15vh;&.modal-open{display:flex;overflow-x:hidden;overflow-y:auto}.content{padding:var(--base-space)}.toolbar--container{margin:0;padding:0 var(--half-space);padding-right:var(--quarter-space)}}.modal-backdrop{position:fixed;inset:0;z-index:13;&.receeded{background:var(--color-bg--receded)}}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0;border:1px solid var(--color-border--solid);background:var(--color-bg--main);z-index:100;border-radius:var(--radius-large);box-shadow:0 2px 14px #0003;max-width:480px;max-height:75vh;min-height:175px}.form-control{box-sizing:border-box;color:var(--color-txt);display:block;width:100%;padding:8px;user-select:auto;border:1px solid var(--color-border);border-radius:var(--radius-large);outline:none;font-size:var(--font-size-medium)}.form-group{margin-bottom:1.5rem;& label{font-weight:600;display:inline-block;margin-bottom:.5rem}}.input{max-width:100%;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-large);margin:0;padding:8px;resize:none;color:inherit;transition:box-shadow .2s ease-out;&:focus,&:focus-within{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}&::placeholder{color:var(--color-txt--placeholder);opacity:.6}}.input--full-width{display:block;width:100%}.input--half-width{display:block;width:50%;min-width:50%}.input--borderless{border-color:transparent;outline:none;padding:8px 0;border-radius:0;border-bottom:2px solid transparent;&:focus,&:hover{box-shadow:none;border-bottom:2px solid var(--color-focus-ring)}}.navbar{position:fixed;top:0;left:0;bottom:0;width:246px;transition:left .2s ease-out;z-index:100;background:var(--color-bg--main);box-shadow:1px 0 0 0 var(--color-border);user-select:none;display:flex;justify-content:space-between;flex-direction:column;.navbar--logo{font-size:var(--font-size-medium);border-bottom:1px solid var(--color-border);height:50px;&:hover{background:linear-gradient(var(--color-bg--main) 0%,var(--color-bg--primary-glint) 100%)}}.navbar--profile-link{position:absolute;right:6px;top:4px;fill:none}}.navbar--toggle{position:absolute;top:12px;right:0;margin-right:var(--quarter-space);fill:var(--color-txt);display:none;transition:right .2s ease-out;@media(max-width:640px){display:block;right:-50px}}@media(max-width:640px){.navbar{left:-246px}.toolbar--container{left:0}}.navbar-open{left:0;.navbar--toggle{right:0}}.navbar--divider{margin:10px 16px;height:1px;background-color:var(--color-border)}.nav-link{list-style:none;margin:0;width:100%;font-weight:400;font-size:var(--font-size-medium);display:flex;& a{display:flex;align-items:center;position:relative;height:32px;user-select:none;padding:2px 16px;color:var(--color-txt);text-decoration:none;flex-grow:1;&:hover{background-color:var(--color-bg--primary-glint)}&.active{background-color:var(--color-primary);color:var(--color-white)}}&.active{& a{background-color:var(--color-primary);color:var(--color-white)}}.txt--ellipsis{width:196px}.icon{stroke:currentColor;fill:none;margin-right:8px;width:18px;height:18px}.avatar{width:20px;height:20px}}.nav-link--indented{padding-left:28px}.navbar--logo{display:flex;flex-shrink:0;align-items:center;color:var(--color-txt);text-decoration:none;padding:0 16px}.navbar--text{margin:0 auto;margin-top:var(--half-space);display:block;fill:var(--color-txt)}.toolbar--container{display:flex;justify-content:space-between;align-items:center;height:50px;user-select:none;touch-action:none;margin:0 var(--base-space);white-space:nowrap;border-bottom:1px solid var(--color-border);.nav-link{& a{flex-grow:0;background-color:var(--color-bg--main);color:var(--color-txt--subtle);&:hover{color:var(--color-ink)}}&.active{font-weight:600;& a{color:var(--color-ink)}}&:first-child{& a{padding-left:0}}}}.toolbar--left{font-weight:500;height:100%;display:flex;align-items:center;padding-right:32px}.toolbar--right{flex:0 0 auto;display:flex}.search--container{display:flex;align-items:center;margin:4px}.search--icon{position:absolute;left:16px;top:16px}.search-button{position:absolute;z-index:10;left:0;top:0;bottom:0;border-radius:3px 0 0 3px;padding:8px 12px}.search-input{color:var(--color-txt);background:var(--color-bg--surface);outline:0;width:100%;height:40px;vertical-align:top;transition:border-color .2s ease-out;border:2px solid var(--color-border--light);border-radius:var(--radius-large);padding:0 8px 0 36px;box-sizing:border-box;&:focus{border:2px solid var(--color-focus-ring)}&::-webkit-search-cancel-button{display:none}&.input--borderless{border:2px solid transparent}}.search-action{display:block;position:absolute;z-index:15;top:0;right:0;border:0;bottom:0;height:36px;width:36px;text-align:center;border-left:1px solid var(--color-border--light);line-height:34px;margin:2px;border-radius:0 3px 3px 0;color:var(--color-txt);&:hover{background:var(--color-bg--surface)}}.search-results{display:none;position:absolute;top:100%;left:0;margin-top:-2px;width:100%;max-height:78vh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:2px solid var(--color-focus-ring);background:var(--color-bg--main);border-radius:0 0 6px 6px;box-shadow:0 0 20px var(--color-shadow)}.search-result{padding:8px 12px;display:block;outline:none;color:inherit;text-decoration:none;font-size:var(--font-size-medium);&:not(.search-result--selected):hover{background:var(--color-bg--tertiary-glint)}& mark{color:inherit;display:inline-block;padding:0;background:none;font-weight:700}}.search-result--section{padding:2px 8px;margin:6px 2px 0}.search-result--selected{background:var(--color-bg--tertiary)}.search--has-results{.search-results{display:flex;flex-direction:column}.search-input{border-color:var(--color-focus-ring);border-radius:6px 6px 0 0}}#sidebar{position:absolute;display:flex;width:408px;transition:top 80ms ease-out,left 80ms ease-out;top:var(--half-space);left:var(--half-space);&.with-rulers{top:calc(var(--half-space) + 20px);left:calc(var(--half-space) + 20px)}}.sidebar{position:fixed;top:0;left:0;bottom:0;box-sizing:border-box;background:var(--color-bg--main);padding:68px var(--half-space);width:408px;border-right:1px solid var(--color-border);box-shadow:0 0 20px var(--color-shadow);z-index:4;transform:translate(0);transition-property:transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&.hidden{opacity:0}&.collapsed{box-shadow:none;transform:translate(-408px)}}.node{margin-bottom:var(--quarter-space);&:last-child{margin-bottom:var(--eigth-space)}}.node--link{color:var(--color-txt);font-size:var(--font-size-x-large);font-weight:700;flex-grow:1}.node--backLink{color:var(--color-txt);fill:currentColor;margin-right:var(--quarter-space);font-size:var(--font-size-x-large);font-weight:700}.node--children{padding:var(--quarter-space);padding-left:var(--half-space);margin:var(--quarter-space) 0;border:2px solid var(--color-border--heavy);border-radius:var(--radius-medium);font-size:var(--font-size-medium);& a{font-size:inherit}}html,body{background:var(--color-bg--main);color:var(--color-txt);font-family:var(--font-family);font-size:var(--font-size-medium);line-height:1.4;overflow-x:hidden;touch-action:pan-x pan-y}#map{display:flex;flex-direction:column;height:100vh;overflow:hidden}#profile_menu{position:absolute;right:4px;top:6px;.popup-menu{top:42px;right:16px}&[open] .btn{border-color:var(--color-primary)}}turbo-cable-stream-source{display:none}.logged_out{.page{position:initial;margin:0 auto;padding:var(--half-space);margin-top:var(--base-space);max-width:380px}.btn--full-width{height:50px}.navbar--logo{padding:var(--base-space);display:block;text-align:center;height:auto}.form-control{border:2px solid var(--color-border);padding:var(--half-space)}}.upload{margin:0;overflow:hidden;position:relative;text-align:center;width:360px;padding:var(--base-space);label{position:absolute;inset:0;overflow:hidden}.filePicker{overflow:hidden;width:0}&.drophover{border:2px dashed var(--color-border)}&.in-progress{.progress{visibility:initial}}}.progress{display:flex;visibility:hidden;height:16px;overflow:hidden;background-color:var(--color-bg--surface);border-radius:var(--radius-large);font-size:var(--font-size-small);width:200px}.progress-bar{white-space:nowrap;background-color:var(--color-border--heavy);transition:width .3s ease}.permission-form{display:flex;padding:var(--half-space);background:var(--color-bg--surface);border-bottom:1px solid var(--color-border);margin-bottom:var(--half-space);border-radius:var(--radius-large)}.permission-row{display:flex;align-items:center;height:40px;width:100%;font-size:var(--font-size-medium);margin:var(--eigth-space) 0;.avatar{width:28px;height:28px}}.permission-row--entry{box-sizing:border-box;flex-grow:1;display:flex;align-items:center;justify-content:space-between;.pending{opacity:.75}}.permission--item{display:flex;flex-basis:150px;align-items:center;white-space:nowrap}.permission-select{background-color:transparent;color:var(--color-txt);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:2px 6px}.project--list{display:grid;grid-row-gap:var(--half-space);>.cards{display:flex;flex-wrap:wrap;overflow:hidden}.cards{margin:var(--half-space);min-height:80px;.card{max-width:340px;flex:1 1;display:flex;justify-content:flex-end;align-items:stretch;padding:0}.card--header{display:none}}.card--details{display:none}>.card{border-radius:var(--radius-large);display:flex;max-width:100%;overflow:hidden}.more-menu{position:absolute;top:var(--quarter-space);right:var(--quarter-space);z-index:10;.icon{margin:0;fill:currentColor}}}.loading{position:absolute;inset:0;display:flex;flex-flow:column;height:100dvh;align-items:center;justify-content:center;fill:var(--color-txt);gap:14px}.loading-spinner{transform-origin:center;animation:spinner .75s infinite linear}@keyframes spinner{to{transform:rotate(360deg)}}.color-picker{display:flex;flex-direction:column;user-select:none;touch-action:none}.color-picker--controls{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 0 16px}.saturation-control{position:relative;width:240px;height:240px;&:after,&:before{content:"";position:absolute;display:block;z-index:20;inset:0;pointer-events:none}&:before{background:linear-gradient(to right,white,transparent)}&:after{background:linear-gradient(to top,black,transparent)}.saturation-color{position:absolute;inset:0}}.hue-control{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);height:12px;border-radius:var(--radius-large);margin:12px 0}.alpha-control{height:12px;border-radius:var(--radius-large);position:relative;overflow:hidden;background:#fff}.alpha-control--gradient{position:absolute;left:0;right:0;height:12px}.slider-control{position:relative;box-sizing:border-box}.slider-control--handle{position:absolute;box-sizing:border-box;box-shadow:#0003 0 0 0 .6px;left:0;top:0;width:12px;height:12px;border:2px solid white;border-radius:var(--radius-large);z-index:30;&:focus:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-focus-ring)}}.cursors-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cursor--name-label{position:absolute;top:14px;left:16px;background:rgb(var(--rgb-blue));padding:1px 4px;border-radius:var(--radius-medium);font-size:var(--font-size-small)}.draggable-modal{box-sizing:content-box;position:fixed;display:flex;flex-direction:column;background:var(--color-bg--main-thick);border-radius:var(--radius-medium);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 14px #00000026,0 0 0 .5px #0003;width:240px;z-index:10}.draggable-modal--header{font-weight:600;box-sizing:border-box;min-height:41px;display:flex;justify-content:space-between;align-items:center;padding-left:8px;padding-right:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .1));user-select:none;touch-action:none}.draggable-modal--controls{display:flex;align-items:center;justify-content:space-between;& button{padding:6px;border:1px solid transparent;&:hover{background:none;border:1px solid var(--color-border)}&.active{background-color:var(--color-bg--surface)}}}#fullscreen-root{position:relative;display:flex;flex-flow:column;height:100vh;.focus-target{contain:strict;opacity:0;position:fixed;width:1px;z-index:-1}}.fullscreen-view{position:absolute;inset:0;user-select:none;overflow:hidden;transition:opacity .3s ease-out,visibility 0ms ease-out .3s;&.loading{opacity:0}&:not(.loading){opacity:1;transition:opacity .3s ease-out,visibility 0ms ease-out}&.pointer{cursor:pointer}&.grab{cursor:grab}&.grabbing{cursor:grabbing}&.crosshair{cursor:crosshair}&.text{cursor:text}}.image-picker{display:flex;height:180px;position:relative;align-items:center;justify-content:center}.image-picker--fileInput{position:absolute;right:2000%;margin:0}.image-picker--preview{max-width:240px;max-height:164px}.image-picker--buttonContainer{display:flex;transition:.2s ease;opacity:0;position:absolute;inset:0;background:#0003;&:hover{opacity:1}}.image-picker--button{display:flex;flex-grow:0;margin:auto;color:#fff;background:#161b2280;border:1px solid #fff;border-radius:var(--radius-large);padding:8px 12px;font-weight:400;text-align:center;&:hover{background:#161b22cc}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.properties-panel{position:fixed;top:var(--half-space);right:var(--half-space);bottom:0;overflow:hidden;user-select:none;touch-action:none;pointer-events:none;animation:slideIn .2s;z-index:10;transition:top 80ms ease-out,left 80ms ease-out;&.withRulers{top:calc(var(--half-space) + 20px)}& button{flex:0 0 auto;color:var(--color-txt--subtle);background:none;height:32px;padding:8px;margin:0 2px;border-radius:var(--radius-medium);display:inline-flex;font-size:14px;line-height:1;align-items:center;justify-content:center;border:1px solid transparent;transition:.1s color ease-out;&:focus-visible{border:1px solid var(--color-focus-ring);box-shadow:inset 0 0 0 1px var(--color-focus-ring)}&:hover{background:var(--color-border--light)}&:disabled{color:var(--color-disabled);background:none}}}.properties-panel--content{width:240px;background:var(--color-bg--main-thick);color:var(--color-ink);font-size:13px;border:1px solid var(--color-border--heavy);border-radius:var(--radius-large);pointer-events:initial;overflow:hidden}.properties-panel--section{padding:8px 0;border-bottom:1px solid var(--color-border);color:var(--color-ink);&.selected{.collapsible--content{background:var(--color-bg--surface)}}&:last-child{border-bottom:none}}.properties-panel--row{position:relative;display:flex;flex-direction:row;justify-content:space-between;padding:0 8px;&:hover{button:not(:disabled),.properties-panel--title{color:var(--color-txt)}}}.properties-panel--label{display:block;align-items:center;justify-content:center;height:28px;width:32px;flex:0 0 32px;line-height:28px;color:var(--color-txt--subtle);pointer-events:none;text-align:center;font-size:11px}.properties-panel--title{display:flex;align-items:center;padding-left:8px;font-size:13px;line-height:32px;flex-grow:1;text-transform:capitalize;color:inherit;transition:.1s color ease-out;&.collapsible{color:var(--color-txt--subtle)}&.open{color:var(--color-txt)}}.properties-panel--inputWrapper{display:flex;width:100%;border:1px solid transparent;border-radius:2px;margin:2px;height:28px;outline:none;&:hover{border:1px solid var(--color-border)}&:focus-within{border:1px solid var(--color-focus-ring);box-shadow:inset 0 0 0 1px var(--color-focus-ring)}&.disabled{border:none}}.properties-panel--input{background-color:transparent;border:1px solid transparent;outline:none;color:var(--color-ink);width:100%;padding:0 0 0 6px;font-size:12px;height:26px}.paint-property{user-select:none;touch-action:none;align-items:center;&:hover,&:focus-within{.paint-property--inputContainer:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:1px;background-color:var(--color-border, rgba(0, 0, 0, .1))}}}.paint-property--inputContainer{flex:0 0 52px;margin-right:0;position:relative}.paint-property--typeContainer{padding:0 8px;flex-grow:1}.paint-property--swatch{overflow:hidden;flex:0 0 16px;flex-shrink:0;border-radius:1px;position:relative;height:16px;width:16px;margin:6px;background-size:cover;&:after{content:"";position:absolute;inset:-50%;box-shadow:inset 0 0 0 1px var(--color-border);transform-origin:center center;transform:scale(.5)}}.scroll-container{width:100%;height:100%;max-height:inherit;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:row;align-items:flex-start;overscroll-behavior:none;scrollbar-width:thin}.scroll-container--content{width:100%;height:100%}.search-panel{z-index:7;position:fixed;left:0;right:0;width:fit-content;margin:auto;padding:0;animation:pop-open .12s both}.search-panel--inner{background:var(--color-bg--main);box-shadow:0 0 20px var(--color-shadow);border-radius:var(--radius-large);overflow:hidden;min-width:396px;max-width:480px;padding:2px;border:1px solid var(--color-border--heavy)}@keyframes pop-up{0%{transform:translateY(80px)}to{transform:translateY(0)}}.toolbar-view{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;pointer-events:none;padding-bottom:calc(var(--half-space) + env(safe-area-inset-bottom));inset:0;z-index:10}.toolbar-view--inner{position:relative;pointer-events:auto;height:46px;padding:0 4px;display:flex;flex-direction:row;color:var(--color-txt);background:var(--color-bg--main-thick);box-shadow:0 1px 6px #00000040;border-radius:var(--radius-large);border:1px solid var(--color-border--heavy);overflow:hidden;transform:translateY(104px);animation:pop-up .5s cubic-bezier(.34,1.56,.64,1) forwards;>div{display:flex}}.toolbar-view--divider{width:1px;margin-left:4px;margin-right:4px;background-color:var(--color-border);align-self:stretch}.toolbar-button{flex:0 0 auto;color:inherit;background:none;width:38px;margin:4px 2px;border-radius:var(--radius-medium);display:inline-flex;font-size:14px;line-height:1;align-items:center;justify-content:center;border:1px solid transparent;&:focus-visible{border-color:var(--color-focus-ring)}&:hover{background-color:var(--color-bg--surface)}&.active{background-color:var(--color-bg--primary)}&:disabled{color:var(--color-disabled);background-color:transparent}}.flex{display:flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-items-start{align-items:flex-start}.flex-items-end{align-items:flex-end}.flex-items-center{align-items:center}.flex-items-baseline{align-items:baseline}.flex-items-stretch{align-items:stretch}.flex-content-start{align-content:flex-start}.flex-content-end{align-content:flex-end}.flex-content-center{align-content:center}.flex-content-between{align-content:space-between}.flex-content-around{align-content:space-around}.flex-content-stretch{align-content:stretch}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-self-auto{align-self:auto}.flex-self-start{align-self:flex-start}.flex-self-end{align-self:flex-end}.flex-self-center{align-self:center}.flex-self-baseline{align-self:baseline}.flex-self-stretch{align-self:stretch}.flex-item-equal{flex-grow:1;flex-basis:0}turbo-frame{display:contents}.align--center{text-align:center}.page{position:absolute;inset:0;outline:none;padding-top:50px}.menubar{margin:0;padding:0 var(--half-space);background:var(--color-bg--main);z-index:99;position:fixed;top:0;right:0;left:0;.search{position:relative;margin-left:44px;margin-right:8px;fill:var(--color-txt);width:100%}.toolbar--left{flex-grow:1;padding-right:var(--quarter-space)}}@media(min-width:640px){.page{left:246px}.menubar{left:246px;padding-left:var(--half-space);.search{margin-left:0}}}.content{position:relative;padding:32px;background:var(--color-bg--main);background-clip:content-box}.content--push{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:20vh}.scroll--container{width:100%;height:100%;max-height:inherit;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:row;align-items:flex-start;overscroll-behavior:contain}.scroll--inner{width:100%;min-height:100%}.section{max-width:100%;border-bottom:1px solid var(--color-border--light);margin-bottom:var(--half-space);padding-bottom:var(--half-space)}.push{margin:var(--base-space)!important}.push--top{margin-top:var(--base-space)!important}.push--right{margin-right:var(--base-space)!important}.push--bottom{margin-bottom:var(--base-space)!important}.push--left{margin-left:var(--base-space)!important}.push--ends{margin-top:var(--base-space)!important;margin-bottom:var(--base-space)!important}.push--sides{margin-right:var(--base-space)!important;margin-left:var(--base-space)!important}.push_half{margin:var(--half-space)!important}.push_half--top{margin-top:var(--half-space)!important}.push_half--right{margin-right:var(--half-space)!important}.push_half--bottom{margin-bottom:var(--half-space)!important}.push_half--left{margin-left:var(--half-space)!important}.push_half--ends{margin-top:var(--half-space)!important;margin-bottom:var(--half-space)!important}.push_half--sides{margin-right:var(--half-space)!important;margin-left:var(--half-space)!important}.push_double{margin:var(--double-space)!important}.push_double--top{margin-top:var(--double-space)!important}.push_double--right{margin-right:var(--double-space)!important}.push_double--bottom{margin-bottom:var(--double-space)!important}.push_double--left{margin-left:var(--double-space)!important}.push_double--ends{margin-top:var(--double-space)!important;margin-bottom:var(--double-space)!important}