modal-dieline{background:#030303b5;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;transition:all .5s;visibility:hidden;opacity:0;display:flex}modal-dieline.active{visibility:visible;opacity:1}modal-dieline .close-modal-dieline{top:-40px;right:-40px;cursor:pointer;position:absolute}modal-dieline .close-modal-dieline svg{width:30px;height:30px}modal-dieline .close-modal-dieline svg path{fill:#e0fc15}modal-dieline .svg-cube{width:50px;height:50px}modal-dieline .content-modal{position:relative;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:600px;margin:auto;max-height:810px;height:100%}modal-dieline .content-modal .content-step{border-radius:30px;border:1px solid #e0fc15;background:#fff;max-width:490px;min-height:73px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;flex-wrap:wrap;position:relative}modal-dieline .content-modal .content-step+.content-step{margin-top:24px}modal-dieline .content-modal .content-step .icon-caret{width:15px;height:15px}modal-dieline .content-modal .content-step .icon-stars-modal{z-index:2;top:10px;right:10px;width:88px;height:88px;display:none;position:absolute}modal-dieline .content-modal .content-step h3{color:#030303;font-family:var(--font-futura);font-size:24px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:-.48px;text-transform:capitalize;margin:0;width:100%;padding:25px;display:flex;align-items:center;justify-content:space-between}modal-dieline .content-modal .content-modal-form{width:100%;height:100%;max-width:483px;background:#fff;display:none}modal-dieline .content-modal .content-modal-form p{color:#1e1e1e;font-family:var(--font-futura-pt);font-size:16px;font-style:normal;font-weight:400;line-height:21px;max-width:332px;z-index:3;padding-top:20px}modal-dieline .content-modal .content-modal-form .your-selected{margin-top:12px;display:flex;justify-content:space-between;border-bottom:solid 1px #c2c2c2;padding-bottom:18px;margin-bottom:25px}modal-dieline .content-modal .content-modal-form .your-selected .content-item{width:100%}modal-dieline .content-modal .content-modal-form .your-selected .edit{display:flex;align-items:flex-end;color:#9a9a9a;font-family:var(--font-futura-pt);font-size:12px;font-style:normal;font-weight:400;letter-spacing:-.228px;text-decoration-line:underline;cursor:pointer}modal-dieline .content-modal .content-modal-form .your-selected .content-item .item-product-size{display:flex;align-items:center;justify-content:space-between;width:70%}modal-dieline .content-modal .content-modal-form .your-selected .content-item .item-product-size h3{color:#1e1e1e;font-family:var(--font-futura-pt);font-size:18px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:-.396px;margin:0;padding:0}modal-dieline .content-modal .content-modal-form .your-selected .content-item .item-product-size p{color:#1e1e1e;font-family:var(--font-futura-pt);font-size:16px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:-.304px;margin:0;padding:0;width:100%}.content-modal .content-modal-form .your-selected .content-item .item-product-size .js-size{letter-spacing:1px}modal-dieline .content-modal .content-modal-form download-dieline{position:relative;display:block}modal-dieline .content-modal .content-step.active{padding:34px}modal-dieline .content-modal .content-step.active h3{padding:0}modal-dieline .content-modal .content-step.active .icon-caret{display:none}modal-dieline .content-modal .content-step.active .content-modal-form,modal-dieline .content-modal .content-step.active .icon-stars-modal{display:block}download-dieline input[type=email]{max-width:401px;width:100%;height:50px;border-radius:100px;border:1px solid #000;background:#f5f5f5;color:#011f3a;font-family:var(--font-euclid-flex);font-size:15px;font-style:normal;font-weight:500;line-height:24px;position:relative;padding:13px 26px}download-dieline input[type=email]:focus{border:solid 1px #fc0287;background-color:#ffc7f6}download-dieline input[type=email]:not(:placeholder-shown),download-dieline input[type=email]:focus{padding-top:25px;outline:none}download-dieline .form-group-modal label{color:#777;font-family:var(--font-futura);font-size:15px;font-style:normal;font-weight:500;line-height:24px;left:26px;margin-bottom:0;position:absolute;top:10px;z-index:1;transition:.1s}download-dieline input[type=email]:focus+label,download-dieline input[type=email]:not(:placeholder-shown)+label{top:-1px;left:20px;font-size:12px}download-dieline input[type=email]:invalid+.label{color:#6a0038}download-dieline .form-group-checkbox{display:flex;align-items:center;margin-top:12px;cursor:pointer}download-dieline .form-group-checkbox input{width:16px;height:16px;border-radius:50%;margin-right:10px;color:#1e1e1e;position:relative;-webkit-appearance:none;appearance:none;border:solid 1px #1e1e1e;margin-top:0;cursor:pointer;outline:none}download-dieline .form-group-checkbox input:focus{outline:none}download-dieline .form-group-checkbox input[type=checkbox]:checked:before{content:"";position:absolute;right:7px;top:7px;width:4px;height:8px;border:solid #1e1e1e;border-width:0 1px 1px 0;margin:-1px -1px 0;transform:rotate(45deg) translate(-50%,-50%);z-index:2}download-dieline .form-group-checkbox label{color:#1e1e1e;font-family:var(--font-futura);font-size:10px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}modal-dieline .content-modal .content-modal-form .button{height:37px;margin-top:24px;background:#e0fc15;color:#000;font-family:var(--font-futura-pt);font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:1.4px;text-transform:uppercase;border:1px solid #000;padding:10px 24px;margin-left:auto;display:flex}modal-dieline .content-modal .content-modal-form .button[disabled]{cursor:not-allowed;opacity:.7;background-color:transparent}modal-dieline .content-modal .content-modal-form .button[disabled]:hover{box-shadow:none;color:#000}modal-dieline .content-modal .content-modal-form .button{color:#000;outline:black;box-shadow:none;background-color:#e0fc15}modal-dieline .content-modal .content-modal-form .button:not([disabled]):hover{color:#e0fc15;box-shadow:none;background-color:#000}upload-dieline .content-input-upload{max-width:246px;display:flex;align-items:center;justify-content:space-evenly;border-radius:15px;border:1px solid #000;height:30px;margin:0 auto 24px}upload-dieline .content-input-upload span{color:#000;font-family:var(--font-futura-pt);font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.56px;text-transform:uppercase;text-align:right;width:100%;height:100%;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}upload-dieline .content-input-upload span.active{background:#d0c7c0}upload-dieline .input-file-container{position:relative}upload-dieline .input-file-container .input-file{height:176px;display:flex;align-items:center;justify-content:center;position:relative}upload-dieline .image-loader{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotation;animation-name:rotation;-webkit-animation-timing-function:linear;animation-timing-function:linear;height:100px;width:100px;object-fit:contain;display:none}upload-dieline .pdf-preview{width:100%;height:100%;display:none;object-fit:cover;objet-position:top;pointer-events:none}upload-dieline .input-file-container input[type=file]{left:0;right:0;opacity:0;width:100%;height:100%;cursor:pointer;position:absolute}upload-dieline .input-file-container .drop-area{cursor:pointer;width:100%;height:100%;border:1px dashed #030303;display:flex;align-items:center;flex-direction:column;justify-content:center}upload-dieline .input-file-container .drop-area.dragover{border:1px dashed #e0fc15;cursor:file-drop}upload-dieline .input-file-container .drop-area img{width:55px;height:55px;display:none;object-fit:cover;max-height:169px}upload-dieline .input-file-container .drop-area span{display:none;color:#000;font-size:10px;font-weight:500;font-family:var(--font-futura-pt)}upload-dieline .input-file-container .drop-area span.upload-text{letter-spacing:.5px;word-wrap:break-word}upload-dieline .input-file-container .drop-area span.replace-text{border:1px solid #000;height:37px;background:#fff;max-width:131px;padding:5px 24px;font-style:normal;line-height:normal;border-radius:44px;letter-spacing:1.4px;text-transform:uppercase;align-items:center;justify-content:center;transition:.5s}upload-dieline.waiting .input-file-container .drop-area img,upload-dieline.waiting .input-file-container .drop-area span.upload-text{display:block}upload-dieline.loading .input-file-container .drop-area{display:none}upload-dieline.loading .image-loader{display:block}upload-dieline.loaded .input-file-container .drop-area{top:0;left:0;right:0;bottom:0;margin:auto;position:absolute}upload-dieline.loaded .input-file-container .drop-area span.replace-text{display:flex}upload-dieline.loaded .input-file-container .drop-area span.replace-text:hover{background:#e0fc15}upload-dieline.loaded .pdf-preview{display:block}upload-dieline .input-file-container .item-error-upload{max-width:275px;width:100%;height:50px;display:flex;align-items:center;justify-content:center;border-radius:44px;border:1px solid #fc0287;background:#ffc7f6;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;padding:12px 24px;color:#6a0038;text-align:center;font-family:var(--font-futura-pt);font-size:10px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:1.4px;text-transform:uppercase}@media only screen and (max-width: 600px){modal-dieline .content-modal .content-modal-form .icon-stars-modal svg{width:60px;height:60px}modal-dieline .content-step.active .close-modal-dieline{top:-12%;right:2%}modal-dieline .content-step .close-modal-dieline{top:-42%;right:2%}modal-dieline .content-modal .content-step.active .icon-stars-modal{display:none!important}}@-webkit-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}modal-dieline .loader-message-container{display:flex;justify-content:center;padding-top:5px}modal-dieline .loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite;margin:5px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/modal-download-dieline.css.map */
