.modal-print-my-case{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:right;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal-print-my-case .modal__wrapper{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1100px;width:100%;height:100%;background-color:#fff;box-shadow:0 0 3px #0003;transform:translate(100%);transition:transform .3s ease-in-out}.modal-print-my-case .modal__wrapper .modal__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f2f2f6}.modal-print-my-case .modal__wrapper .modal__header .modal__title{font-family:Manrope,Arial,Helvetica,sans-serif;font-size:20px;line-height:1;font-weight:700;color:#424246;margin:0}.modal-print-my-case .modal__wrapper .modal__header .modal__close{outline:none;border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.modal-print-my-case .modal__wrapper .modal__content{flex:1}.modal-print-my-case .modal__wrapper .modal__content .customizer-main{background:transparent;width:100%;height:0}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device{position:relative;width:100%;height:100%;margin:0;top:260px;left:50%}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute{position:absolute;transform:translate(-50%,-50%) scale(.5)}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .device-mockup{background-position:top;background-repeat:no-repeat;background-size:1000px 1000px;width:1000px;height:1000px}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .device-mockup-mask{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;overflow:hidden}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .device-mockup-mask .device-mask{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;width:100%;height:100%}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .device-mockup-mask .device-mask .content-case{position:relative;-webkit-user-select:none;user-select:none}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-zoom,.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-rotate{position:absolute;bottom:60px;display:flex;flex-direction:column;opacity:0;visibility:hidden;z-index:999}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-zoom button,.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-rotate button{background:transparent;padding:0;margin-bottom:5px;cursor:pointer;outline:none;border:none}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-zoom.active,.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-rotate.active{opacity:1;visibility:visible}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-zoom{left:78%}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute .btns-rotate{right:78%}.modal-print-my-case .modal__wrapper .modal__footer{display:flex;justify-content:space-between;align-items:center;max-width:500px;padding:0 16px;margin:0 auto;width:100%;height:80px}.modal-print-my-case .modal__wrapper .modal__footer .customizer-inputs{display:flex;align-items:center;gap:32px;width:100%}.modal-print-my-case .modal__wrapper .modal__footer .customizer-inputs .input-item label,.modal-print-my-case .modal__wrapper .modal__footer .customizer-inputs #customizer-add-text{outline:none;border:none;background-color:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:Manrope,Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:12px;line-height:1;font-weight:600;cursor:pointer}.modal-print-my-case .modal__wrapper .modal__footer .customizer-add-to-cart{outline:none;border:none;background-color:#ff900d;padding:0 24px;border-radius:8px;height:40px;display:flex;align-items:center;gap:4px;font-family:Manrope,Arial,Helvetica,sans-serif;font-size:16px;line-height:1;font-weight:600;color:#fff;cursor:pointer;transition:opacity .3s ease-in-out;text-wrap:nowrap}.modal-print-my-case .modal__wrapper .modal__footer .customizer-add-to-cart:hover{opacity:.8}.modal-print-my-case .modal__wrapper .modal__footer .customizer-add-to-cart:disabled{opacity:.5;cursor:not-allowed}.modal-print-my-case .modal__wrapper .modal__footer .customizer-add-to-cart svg{flex-shrink:0}.modal-print-my-case .modal__wrapper .customizer-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:9999;display:none}.modal-print-my-case .modal__wrapper .customizer-loading .spinner-vx{width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#ff900d 94%,#000 0) top/9px 9px no-repeat,conic-gradient(#000 0 30%,#ff900d);-webkit-mask:radial-gradient(farthest-side,#000 0 calc(100% - 9px),#000 0);animation:loading-spinner 1s infinite linear}.modal-print-my-case .modal__wrapper.customizer-generated .customizer-loading{display:flex}.modal-print-my-case.active{opacity:1;visibility:visible}.modal-print-my-case.active .modal__wrapper{transform:translate(0)}.modal-print-my-case #text-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:9999;display:flex;justify-content:center;align-items:center}.modal-print-my-case #text-edit-container{position:relative;max-width:600px;width:90%;display:flex;justify-content:center;align-items:center}.modal-print-my-case #text-edit-input{width:100%;min-height:60px;padding:15px 20px;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:18px;font-weight:500;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:none;outline:none;box-sizing:border-box;text-align:center;color:#333;box-shadow:0 4px 20px #00000026;transition:all .3s ease}.modal-print-my-case .text-font-picker{position:absolute;top:-36px;left:96px;background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:12px 12px 0 0;padding:4px 6px 10px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-print-my-case .font-button{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#333;min-width:100px}.modal-print-my-case .font-button:hover{transform:translateY(-1px)}.modal-print-my-case .font-button:active{transform:translateY(0)}.modal-print-my-case .font-button .font-name{font-family:Roboto,sans-serif;line-height:20px}.modal-print-my-case .font-button .font-icon{opacity:.7;transition:opacity .2s ease}.modal-print-my-case .font-button:hover .font-icon{opacity:1}.modal-print-my-case .text-color-picker{position:absolute;right:8px;top:8%;display:flex;flex-direction:column;gap:8px}.modal-print-my-case .color-option{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.modal-print-my-case .color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.modal-print-my-case .color-option.active{border:3px solid #333;transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.modal-print-my-case .color-option[data-color="#FFFFFF"]{border-color:#ddd}.modal-print-my-case .custom-color-picker{position:relative;width:28px;height:28px;margin-top:5px}.modal-print-my-case .custom-color-picker .custom-color-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.modal-print-my-case .custom-color-picker .custom-color-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,red,#ff0,#0f0,#0ff,#00f,#f0f);border:2px solid #fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.modal-print-my-case .custom-color-picker .custom-color-label svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.modal-print-my-case .custom-color-picker .custom-color-label:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}#containerCase,#containerCrop{display:none}.modal-print-my-case .text-align-picker{position:absolute;top:-36px;left:0;display:flex;gap:8px;background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:12px 12px 0 0;padding:4px 6px 10px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-print-my-case .align-button{width:20px;height:20px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.modal-print-my-case .align-button:hover{background:#0000000d;color:#333}.modal-print-my-case .align-button.active{background:#0000001a;color:#000;border:1px solid rgba(0,0,0,.2)}.modal-print-my-case .align-button svg{width:18px;height:18px}.modal-print-my-case .text-size-picker{position:absolute;top:-36px;left:216px;display:flex;gap:8px;background:#fffffff2;border:2px solid rgba(0,0,0,.1);border-radius:12px 12px 0 0;padding:4px 6px 10px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-print-my-case .size-button{width:20px;height:20px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.modal-print-my-case .size-button:hover{background:#0000000d;color:#333}.modal-print-my-case .size-button:active{background:#0000001a;color:#000}.modal-print-my-case .size-button:disabled{cursor:not-allowed;opacity:.3;color:#999}@media (min-width: 768px){.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device{top:320px}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute{transform:translate(-50%,-50%) scale(.6)}.modal-print-my-case .modal__wrapper .modal__footer{padding:0}.modal-print-my-case .text-color-picker{top:50%;right:32px;transform:translateY(-50%)}.modal-print-my-case .color-option,.modal-print-my-case .custom-color-picker .custom-color-label{width:40px;height:40px}.modal-print-my-case .text-align-picker{top:-44px;padding:8px 8px 14px}.modal-print-my-case .align-button{width:24px;height:24px}.modal-print-my-case .text-font-picker{top:-44px;left:initial;right:50%;transform:translate(50%);padding:8px 8px 14px}.modal-print-my-case .font-button{min-width:120px}.modal-print-my-case .font-button .font-name{line-height:24px}.modal-print-my-case .text-size-picker{top:-44px;left:initial;right:0;gap:8px;padding:8px 8px 14px}.modal-print-my-case .size-button{width:24px;height:24px}}@media (min-width: 1024px){.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device{top:370px}.modal-print-my-case .modal__wrapper .modal__content .customizer-main .content-device .content-absolute{transform:translate(-50%,-50%) scale(.7)}}@keyframes loading-spinner{to{transform:rotate(1turn)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-modal-customizer.css.map */