body{margin:0;padding:0}main{min-height:500px;display:block}pre{overflow:auto}label{display:inline-block;width:0px}html{font-size:14px}@media(max-width:1199px){html{font-size:16px}.btn{padding:0 0 0 0}}@media(min-width:1200){html{font-size:16px}}html{position:relative;min-height:100%}@font-face{font-family:'YellowSubmarine';src:url('/assets/fonts/YellowSubmarine.woff2') format('woff2'),url('/assets/fonts/YellowSubmarine.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}.form-color-check-input:focus{border-color:rgba(0,0,0,0);outline:0;box-shadow:none!important}.form-color-check-input{border:0!important;background-color:rgba(0,0,0,0);cursor:pointer}.form-color-check-input:checked[type=checkbox]{border:0!important;background-size:18px;background-image:url(/images/check-border.svg);border-color:rgba(0,0,0,0)}.form-color-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.ruler-wrapper{position:relative;border-top:6px solid #b2b2b2;border-left:6px solid #b2b2b2;color:rgba(0,0,0,.5);font-size:small;display:none}.ruler-wrapper h2{font-size:1rem;text-transform:uppercase;letter-spacing:3px;position:absolute;top:-19px;padding:5px;left:40%;margin:auto;background:#fff;color:#b2b2b2;font-weight:bolder}.ruler-wrapper h3{font-size:1rem;text-transform:uppercase;letter-spacing:3px;position:absolute;bottom:30%;left:0;margin-left:-19px;padding:5px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;background:#fff;color:#b2b2b2}.ruler-invisible-border{border-left:10px solid #fff;border-top:10px solid #fff}.slider img{height:60px;width:auto}.slider button{border:0}.box{border-top:2px solid #3562ab!important;border-radius:.25rem;border-left:2px solid #3562ab!important;border-right:2px solid #3562ab!important;height:100%}.box-bottom-area-side{border-bottom:2px solid #3562ab!important}.box-bottom-area-middle{margin-top:-55px;border-top:2px solid #3562ab!important;border-bottom:#fff;border-left:2px solid #3562ab!important;border-right:2px solid #3562ab!important;z-index:1000;border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.btn-outline-primary:hover{color:#fff;background-color:#dd9b17;border-color:#dd9b17}.btn-outline-primary{color:#fff;background-color:#b2b2b2;border-color:#b2b2b2}#preview-container h6.card-title{font-size:.8rem}.responsive{width:100%;max-height:60px;width:auto}.logo-text{font-family:'YellowSubmarine',serif;color:#3562ab}.tab-nav{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:.2rem;border-bottom-left-radius:.2rem}@media(max-width:283.98px){.logo-text{font-size:22px;margin-left:14px}.logo-img{max-height:20px}.tab-div{top:22px}.tab-nav{padding-right:.3rem!important;padding-left:.3rem!important;margin-right:.1rem!important;margin-left:.1rem!important;font-size:.65rem;border-radius:.1rem}.form-color-check-input:checked[type=checkbox]{background-size:12px!important}.form-color-check-input{width:.5em;height:.5em}#import-file-image{width:200px;height:200px}#image-2-wrapper{height:300px}#canvas-wrapper{height:300px}#canvas{width:220px;height:370px}}@media(min-width:284px){.logo-text{font-size:28px;margin-left:14px}.logo-img{max-height:30px}.tab-div{top:29px}.tab-nav{padding-right:1.5rem!important;padding-left:1.5rem!important;margin-right:.25rem!important;margin-left:.25rem!important;font-size:.875rem}#image-2-wrapper{height:300px}#import-file-image{margin-top:30px;width:300px;height:300px;cursor:pointer}#image-2-wrapper{max-height:80%;height:450px;overflow:auto}#canvas-wrapper{height:570px;overflow:auto}#canvas{width:270px;height:400px}}@media(min-width:576px){.logo-text{font-size:36px;margin-left:18px}.logo-img{max-height:40px}.tab-div{top:26px}#canvas{width:500px;height:750px}}@media(min-width:768px){.logo-text{font-size:38px;margin-left:19px}.logo-img{max-height:44px}.tab-div{top:29px}#canvas{width:300px;height:450px}}@media(min-width:992px){.logo-text{font-size:38px;margin-left:19px}.logo-img{max-height:44px}.tab-div{top:28px}}@media(min-width:1200px){.logo-text{font-size:40px;margin-left:20px}.logo-img{max-height:50px}.tab-div{top:36px}#image-2-wrapper{max-height:85%;height:475px}}input[type=range]{height:8px;-webkit-appearance:none;margin:10px 0;width:100px}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#f7c760;border-radius:0;border:1px solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:1px solid #000;height:20px;width:12px;border-radius:3px;background:#f7c760;cursor:pointer;-webkit-appearance:none;margin-top:-8px}input[type=range]:focus::-webkit-slider-runnable-track{background:#f7c760}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#f7c760;border-radius:0;border:1px solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid #000;height:20px;width:12px;border-radius:3px;background:#f7c760;cursor:pointer}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#f7c760;border:1px solid #000;border-radius:0;box-shadow:0 0 0 #000}input[type=range]::-ms-fill-upper{background:#f7c760;border:1px solid #000;border-radius:0;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #000;height:20px;width:12px;border-radius:3px;background:#f7c760;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#f7c760}input[type=range]:focus::-ms-fill-upper{background:#f7c760}