@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);.overlay.overlay-fade-in{background:hsla(0,0%,100%,.7)}.wind-in{animation-name:exp-wind-in}.wind-in,.wind-out{animation-duration:.4s}.wind-out{animation-fill-mode:forwards;animation-name:exp-wind-out}@keyframes exp-wind-in{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes exp-wind-out{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.editor-container .banner{animation-duration:.3s;animation-name:slideDown;background-color:var(--panel-background);border-radius:10px;height:60px;left:calc(50% - 210px);padding:5px;position:absolute;top:10px;width:400px;z-index:10001}.editor-container .banner .top-wrapper{display:flex;height:100%;overflow:hidden;width:100%}.editor-container .banner .title{color:var(--icon-interactive);font-size:22px;font-weight:500;height:100%;line-height:60px;padding-left:10px;width:330px}.editor-container .banner .title>img{display:inline;height:22px;margin:0 15px;transform:translateY(3px) scale(1.6);width:22px}.editor-container .banner .close-button{height:44px;margin:auto 7px;width:60px}.editor-container .banner .tool-buttons{display:flex;height:100%;justify-content:space-evenly;width:100%}.editor-container .banner .tool-buttons .contextmenu-button{--size:50px;align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:12px;height:var(--size);justify-content:space-between;padding:5px;width:var(--size)}.editor-container .banner .tool-buttons .contextmenu-button .icon{--size:34px;height:var(--size);width:var(--size)}@keyframes slideDown{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.confirm-wrapper{background:var(--panel-background);border-radius:10px;color:var(--dark-text);margin:calc(50vh - 200px) auto 0;padding:20px;width:290px}.confirm-wrapper .header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;width:100%}.confirm-wrapper .header .icon{height:150px;width:150px}.confirm-wrapper .header .text{font-weight:700;line-height:26px;margin-bottom:20px}.confirm-wrapper .message-container{margin:20px 0}.confirm-wrapper .message-container .message{line-height:1.3;text-align:center}.confirm-wrapper .button-row{display:flex;justify-content:space-around;width:100%}.confirm-wrapper .button-row>button{width:45%}.context-container{border-radius:5px;display:flex;flex-direction:column;overflow:hidden}.context-container .custom-options{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.5);display:flex;justify-content:space-evenly}.context-container .general-options{background:#fff;display:flex;flex-direction:column}.context-container .custom-options .contextmenu-button{all:unset;align-items:center;cursor:default;display:flex;flex-direction:column;height:45px;padding:1px 5px;user-select:none;width:45px}.context-container .custom-options .contextmenu-button .icon{height:20px;margin-top:5px;width:20px}.context-container .custom-options .contextmenu-button span{font-size:12px;font-weight:700;line-height:15px;margin-top:3px;text-align:center;white-space:nowrap}.context-container .custom-options .contextmenu-button:hover span{color:var(--highlight)}.context-container .general-options .contextmenu-button{all:unset;cursor:default;height:30px;padding:5px 10px 5px 5px;user-select:none}.context-container .general-options .contextmenu-button .icon{float:left;height:19px;margin:6px 8px 0 2px;width:19px}.context-container .general-options .contextmenu-button span{line-height:30px}.context-container .general-options .contextmenu-button:hover{background-color:var(--highlight);color:#fff}.custom-component.number-input:hover{border-left:2px solid var(--icon-interactive);border-right:2px solid var(--icon-interactive)}.custom-component .adjust{align-items:center;background:#fff;border:2px solid var(--icon-interactive);box-sizing:border-box;display:none;height:21px;justify-content:center;left:-2px;position:absolute;user-select:none;width:calc(100% + 4px)}.custom-component .adjust.adjust-down{border-radius:0 0 8px 8px;border-top-color:transparent;bottom:-18px}.custom-component:hover .adjust{display:flex}.custom-component .adjust.adjust-down:before{background-image:url(/1947b88dfb9e30a601a0.svg);background-position:50%;background-repeat:no-repeat;content:"";height:100%;width:100%}.custom-component .adjust.adjust-up{border-bottom-color:transparent;border-radius:8px 8px 0 0;top:-18px}.custom-component .adjust.adjust-up:before{background-image:url(/1947b88dfb9e30a601a0.svg);background-position:50%;background-repeat:no-repeat;content:"";height:100%;transform:rotate(180deg);width:100%}.custom-component .adjust.adjust-down:hover:before,.custom-component .adjust.adjust-up:hover:before{background-image:url(/867a29e7754da1e5e4bf.svg)}*{-webkit-user-select:none;user-select:none}body{font-family:Roboto,"sans-serif";margin:0;padding:0}button{--button-icon-color:var(--dark-text);all:unset;background-color:var(--button-background);border:1px solid var(--button-light-border);border-radius:4px;box-sizing:border-box;cursor:pointer;padding:8px;text-align:center;transition:.1s;user-select:none}button img,button svg{display:inline;height:.9em;margin-right:10px;transform:scale(1.4);width:.9em}button:hover{background-color:var(--button-background-hover)}button[selected]{--button-icon-color:var(--white-text);background-color:var(--button-selected-background);border:1px solid var(--button-light-border-selected);color:var(--white-text)}button[selected]:hover{background-color:var(--button-background-selected-hover)}button:active{transform:scale(.9)}button.compact{font-size:13px;padding:2px 4px}.close-button,.tab{cursor:pointer}.tab{background:var(--tab-set-back);border:1px solid var(--panel-background-set-back);border-radius:10px 10px 0 0;height:23px;line-height:23px;padding:6px;text-align:center}.tab[selected]{background:var(--panel-background);border:1px solid var(--panel-outline);border-bottom:none;font-weight:700;z-index:1}.tab>img{height:1em;margin-right:5px;transform:scale(1.2);width:1em}.clickable:hover{background:var(--interactive-hover-background);border-radius:var(--clickable-border-radius)}.anno-button{--size:50px;height:var(--size);margin:10px 0;padding:0 0 0 10px;transition:.2s;width:var(--size)}.anno-button img{pointer-events:none}.anno-button .tool-icon,.anno-button.color-picker{transition:.2s}.anno-button.color-picker:hover,.anno-button:hover .tool-icon:hover{transform:scale(1.2)}.anno-button[selected=true]{border-left:8px solid var(--highlight);padding-left:5px}.anno-button .pseudo-input{display:block}.anno-button.color-picker>label{border-radius:10px;height:80%;margin:10%;width:80%}.editor-container .toolbar .tool-icon{height:100%;width:100%}.editor-container{height:100vh;position:relative;user-select:none;width:100vw}.editor-container .topbar{display:flex;height:70px;justify-content:space-between;pointer-events:none;position:fixed;top:0;width:100%;z-index:10001}.topbar .topbar-tools{background:var(--panel-background);border-radius:10px;display:flex;height:60px;margin:5px;pointer-events:all}.topbar .topbar-action{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;margin:5px;padding:5px;width:40px}.topbar .topbar-action img{height:100%;width:100%}.topbar .export-button{border-left:3px solid #fff}.topbar .reset-button>img{transform:scale(.7)}.topbar .export-button img{--size:80%;height:var(--size);width:var(--size)}.editor-container .history-button.disabled{opacity:.6}.editor-container .history-button.disabled:hover{background:var(--panel-background);cursor:default}.editor-container .history-button img{--size:85%;height:var(--size);width:var(--size)}.editor-container .viewport{align-items:center;background:var(--viewport-background);display:flex;height:100vh;justify-content:center;width:100vw}.editor-container .item-import{background:var(--panel-background);border-radius:0 15px 15px 0;height:calc(100vh - 60px);left:0;overflow:hidden;position:fixed;top:10px;width:290px;z-index:10002}.editor-container .toolbar{left:0;position:fixed;top:100px;z-index:10001}.editor-container .sidebar{height:calc(100vh - 54px);padding-top:10px;pointer-events:none;position:fixed;right:0;top:64px;width:290px;z-index:10001}.editor-container .box-menu{padding:10px 5px 10px 0}.editor-container .bottom-bar{--content-height:35px;bottom:0;display:flex;height:45px;justify-content:space-evenly;left:0;position:fixed;user-select:none;width:100vw;z-index:10001}.editor-container .bottom-bar>div{background:var(--panel-background);border-radius:5px;display:flex;height:var(--content-height);padding:5px}.editor-container .bottom-bar label{align-items:center;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;height:var(--content-height);justify-content:center;margin:0 2px;width:var(--content-height)}.editor-container .bottom-bar .gridsize-wrapper .icon{height:90%;width:90%}.editor-container .bottom-bar .exclusive-view-wrapper .icon{height:85%;width:85%}.editor-container .bottom-bar input:checked+label{border:2px solid var(--highlight)}.editor-container .overlay{background:hsla(0,0%,100%,0);display:none;height:100vh;left:0;position:absolute;top:0;transition:var(--overlay-trans-time);width:100vw;z-index:10003}.editor-container .box-menu{max-height:75vh;pointer-events:all;width:100%}.editor-container .vert-scroll{overflow-x:hidden;overflow-y:auto}.box-shadow{box-shadow:2px 2px 8px 0 rgba(0,0,0,.6)}.cursor-c{cursor:all-scroll}.checkerboard-bg{background:repeating-conic-gradient(#999 0 25%,#fff 0 50%) 50% /20px 20px}.export-wrapper{background-color:var(--panel-background);border-radius:15px;box-sizing:border-box;margin:10vh auto;max-height:80vh;padding:15px;position:relative;width:800px}.export-wrapper .close-button{height:20px;position:absolute;right:15px;top:15px;width:20px}.export-wrapper .headline{color:#323232;font-size:20px;font-weight:700;margin-bottom:20px}.export-wrapper .section-headline{color:#323232;font-size:16px;font-weight:700;margin-bottom:20px}.export-wrapper .headline img{--size:24px;float:left;height:var(--size);margin:0 10px 0 0;width:var(--size)}.export-wrapper>div{width:100%}.export-wrapper .preview{align-items:center;display:flex;height:276px;justify-content:space-evenly;margin:20px 0}.export-wrapper .preview .preview-label{color:var(--muted-grey-text);font-size:12px}.export-wrapper .preview .preview256{--size:256px;height:var(--size);width:var(--size)}.export-wrapper .preview .preview64{--size:64px;height:var(--size);width:var(--size)}.export-wrapper .preview .preview32{--size:32px;height:var(--size);width:var(--size)}.export-wrapper .preview .preview16{--size:16px;height:var(--size);width:var(--size)}.export-wrapper .preview .preview-item{background-color:var(--viewport-background);border:1px solid var(--contour-grey);border-radius:2px}.export-wrapper .export-options{margin:20px 0}.export-wrapper .export-row{display:flex;margin:20px 0}.export-wrapper .export-row .file-name-input{background-color:var(--button-background);border:1px solid var(--button-light-border);border-radius:4px 0 0 4px;border-right:none;font-size:inherit;text-align:right;transition:.1s}.export-wrapper .export-row .file-name-input:hover{background-color:var(--button-background-hover)}.export-wrapper .export-row .file-ext{align-items:center;background-color:var(--button-background);border:1px solid var(--button-light-border);border-left:none;border-radius:0 4px 4px 0;display:flex;padding:0 5px;width:45px}.export-wrapper .export-row .download-button{margin-left:10px}.editor-container .infobox{background:var(--panel-background);border-radius:10px;box-sizing:border-box;height:60px;margin:5px;padding:10px;position:relative;width:280px}.editor-container .infobox.highlight{border-left:5px solid var(--highlight);height:165px;margin:10px 5px;opacity:1}.infobox img{height:100%;width:100%}.infobox .headline{color:var(--mute-gray);cursor:pointer;font-size:20px;font-weight:500;height:30px;line-height:30px;position:relative;width:100%}.infobox .headline img{float:left;height:26px;margin:2px 8px 2px 0;width:26px}.infobox .preview{--size:90px;background-color:var(--viewport-background);border:1px solid var(--contour-grey);border-radius:8px;display:none;float:left;height:var(--size);margin:12px 10px 0 0;width:var(--size)}.infobox.expanded .preview{display:block}.infobox .top-wrapper{display:flex;flex-wrap:wrap;height:30px;left:10px;position:absolute;width:260px}.infobox.expanded .top-wrapper{height:135px;left:5px}.infobox .order-wrapper{margin-left:15px}.infobox .border-wrapper,.infobox .color-wrapper,.infobox .order-wrapper{display:flex;justify-content:flex-start}.infobox .line{display:flex}.infobox .line.upper{width:220px}.infobox .line.lower{display:none;width:260px}.infobox.expanded .line.lower{display:flex;flex-direction:column;margin:10px 0 0 1px}.infobox .pseudo-input{align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0;padding:0;width:40px}.infobox .hide-wrapper .hide-button{margin:0 0 0 4px}.infobox .lower .icon{height:30px;margin:5px 20px 5px 5px;width:30px}.infobox .border-wrapper{margin-top:10px}.infobox .shape-icon{--icon-size:40px;height:var(--icon-size);width:var(--icon-size)}.infobox .order-wrapper button{--size:24px;all:unset;height:var(--size);width:var(--size)}.infobox .pseudo-input:last-child{margin-right:0}.infobox .delete-wrapper>div,.infobox .hide-wrapper>div,.infobox .order-wrapper>div{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--white-text);cursor:default;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0;opacity:.6;padding:8px;width:40px}.infobox.highlight .delete-wrapper>div,.infobox.highlight .hide-wrapper>div,.infobox.highlight .order-wrapper>div,.infobox:hover .delete-wrapper>div,.infobox:hover .hide-wrapper>div,.infobox:hover .order-wrapper>div{opacity:1}.infobox .hide-wrapper button:hover,.infobox .order-wrapper button:hover{background-color:var(--viewport-background)}.infobox .pseudo-input[checked]{border:4px solid var(--highlight)}.infobox .button-group{display:flex;justify-content:space-evenly}.infobox .button-group :first-child{border-radius:8px 0 0 8px}.infobox .button-group :last-child{border-radius:0 8px 8px 0}.item-import{transition:.2s}.item-import.outside{transform:translateX(-300px)}.item-import.inside{transform:translateX(0)}.item-import .top-parent{height:100%;width:100%}.item-import .header{color:var(--muted-grey-text);display:flex;height:35px;justify-content:flex-start;padding:5px 0 0;position:relative;width:100%}.item-import .close-button{height:16px;position:absolute;right:10px;top:10px;width:16px}.item-import .header-item{width:38%}.item-import .content{border-top:1px solid var(--panel-outline);height:calc(100% - 61px);padding:10px;position:relative}.item-import .content .saved-projects{display:grid;gap:10px;grid-template-columns:1fr 1fr}.item-import .content .saved-projects .save-current-wrapper{display:flex;grid-column-end:3;grid-column-start:1;justify-content:center}.item-import .content .saved-projects .save-current-wrapper>button{width:90%}.item-import .content .preset-icons .preset-icons-content{display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr;padding-top:20px}.item-import .content .preset-icons .type-selection{display:flex;justify-content:space-around}.item-import .content .preset-icons .type-selection>button{width:48%}.item-import .content .item{background:var(--viewport-background);border-radius:5px;padding:5px}.item-import .content .saved-projects .item .preview{height:110px;margin:5px;width:110px}.item-import .content .preset-icons .item .preview{height:61px;margin:5px;width:61px}.item-import .content .item .actions{display:flex;justify-content:space-evenly}.item-import .content .saved-projects .item .actions>button{width:45%}.item-import .content .preset-icons .item .actions>button{width:90%}.item-import .content .hidden{display:none!important}.roadmap-link-wrapper{background-filter:blur(3px);align-items:center;backdrop-filter:blur(1px);background:hsla(0,0%,100%,.7);display:flex;height:calc(100% - 40px);left:0;padding:20px;position:absolute;top:0;width:calc(100% - 40px)}.roadmap-link-wrapper>div{text-align:center}.rotate-display{--size:30px;border-radius:50%;height:var(--size);overflow:hidden;width:var(--size)}.rotate-display .text-box{border-radius:50%;color:#000;font-size:10px;height:100%;left:0;line-height:var(--size);position:absolute;text-align:center;top:0;width:100%}:root{--panel-background:#fff;--panel-background-set-back:#ccc;--panel-outline:#a7a7a7;--highlight:#307ffd;--deep-blue:#00f;--mute-gray:#505050;--select-black:#000;--panel-shadow:0px 2px 6px 0px rgba(0,0,0,.5);--mute-grey:#ccc;--header-panel-grey:#929292;--delete-red:#ff4040;--default-button-color:#6a6a6a;--icon-interactive:#575757;--viewport-background:#fff;--contour-black:#000;--contour-grey:#ccc;--interactive-hover-background:#dcdcdc;--clickable-border-radius:5px;--white-text:#fff;--dark-text:#161616;--muted-grey-text:#636363;--button-light-border:#ccc;--button-darker-border:#a2a2a2;--button-background:#fefefe;--button-background-hover:#ededed;--button-selected-background:#307ffd;--button-light-border-selected:#2869d0;--button-darker-border-selected:#144797;--button-background-selected-hover:#1a6bee;--tab-set-back:#ccc;--overlay-trans-time:0.2s}