@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{background-color:#fdf7fd}.App{display:flex;flex-direction:row;margin-top:10px}.view-port{margin-left:auto;margin-right:auto;margin-top:20px}.app-canvas-wrapper{height:auto;margin-left:auto;margin-right:auto}.horizental-center{display:flex;justify-content:center;text-align:center;align-items:center}.horizental-right{margin-top:30px;display:flex;justify-content:right;text-align:center;align-items:center;margin-bottom:10px}.padB-10{padding-bottom:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.custom-slider{background:linear-gradient(to right,#82cfd0,#82cfd0 50%,#fff 50%,#fff);border:solid 1px #82CFD0;border-radius:8px;height:7px;width:356px;outline:none;transition:background .45s ease-in;-webkit-appearance:none}.recent-colors{margin-bottom:10px;border-bottom:solid 1px #dedede}.recent-color-title,.recent-color-explore{font-size:var(--font-size-14);color:#555}.color-item{border:solid 1px #ccc!important}.color-item-selected{border:solid 1px #000!important}.color-container{margin-top:10px;display:flex;align-items:center}.hex-color{border-bottom:solid 1px #ccc;margin-left:10px}.current-color{text-align:center;color:#555;font-size:var(--font-size-13)}.item1{float:left;width:91%}.item2{float:right;border-radius:20px}.hexLabel{font-weight:700;margin-top:3px;margin-right:3px}.review-order{margin-top:0}.card{margin-bottom:20px;min-height:170px;background-color:#fff;border-radius:15px;padding:10px 20px}.review-order-btn{margin-bottom:50px}.review-order h2{text-decoration:underline;margin-bottom:20px;font-size:18px;text-transform:uppercase;font-weight:600;margin-top:10px;letter-spacing:1px;text-align:center}.review-order .image-container img{margin-top:-80px}.review-order h3{text-decoration:underline;margin-bottom:20px;font-size:16px;text-transform:uppercase;font-weight:600;margin-top:10px;letter-spacing:1px}.review-order label{font-weight:700;font-size:var(--font-size-14)}.review-order .detail{margin-top:5px;font-weight:400;font-size:var(--font-size-14)}.review-order span img{margin-top:5px;border-radius:3px}.review-order .mT10{margin-top:10px}.review-order .mL10{margin-left:10px}.review-order hr.rounded{margin-top:30px;border-top:1px solid #d9d9d9;border-radius:5px}.review-order .card .tab-inner-btn{text-align:right;padding:0}.konva-container{position:sticky;top:0}input[type=checkbox]{accent-color:#555}.disabled{cursor:not-allowed}.toolbar-Container{text-align:center;margin:0 13%}.toolbar{border-radius:.75rem;padding:.5rem .75rem;display:flex;box-shadow:#00000026 0 3px 12px;background-color:#fff;gap:10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;width:550px;text-align:center;margin:auto}.toolbar>.font{display:flex}.toolbar>.font>span{font-family:14px;font-weight:700}.toolbar>.font>select{border:0px;padding:0 2px;outline:0;font-size:14px;font-weight:600;font-family:Arial,Helvetica,sans-serif}.toolbar>.font-size{display:flex;gap:5px}.toolbar>.font-size>input{border-top:0px;border-left:0px;border-right:0px;border-bottom:1px solid black;outline:0;width:20px;padding:0 10px;font-size:14px;font-weight:600}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toolbar>.font-size>button{background-color:transparent;font-size:10px;outline:0;border:1px solid transparent;cursor:pointer}.toolbar>.app-button{width:35px;height:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;cursor:pointer}.toolbar>.app-button.T.active{color:red;position:relative}.toolbar>.app-button.T.active:after{position:absolute;content:"";width:35px;height:35px;background-image:""}.toolbar>.app-button:not(.T).active{background-color:#000;color:#fff}.toolbar>.app-button.B{font-weight:800}.toolbar>.app-button.I{font-style:italic}.toolbar>.app-button.U{text-decoration:underline}.toolbar>.app-button.S{text-decoration:line-through}.toolbar>div{margin-top:auto;margin-bottom:auto;display:flex;height:26px;align-items:center;gap:3px}.toolbar>div>.text{font-size:14px;font-weight:700}.toolbar>div>.icon{line-height:10px}:root{--text-color-1: #343537;--font-weight-500: 500;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-17: 17px;--body-background-color: #f8f8f8;--button-background-color: #ebecee;--font-family-roboto: "Roboto"}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}