.popup-custom{display:none;position:fixed;top:0;left:0;z-index:999999999;width:100vw;height:100vh;background-color:#ffffff8c;opacity:0;transition:.5s}.popup-custom.show{opacity:1}.popup-custom .inner{height:100%;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);width:1000px;max-width:90%;max-height:90vh;overflow:hidden;border:1px solid #ccc;background-color:#fff}.popup-custom .close{position:absolute;top:20px;right:30px;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:1s;border:1px solid grey;border-radius:50%;background-color:#ffffffbf;padding:5px}.popup-custom .close svg{width:25px;height:25px;stroke:gray}.popup-custom .close:hover{opacity:.75}.popup-custom .content-area{height:100%}.popup-custom .step:not(.active){display:none}.popup-custom .step{display:flex;align-items:stretch;height:100%}.popup-custom .step>*{flex:0 0 50%}.popup-custom .left-side{flex:0 0 45%;display:flex;align-items:center;justify-content:flex-end}.popup-custom .rimage-wrapper{width:100%}.popup-custom .left-side img{display:block;width:100%;height:100%;max-height:90vh;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-custom .step:last-child .left-side img{object-fit:cover;width:100%;height:100%;position:static;transform:none}.popup-custom .step:last-child .right-side{position:relative;overflow:hidden}.popup-custom .step:last-child:not(.show-preselected) .preselected{display:none}.popup-custom .step.show-preselected:last-child .default{display:none}.popup-custom .step.show-preselected .none-preselect{display:none}.popup-custom .right-side{flex:0 0 55%}.popup-custom .right-side,.popup-custom .right-side .inner-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:65px 35px 50px}.popup-custom .right-side .inner-side{justify-content:flex-start;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;overflow-x:hidden;overflow-y:auto}.popup-custom .right-side .inner-side p:first-child{margin-top:0}.popup-custom .right-side .br{margin-bottom:8px}.popup-custom .button{min-width:182px;padding:14px 30px;text-align:center;cursor:pointer}.popup-custom .size-field{display:flex;position:relative}.popup-custom .size-field select,.popup-custom .size-field .pretty-select{background-color:#ccc}.popup-custom .size-field .pretty-select .text{min-width:75px;padding-right:37px}.popup-custom input:not([type=checkbox]){width:90px;padding:12px 10px;text-align:center}.popup-custom .agree-checkbox label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;text-transform:none;font-size:95%}.popup-custom .agree-checkbox .warning{color:red}.popup-custom .note{display:none;margin:-20px 40px 0 0;color:red;font-size:90%;text-align:center}.popup-custom .note.active{display:inline-block}.popup-custom .size-fields{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:20px}.popup-custom .form-step{display:flex;align-items:center;justify-content:stretch}.popup-custom .form-step .step-title{flex:1 1 auto;font-size:107%}.popup-custom .form-step .size-field{flex:0 0 115px}.popup-custom .form-step .size-field:not(.active) input{background-color:#eee;pointer-events:none;cursor:default}.popup-custom .form-step .edit{cursor:pointer;flex:0 0 85px;margin-right:-20px;padding:5px 10px;text-align:center;font-size:90%;text-decoration:underline}.popup-custom .cm-inches{margin:15px 0;font-size:105%}.popup-custom .cm-inches .el{cursor:pointer}.popup-custom .cm-inches .el.active{font-weight:700}.popup-custom .size-fields .note{margin:0 0 -20px}@media (min-width: 769px) and (max-width: 1100px) or (max-width: 500px){.popup-custom .form-step{flex-wrap:wrap;justify-content:center;text-align:center}.popup-custom .form-step .step-title{margin-top:10px;margin-bottom:8px;flex:0 0 100%;font-size:110%}.popup-custom .form-step .step-title span{display:inline-block;width:195px;text-align:left}.popup-custom .form-step .edit{flex:0 0 80px}}@media(max-width:500px){.popup-custom .form-step{flex-wrap:wrap;justify-content:center;text-align:center}.popup-custom .form-step .step-title{margin-top:10px;margin-bottom:8px;flex:0 0 100%;font-size:110%}.popup-custom .form-step .step-title span{display:inline-block;width:195px;text-align:left}.popup-custom .form-step .edit{flex:0 0 80px}}.popup-custom{width:auto;height:auto;right:0;bottom:0;background-color:#ffffffe6}.popup-custom .inner{max-height:90dvh;box-shadow:0 8px 40px #0000001f}html.popup-custom-open shopify-chat{display:none!important}.popup-custom .right-side .inner-side{align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:hidden}.popup-custom .popup-custom__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;gap:25px;margin-top:60px;padding:5px 35px 20px}.popup-custom .popup-custom__body>*{flex-shrink:0}.popup-custom .popup-custom__body .size-fields{margin-bottom:0}.popup-custom .popup-custom__footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 35px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e6e6e6;background-color:#fff}.popup-custom .popup-custom__footer .agree-checkbox{text-align:center}.popup-custom .popup-custom__footer .agree-checkbox label{min-height:32px}@media(max-width:1023px){.popup-custom .inner{top:12px;right:12px;bottom:12px;left:12px;transform:none;width:auto;max-width:640px;height:auto;max-height:none;margin:0 auto}.popup-custom .step{flex-direction:column}.popup-custom .step>*,.popup-custom .left-side{flex:0 0 auto}.popup-custom .content-area>.step:first-child .left-side,.popup-custom .content-area>.step:last-child .left-side{display:none}.popup-custom .left-side{justify-content:center}.popup-custom .left-side .rimage-wrapper{padding-top:0!important;height:min(40vh,420px);height:min(40dvh,420px);background:none}.popup-custom .left-side img{max-height:none}.popup-custom .right-side{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;gap:20px;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}.popup-custom .content-area>.step:not(:last-child) .right-side{justify-content:safe center}.popup-custom .content-area>.step:first-child .right-side{margin-top:60px;padding-top:24px}.popup-custom .content-area>.step:not(:first-child):not(:last-child) .left-side:not(:has(img))+.right-side{margin-top:60px;padding-top:24px}.popup-custom .content-area>.step:not(:first-child):not(:last-child){justify-content:center;justify-content:safe center}.popup-custom .content-area>.step:not(:first-child):not(:last-child) .right-side{flex:0 1 auto;justify-content:flex-start}.popup-custom .content-area>.step:last-child .right-side{padding:0;overflow:hidden}.popup-custom .popup-custom__body{gap:20px;margin-top:60px;padding:8px 20px 16px}.popup-custom .popup-custom__footer{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px))}.popup-custom .popup-custom__footer .button{width:100%;max-width:360px}}.popup-custom .close{background-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/31/assets/popup-custom.css.map */