.designer-container[data-v-48b78b22]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.designer-container svg[data-v-48b78b22]{border:1px solid #000}.designer-container .left[data-v-48b78b22]{border-right:1px solid #fff;width:500px}.designer-container .left .swatches[data-v-48b78b22]{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:10px;margin:30px 0}.designer-container .left .swatches .swatch[data-v-48b78b22]{cursor:pointer}.designer-container .left .swatches .swatch img[data-v-48b78b22]{width:64px;height:62px}.designer-container .left button[data-v-48b78b22]{height:auto;padding:5px 20px;font-size:18px}.designer-container .left .button-group[data-v-48b78b22]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.designer-container .left .button-group button[data-v-48b78b22]{margin:0 5px}.designer-container .right[data-v-48b78b22]{width:100%;max-height:100%;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.designer-container .right .top-toolbar[data-v-48b78b22],.designer-container .right[data-v-48b78b22]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.designer-container .right .top-toolbar[data-v-48b78b22]{background-color:hsla(0,0%,100%,.5);width:400px;height:40px;margin-bottom:20px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;position:relative}.designer-container .right .top-toolbar .button-group[data-v-48b78b22]{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;margin:0 5px}.designer-container .right .top-toolbar button[data-v-48b78b22],.designer-container .right .top-toolbar img[data-v-48b78b22]{max-height:20px;background-color:#fff;padding:5px;border-radius:4px;cursor:pointer;margin:0 2px;height:30px;width:30px;min-height:30px;min-width:30px;max-width:30px;max-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.designer-container .right .top-toolbar button[data-v-48b78b22]:active,.designer-container .right .top-toolbar img[data-v-48b78b22]:active{-webkit-box-shadow:#807d7d 1px 1px 1px 1px;box-shadow:1px 1px 1px 1px #807d7d;-webkit-filter:opacity(.75);filter:opacity(.75)}.designer-container .right .top-toolbar button.inactive[data-v-48b78b22]{background-color:#000}.designer-container .right .top-toolbar .font-container[data-v-48b78b22]{background-color:#fff;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;padding:0 5px;height:30px;border-radius:4px;cursor:pointer;opacity:.4;width:100px}.designer-container .right .top-toolbar .font-container.enabled[data-v-48b78b22]{opacity:1}.designer-container .right .top-toolbar .font-container .font-dropdown[data-v-48b78b22]{position:absolute;display:grid;grid-template-columns:1fr 1fr;background-color:#fff;top:100%;width:400px;z-index:100;left:0;border-radius:8px;font-size:32px;text-align:center}.designer-container .right .top-toolbar .font-container .font-dropdown div[data-v-48b78b22]{padding:10px 10px}.designer-container .right .top-toolbar .font-container .font-dropdown div[data-v-48b78b22]:hover{background-color:#d3d3d3}@media(max-width:700px){.designer-container .left[data-v-48b78b22]{display:none}}