.page-builder{line-height:1.1}.page-builder *{-ms-overflow-style:none;scrollbar-width:none}.page-builder * ::-webkit-scrollbar{display:none}.page-builder .header{display:flex;justify-content:space-between;align-items:center;position:relative;height:64px;font-size:32px;font-weight:700;color:#40e0d0;padding-right:30px;background:#2e3047}.page-builder .header-logo{display:flex;align-items:center;height:64px;width:64px;margin-left:15px;padding:0 5px}.page-builder .header-logo img{max-height:100%;max-width:100%}.page-builder .header-support{display:flex;align-items:center;justify-content:center;height:32px;width:32px;margin-right:15px;padding:0 5px;transition:.4s}.page-builder .header-support:hover{cursor:pointer;transform:scale(1.1);transition:.4s}.page-builder .header-support img{max-height:100%;max-width:100%}.page-builder .container{display:flex;align-items:flex-start;padding:0;height:calc(100vh - 60px - 64px);justify-content:space-around;background:#707793;flex-wrap:wrap}.page-builder h2{text-align:center;margin-bottom:40px;width:100%}.page-builder .headline{margin-bottom:16px;text-align:center;background:#3bba9c;border-radius:25px;padding:8px 20px;font-weight:700;color:#fff}.page-builder .from-fixed{position:fixed;top:12%;left:2%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:82%;width:32%;overflow:auto}.page-builder .to{width:45%;margin:2.5% 0 40px 13%;padding:10px 0 40px;background:#fff;border-radius:18px;justify-content:flex-start;box-shadow:0 0 16px 0 rgba(50,50,50,.75)}.page-builder .settings-fixed{position:fixed;top:12%;right:3%;display:flex;width:15%;flex-direction:column;justify-content:space-between;align-items:center}.page-builder .matrix{display:flex;flex-direction:column;align-items:flex-start;margin:6px 0 50%;border:2px dashed #fff;border-radius:14px;padding:12px 6px}.page-builder label{font-size:15px;padding-left:2px;text-align:center;color:#fff}.page-builder input[type=number]{height:30px;width:50px;margin:3px auto 10px;font-size:15px;text-align:center;background:#fff!important}.page-builder input[type=number]:focus-visible{background:#fff!important}.page-builder button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer;width:110px}.page-builder .btn-run{text-align:center;background:#3bba9c;color:#fff;width:150px;transition:.4s;padding:3px 5px;margin:3px auto;border:1px solid #3bba9c;border-radius:6px}.page-builder .btn-run:hover{background:#fff;color:#3bba9c;border:1px solid #3bba9c;transition:.4s}.page-builder .btn-clear{text-align:center;background:#eb3467;color:#fff;border:1px solid #eb3467;transition:.4s;padding:3px 5px;width:150px;margin:15px auto 0;border-radius:6px}.page-builder .btn-clear:hover{background:#fff;color:#eb3467;border:1px solid #eb3467;transition:.4s}.page-builder .delete{height:100px;width:calc(100% - 20px);color:#fff;margin-bottom:18%;padding:0 10px}.page-builder .delete,.page-builder .download{display:flex;align-items:center;justify-content:center;font-size:22px;text-align:center;border:2px dashed #fff;border-radius:13px}.page-builder .download{height:50px;width:100%;font-weight:700;color:#40e0d0;transition:.5s;cursor:pointer}.page-builder .download:hover{height:50px;color:#fff;border:2px dashed #3bba9c;border-radius:13px;background:#3bba9c}.page-builder .imgsFrom{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}.page-builder .family-label{width:100%}.page-builder .family{display:flex;flex-direction:column;align-items:center;position:relative}.page-builder select{padding:6px;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px}.page-builder option,.page-builder select{cursor:pointer;text-align:center}.page-builder option:hover{background:green;cursor:pointer}.page-builder .imgsTo{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;padding:20px 15px 10px}.page-builder .imgFrom-wrapper{display:flex;flex-basis:53px;flex-direction:column;justify-content:flex-end;align-items:center;margin:.5%;height:auto;transition:.3s}.page-builder .sku-name{color:#fff;font-size:10px;text-align:center;min-height:40px}.page-builder .imgTo-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding:0 3px;margin:0 0 30px;width:9.5%;height:auto;transition:.3s;font-family:Advent Pro,sans-serif}.page-builder .imgTo-wrapper .sku-name{color:#121f1a;min-height:1px;display:none}.page-builder.b-show-image-name .imgTo-wrapper .sku-name{display:block}.page-builder .imgTo-wrapper:hover{cursor:pointer}.page-builder .imgTo-wrapper:hover>img{opacity:.4!important}.page-builder .imgTo-wrapper:hover:after{content:"Видалити ✖";color:crimson;opacity:1;font-family:Advent Pro,sans-serif}.page-builder .imgTo-wrapper img{opacity:1!important}.page-builder .imgTo-wrapper:before{content:"" attr(data-content) "";position:absolute;bottom:calc(30% - 14px);left:calc(50% - 8px);font-size:24px;color:#dcdcdc}.page-builder .imgTo-wrapper[data-image-index]:before{content:none}.page-builder .imgTo-wrapper:after{display:flex;align-items:flex-start;min-height:30px;background:#fff;content:"" attr(data-text) "";font-size:10px;line-height:10px;color:#000;text-align:center;padding:4px 0;z-index:2;font-family:Advent Pro,sans-serif;position:absolute;bottom:-29px}.page-builder img{z-index:2}.page-builder img[data-size=KS]{max-width:70%}.page-builder img[data-size="7.0"],.page-builder img[data-size="90"]{max-width:60%}.page-builder img[data-size="100"]{max-width:70%}.page-builder img[data-size="25"]{max-width:85%}.page-builder img[data-size="30"],.page-builder img[data-size="40"]{max-width:88%}.page-builder img[data-size=sticks]{max-width:100%}.page-builder .imgFrom-wrapper:hover{transform:scale(1.15);transition:.35s;z-index:3}.page-builder .background{display:block;background:#000;opacity:.7;position:fixed;top:0;left:0;width:100%;min-height:100vh;z-index:2}.page-builder .modal{position:fixed;background:#fff;border-radius:20px;top:12%;left:15%;width:70%;height:80%;box-shadow:0 0 28px -2px #222;z-index:2;padding-bottom:20px;overflow:auto}.page-builder .modal,.page-builder .modal-wrapper{display:flex;flex-direction:column;align-items:center}.page-builder .modal-wrapper{position:relative;width:100%}.page-builder .close-btn{font-size:26px;color:#eb3467;position:absolute;right:13px;top:8px;cursor:pointer}.page-builder .modal h2{margin:14px 0 24px;width:80%;text-align:center}.page-builder .name-container{position:relative;min-height:130px}.page-builder .name-label{display:block;color:#000;margin:10px 0}.page-builder .name-input{height:30px;width:150px;margin:0 auto 5px;font-size:17px;text-align:center;color:#3bba9c;border-radius:10px;border:1px solid #d3d3d3!important}.page-builder ::placeholder{color:#d6d6d6;font-size:16px}.page-builder .error{position:absolute;display:block;width:260px;color:#eb3467;font-size:14px;left:-30px;bottom:40px}.page-builder .btn-download{text-align:center;background:#3bba9c;color:#fff;border:1px solid #3bba9c;transition:.4s;padding:3px 7px 4px;width:100px;margin:3px auto;border-radius:6px;cursor:pointer;text-decoration:none}.page-builder .btn-download:hover{background:#fff;color:#3bba9c;border:1px solid #3bba9c;transition:.4s}.page-builder .instruction1{text-align:center;font-size:16px}.page-builder .instruction2{text-align:center;color:green;font-size:18px;margin-bottom:30px}.page-builder canvas{box-shadow:0 0 16px 0 rgba(50,50,50,.75)}.page-builder .modal-support{position:fixed;display:flex;width:240px;padding:20px;right:90px;top:40px;z-index:8;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 13px 1px #000;border-radius:16px;overflow:auto}.page-builder .modal-support a{text-decoration:underline}.page-builder .modal-support-text{margin:30px 0;font-size:18px}.page-builder .modal-support .ok-btn{background:#40e0d0;border:2px solid #40e0d0;width:100px;padding:10px;border-radius:8px;color:#fff;font-size:14px;text-align:center;cursor:pointer}.page-builder .modal-support .ok-btn:hover{background:#fff;border:2px solid #40e0d0;color:#40e0d0}