index-d6337e27.css

@charset "UTF-8";.editor-path__path-1{fill:transparent;stroke:#0008;stroke-width:var(--stroke);stroke-dasharray:var(--dash) var(--dash)}.editor-path__path-2{fill:none;stroke:#fff8;stroke-width:var(--stroke);stroke-dasharray:var(--dash) var(--dash);stroke-dashoffset:var(--dash)}.editor-path__point{fill:#fff8;stroke:#0008;stroke-width:var(--stroke);width:var(--point);height:var(--point);--offset: calc(var(--point) * -.5);transform:translate(var(--offset),var(--offset))}.viewport{overflow:hidden}.editor__canvas-wrapper{width:100%;height:100%;position:relative;box-shadow:0 4px 12px 4px #0002}.editor__canvas{width:100%;height:100%}.editor__paths{position:absolute;inset:0;--dash: 5px}.details__summary{flex-direction:row}.details__indicator{width:1.5em;height:1.5em;text-align:center}.details__content-wrapper{overflow:hidden;transition-property:height;transition-timing-function:ease-in-out}.button{color:#000;--button-color: #aaa;background:var(--button-color);border:2px outset var(--button-color);border-radius:4px;padding:2px 8px;flex-direction:row;align-items:center;justify-content:center;font-size:14px}.button:not(:disabled){cursor:pointer}.button:not(:disabled):hover{--button-color: #bbb}.button:not(:disabled):active:focus{--button-color: #999;border-style:inset;padding:3px 7px 1px 9px}.button:disabled{opacity:.5}.popup-wrapper{position:relative}.popup{position:fixed;z-index:999}.popup__background{position:fixed;inset:0}.popup__content{position:fixed;visibility:hidden}.menu{position:relative;color:#111}.menu__popup{background:#bbb;border:1px solid #777;padding:4px 0;box-shadow:0 4px 12px 4px #0002}.menu-item{cursor:pointer;padding:0 8px;max-width:250px}.menu-item:hover{background:#ddd}.split-button{flex-direction:row}.split-button>.button{flex:1;border-bottom-right-radius:0;border-top-right-radius:0;border-right-width:1px}.split-button .menu .button{border-bottom-left-radius:0;border-top-left-radius:0;border-left-width:1px}.result{height:70px;border:1px solid #000;padding:4px;display:grid;grid-template:min-content 1fr/1fr min-content}.result--dark{color:#eee}.result__name{min-width:0}.sidebar-path{display:grid;grid-template-columns:40px 1fr 20px;gap:4px;align-items:center}.sidebar-path__thumbnail{width:40px;height:40px;border:1px solid #e0e0e0}.sidebar-path__delete{padding:0;width:20px;height:20px}.sidebar{padding:4px;background:#999;border-left:2px solid #777;overflow:auto}.sidebar__result{margin-top:4px}.file-picker__input{display:none}.checkbox{width:16px;height:16px;background:#aaa;border:2px inset #aaa;border-radius:4px;font-size:12px;line-height:12px}.checkbox:hover{background:#999}.checkbox:active:focus{background:#888}.checkbox:checked:before{content:"✔";text-align:center}.select__popup{background:#bbb;border:1px solid #777;padding:4px 0;box-shadow:0 4px 12px 4px #0002}.select__option{cursor:pointer;padding:0 8px;max-width:250px}.select__option:hover{background:#ddd}.select{align-items:stretch;font-size:14px}.select__box{flex-direction:row;align-items:stretch}.select__box-value{flex:1;padding:0 8px;background:#999;border:1px inset #999;border-radius:4px 0 0 4px;justify-content:center}.select__box-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:1px}.select_hidden{overflow:hidden;height:0}.settings{box-shadow:0 4px 12px 4px #0002;background:#999;border:2px outset #999;padding:8px;display:grid;grid-template-columns:max-content max-content;align-items:center;gap:4px 16px}.settings__background{background:rgba(0,0,0,.2666666667)}.settings__option{flex-direction:row;align-items:center}.settings__code{font-family:Lucida Sans Typewriter,Lucida Console,monospace;margin:0 4px;background:rgba(0,0,0,.1333333333)}.toolbar{flex-direction:row;align-items:center;gap:8px;padding:4px;background:#999;border-bottom:2px solid #777}.app{width:100vw;height:100vh;background:#666;display:grid;grid-template:"toolbar sidebar" min-content "editor sidebar" 1fr/1fr 300px}.app__toolbar{grid-area:toolbar}.app__editor{grid-area:editor}.app__sidebar{grid-area:sidebar}body,body *:not(svg *),*:before,*:after{all:initial;font:inherit;color:inherit;font-synthesis:inherit;letter-spacing:inherit;line-break:inherit;quotes:inherit;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;user-select:inherit;margin:0;padding:0;visibility:inherit}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;user-select:none}