body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:none;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;outline:none;padding:0}*,body{box-sizing:border-box}body{background-color:#ccc;position:relative}.container{align-items:flex-start;display:flex;min-width:100vw}.tools{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tool,.tools{text-align:center}.tool{align-items:center;aspect-ratio:1/1;border-bottom:.1px solid #888;border-left:.1px solid #888;cursor:pointer;display:flex;height:35px;justify-content:center;padding:5px}.tool:hover{background-color:#8f8989}.tool.active{background-color:#007ccf;color:#fff}.canvas-container canvas{border:1px solid #888;border-top:none}.flex-item.details-side-bar{display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:5px}.color-picker{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;overflow:hidden;position:relative}.color-picker .current-color{margin-right:6px;width:40px}.color-picker .color-input,.color-picker .current-color{border:1px solid #00000080;border-radius:3px;cursor:pointer;height:25px}.color-picker .color-input{background-image:linear-gradient(90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);flex-grow:1}.color-palette{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.color{border-radius:2px;box-shadow:0 0 0 1px #00000080;cursor:pointer;height:20px;padding:5px;width:35px}.input-type-color{border:1px solid red;bottom:0;position:absolute;right:0;translate:0 3px;visibility:hidden;width:0}.size-bar{align-items:center;background-color:#f5f5f5;border-radius:3px;display:flex;gap:5px;justify-content:flex-start;padding:5px;position:relative}.input-size,.size-bar{box-shadow:0 0 0 1px #00000080}.input-size{border:none;border-radius:4px;font-size:15px;outline:none;padding:3px 0;text-align:center;width:20%}.size-preview{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;height:30px;justify-content:center;position:relative}.size-preview .size-dropdown{background-color:#f5f5f5;border-radius:3px;box-shadow:0 0 0 1px #00000080;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:all .2s ease;visibility:hidden;width:100%}.size-preview:hover .size-dropdown{opacity:1;visibility:visible}.size-item{align-items:center;display:flex;height:35px;justify-content:center;width:100%}.size-item:hover{background-color:#ccc}.image-input-box{border:1px solid red;width:100%}.outline-fill-box{align-items:center;display:flex;gap:10px;justify-content:space-between}.outline-fill-box div{align-items:center;display:flex;flex-basis:50%;gap:5px}.modal{border-radius:5px;box-shadow:0 0 0 1px #00000080;margin:5rem auto auto;min-width:30%;padding:1rem}h3{margin:.5rem 0}h3,h5{color:#222}h5{padding-bottom:10px}.modal::-webkit-backdrop{background-color:#00000055}.modal::backdrop{background-color:#00000055}.modal button{border-radius:3px;box-shadow:0 0 0 1px #00000080;cursor:pointer;padding:5px 10px}.btn-box{align-items:center;display:flex;gap:10px;justify-content:end}.ok-btn{background-color:#2196f3}.header{align-items:center;background-color:#aaa;border-bottom:1px solid #888;display:flex;justify-content:space-between;overflow:hidden;padding:5px 20px 6px}.left-box{width:0}.left-box .logo-box{align-items:center;border:1p solid red;display:flex;gap:5px;height:22px;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo-box img{height:100%;margin-left:.7rem;object-fit:cover;scale:2.2;width:100%}.logo-box p{color:#0062a3;font-family:cursive;min-width:200px;text-shadow:2px -3px 1px #aa1616,-2px 3px 1px #2b8800}.center-box{align-items:center;gap:10px}.center-box,.drawing-name-box{display:flex;justify-content:center;width:50%}.drawing-name-box{border-radius:5px;box-shadow:0 0 0 1px #00000080;height:20px;overflow:hidden}.drawing-name-box input[type=text]{background-color:#ddd;color:#666;flex-grow:1;font-size:12px;padding:0 0 1px;text-align:center}.drawing-name-box input[type=text]:focus,.drawing-name-box input[type=text]:hover{color:#222}select{background-color:#ddd;border-radius:5px;box-shadow:0 0 0 1px #00000080;color:#666;display:flex;font-size:12px;height:20px;width:8%}select:focus,select:hover{color:#222}.undo-redo-btn{align-items:center;color:#333;display:flex;justify-content:center}.right-box{display:flex}.choose-bg-h{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h4{margin:.5rem 0}.choose-background-modal{border-radius:5px;box-shadow:0 0 0 1px #00000080;margin:5rem auto auto;min-width:40%;padding:1rem 1rem 2rem}.choose-background-modal::-webkit-backdrop{background-color:#00000055}.choose-background-modal::backdrop{background-color:#00000055}.clr-000{color:#222}.bg-img-container,.solid-clr-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.bg-item{background-color:initial;background-repeat:no-repeat;border-radius:3px;box-shadow:0 0 0 1px #00000080;cursor:pointer;height:80px;transition:all .5s ease;width:150px}.bg-item:hover{box-shadow:0 0 3px 2px #2196f3;scale:1.02}.bg-item.selected{box-shadow:0 0 0 3px #2196f3}.bg-clr-picker{background-image:linear-gradient(20deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.bg-img-picker{background-position:50%;transition:all .3s ease}.input-picker{display:inline-block;height:100%;opacity:0;width:100%}.select-btn{background-color:#2196f3;border-radius:3px;box-shadow:0 0 0 1px #2196f3;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;opacity:.7;padding:8px 25px;transition:all .2s ease}.select-btn:hover{opacity:1;scale:.95}.open-modal-btn{border-radius:3px;box-shadow:inset 0 0 5px 5px #00000080;font-size:16px;font-weight:500;padding:5px 25px}.switch{display:inline-block;height:20px;max-width:45px;min-width:20px;position:relative;width:45px}.switch input{height:100%;opacity:0;position:absolute;width:100%;z-index:1}.slider{background-color:#7a7a7a;border-radius:50px;bottom:0;box-shadow:0 0 0 1px #7a7a7a;display:inline-block;left:0;position:absolute;right:0;top:0;transition:all .25s ease;-webkit-transition:all .25s ease}.slider:before{aspect-ratio:1/1;background-color:#fff;border-radius:50%;content:"";height:85%;left:3%;position:absolute;top:50%;transition:all .2s ease;-webkit-transition:all .2s ease;translate:0 -50%}input:checked+.slider{background-color:#2196f3;box-shadow:0 0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translate(24px);transform:translate(24px)}.popup-wrapper{background-color:#49a8a8;border-radius:5px;box-shadow:0 0 5px 0 #00000080;margin:5rem auto auto;min-width:40%;padding:2rem}.popup-wrapper p{color:#000;font-size:1.5rem;font-weight:900;text-align:center}.popup-wrapper::-webkit-backdrop{background-color:#00000088}.popup-wrapper::backdrop{background-color:#00000088}
/*# sourceMappingURL=main.4554ee7d.css.map*/