@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);#app-parent{display:flex;flex-direction:column;height:100vh;width:100vw}#canvas-container{flex-grow:1;flex-shrink:1;overflow:hidden}#main-canvas{cursor:grab;height:100%;touch-action:none;width:100%}#main-canvas.dragging{cursor:grabbing}:root{--bg-blur-amt:1.5px;--logo-size:4.5em;--logo-gap:10px;--error-div-width:50vw;--error-div-height:70vh}#error-div{background:var(--dark-col-1);display:none;height:100vh;left:0;padding:0;position:absolute;top:0;width:100vw;z-index:1000}@media (max-width:767px){#error-div{display:block}}#error-bg{background-image:url(/static/media/error-bg.c70c2f2728e46bfd9434.png);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:blur(1.5px);filter:blur(var(--bg-blur-amt));height:100vh;width:100vw}#error-bg,#error-center{left:0;position:absolute;top:0}#error-center{align-items:center;background:var(--dark-col-2);border:var(--border);border-radius:var(--border-radius);bottom:0;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-height:70vh;max-height:var(--error-div-height);max-width:50vw;max-width:var(--error-div-width);padding:10px;padding:var(--logo-gap);right:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#logo-div{border-bottom:var(--border);text-align:center;width:100%}#logo{height:4.5em;height:var(--logo-size);padding-bottom:10px;padding-bottom:var(--logo-gap);width:4.5em;width:var(--logo-size)}:root{--btn-padding:12px 20px;--topbar-logo-spacing:4px;--topbar-logo-padding:10px}#topbar-menu{background-color:var(--dark-col-2);border-bottom:var(--border);display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;width:100vw}#logo-container{flex-grow:0;padding:4px;padding:var(--topbar-logo-spacing);padding-right:10px;padding-right:var(--topbar-logo-padding)}#topbar-logo{height:100%}.topbar-button{background-color:var(--dark-col-2);border:none;box-sizing:border-box;color:var(--light-col-1);display:inline-block;font-family:var(--font);font-size:var(--large-font-size);padding:12px 20px;padding:var(--btn-padding);text-align:center;text-decoration:none;transition:var(--transition-duration)}.topbar-button:hover{background-color:var(--elt-col-3)}:root{--blockquote-bg:#717be91a;--blockquote-padding:20px;--blockquote-border:6px;--quote-size:70px;--quote-margin:-50px}blockquote{background-color:#717be91a;background-color:var(--blockquote-bg);border-left-width:6px;border-left-width:var(--blockquote-border);border:var(--border);border-radius:var(--border-radius);box-sizing:border-box;margin:0;padding-left:20px;padding-left:var(--blockquote-padding);padding-right:20px;padding-right:var(--blockquote-padding)}blockquote:before{color:var(--light-col-1);content:"\201c";display:block;font-family:serif;font-size:70px;font-size:var(--quote-size);margin-bottom:-50px;margin-bottom:var(--quote-margin)}.blockquote-text{font-style:italic}.blockquote-attr{font-weight:700;text-align:right}.toggle-parent{align-items:center;display:flex;flex-direction:row}.toggle-parent:not(:last-child){padding-bottom:var(--small-spacing)}.toggle-label{color:var(--light-col-1);margin-left:var(--component-margin)}:root{--slider-width:80%;--lbl-padding:5px}.slider-parent{align-items:center;display:flex;flex-direction:row;margin-bottom:var(--component-margin)}.slider-container{width:80%;width:var(--slider-width)}.slider-label{background-color:var(--dark-col-3);border:var(--border);border-radius:var(--border-radius);color:var(--light-col-1);flex-grow:1;flex-shrink:1;margin-left:var(--component-margin);padding:5px;padding:var(--lbl-padding);text-align:center}:root{--num-swatches:8;--swatch-spacing:5px;--btn-size:50px;--initial-opacity:0.6}.color-picker{grid-gap:5px;grid-gap:var(--swatch-spacing);background-color:var(--dark-col-2);border:var(--border);border-radius:var(--border-radius);display:grid;grid-template-columns:repeat(8,1fr);grid-template-columns:repeat(var(--num-swatches),1fr);padding:5px;padding:var(--swatch-spacing)}.color-picker-btn{aspect-ratio:1;border:none;border-radius:var(--border-radius);box-shadow:inset 0 0 0 var(--border-thickness) var(--light-col-1);display:inline-block;opacity:.6;opacity:var(--initial-opacity);padding:0;transition:var(--transition-duration);width:100%}.color-picker-btn.focused,.color-picker-btn:hover{opacity:1}.color-picker-btn.focused{box-shadow:inset 0 0 0 3px var(--light-col-1)}:root{--light-col-1:#fff;--light-col-2:#dedede;--dark-col-1:#121212;--dark-col-2:#282828;--dark-col-3:#3f3f3f;--dark-col-4:#505050;--elt-col-1:#4e5de4;--elt-col-2:#717be9;--elt-col-3:#9ca1ef;--elt-col-4:#c4c6f5;--error-col-1:#ed6a5a;--error-col-2:#ed6b5a1a;--border-thickness:1px;--transition-duration:0.3s;--border:var(--border-thickness) solid var(--light-col-1);--border-radius:5px;--font-family:"Open Sans",Arial,Helvetica,sans-serif;--small-spacing:6px;--component-margin:10px;--scr-width:15px;--scr-shadow:inset 0 0 5px var(--dark-col-1)}body{background-color:#121212;background-color:var(--dark-col-1);font-family:Open Sans,Arial,Helvetica,sans-serif;font-family:var(--font-family);margin:0}#root{overflow:hidden}h1,h2,h3,p{color:#fff;color:var(--light-col-1)}a{color:#9ca1ef;color:var(--elt-col-3);transition:color .3s;transition:color var(--transition-duration)}a,a:hover{text-decoration:underline}a:hover{color:#c4c6f5;color:var(--elt-col-4)}hr{background-color:#fff;background-color:var(--light-col-1);border:none;height:1px;height:var(--border-thickness)}.ant-collapse-header{align-items:center!important}.ant-select-selection-item{font-size:1rem}::-webkit-scrollbar{width:15px;width:var(--scr-width)}::-webkit-scrollbar,::-webkit-scrollbar-track{border-radius:15px;border-radius:var(--scr-width)}::-webkit-scrollbar-track{background-color:#fff;background-color:var(--light-col-1);box-shadow:inset 0 0 5px #121212;box-shadow:var(--scr-shadow)}::-webkit-scrollbar-thumb{background-color:#4e5de4;background-color:var(--elt-col-1);border-radius:15px;border-radius:var(--scr-width)}::-webkit-scrollbar-thumb:hover{background-color:#9ca1ef;background-color:var(--elt-col-3)}
/*# sourceMappingURL=main.480ff98b.css.map*/