*{margin:0;padding:0;box-sizing:border-box;max-width:100%}#container{width:100vw;height:100vh;display:flex}#container .selected-element{border:3px solid #ab8ce7 !important}#container #control-panel{position:fixed;width:400px;height:100%;background-color:#1f2124}#container #control-panel .card-panel{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;justify-content:space-between}#container #control-panel .card-panel .card-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}#container #control-panel .card-panel .card-wrapper .card{justify-self:stretch;height:100px;border:2px solid #4f5256;border-radius:3px;display:flex;justify-content:center;align-items:center;color:#d5d8dc;font-size:50pt}#container #control-panel .card-panel .card-wrapper .selected-card{background-color:#353b44}#container #control-panel .card-panel .button-wrapper{width:100%;display:flex;justify-content:space-evenly}#container #control-panel .card-panel .button-wrapper button{width:40%;height:25px}#container #control-panel .card-panel .button-wrapper .edit-button{width:25px}#container #control-panel .element-panel .button-wrapper{display:flex;justify-content:space-between}#container #control-panel .element-panel .button-wrapper div{width:50px;height:50px;margin:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;font-size:25pt;font-weight:bolder;cursor:pointer}#container #control-panel .element-panel .property-wrapper{display:flex;flex-wrap:wrap;color:#fff}#container #control-panel .element-panel .property-wrapper .property-box-vertical{width:45%;margin:10px;display:flex;flex-direction:column}#container #control-panel .element-panel .property-wrapper .property-box-vertical label{margin-bottom:3px}#container #control-panel .element-panel .property-wrapper .property-box-horizontal{width:100%;margin:10px;display:flex;flex-direction:row;align-items:center}#container #control-panel .element-panel .property-wrapper .property-box-horizontal label{margin-right:5px}#container .hide-editor .insert-button{width:100% !important}#container .hide-editor .add-button,#container .hide-editor .edit-button{display:none}@media(max-width: 1200px){#container #control-panel{width:200px}#container #control-panel .card-panel .card-wrapper{grid-template-columns:1fr;gap:10px}#container #control-panel .card-panel .button-wrapper{flex-direction:column}#container #control-panel .card-panel .button-wrapper button{width:100%}#container #control-panel .card-panel .button-wrapper .edit-button{width:100%}}@media(max-width: 768px){#container #control-panel{width:100%;height:100px;bottom:0}#container #control-panel .card-panel{padding:5px;flex-direction:row;justify-content:space-between;align-items:center}#container #control-panel .card-panel .card-wrapper{display:flex}#container #control-panel .card-panel .card-wrapper .card{width:50px;height:80px}#container #control-panel .card-panel .button-wrapper{width:30%}#container #control-panel .element-panel{display:flex}#container #control-panel .element-panel .button-wrapper{height:100px;padding:5px;flex-direction:column}#container #control-panel .element-panel .button-wrapper div{width:25px;height:25px;margin:5px;font-size:15px}#container #control-panel .element-panel .property-wrapper{flex-direction:row;align-items:center}#container #control-panel .element-panel .property-wrapper .property-box-vertical{width:50px;margin:5px;display:flex;flex-direction:column}#container #control-panel .element-panel .property-wrapper .property-box-vertical label{margin-bottom:3px}#container #control-panel .element-panel .property-wrapper .property-box-horizontal{width:50px;margin:10px;display:flex;flex-direction:column;align-items:center}#container #control-panel .element-panel .property-wrapper .property-box-horizontal label{margin-right:5px}}#page{margin-left:400px;width:calc(100% - 400px);height:-moz-max-content;height:max-content;min-height:100%;flex-grow:1}#page div{display:flex}#page p{height:-moz-max-content;height:max-content}@media(max-width: 1200px){#page{margin-left:200px;width:calc(100% - 200px)}}@media(max-width: 768px){#page{width:100%;height:calc(100% - 100px);margin-bottom:100px;margin-left:0}}/*# sourceMappingURL=main.css.map */