.custom-flow-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem;background:#fff}.custom-flow-header__content h1{font-weight:600;font-size:36px;line-height:43.2px;color:#5f775f;margin-bottom:1rem}.custom-flow-header__content p{font-weight:400;font-size:16px;line-height:19.2px;color:#000}.custom-flow-header__btns{flex:0 0 247px;display:flex;flex-direction:column;gap:1rem}.custom-flow-header__view-btn{border:1px solid #a6b5a6;width:100%;max-width:247px;height:60px;font-weight:600;font-size:20px;line-height:24px;text-align:center;color:#353635}.custom-flow-header__content .custom-flow-header__view-btn{display:inline-flex;justify-content:center;align-items:center}.custom-flow-header__btns .custom-flow-header__view-btn{display:none}.custom-flow-header__modal-title{font-weight:600;font-size:32px;line-height:48px;letter-spacing:0%;color:#5f775f}.custom-flow-header__modal-steps{display:flex;flex-direction:column;gap:1rem}.custom-flow-header__modal-step{background:#f7f7f4;padding:.5rem 1rem}.custom-flow-content{background:#fff;padding:0 2rem 2rem}.custom-flow-content input:focus{border:1px solid #5f775f!important;outline:none!important;box-shadow:0 0 0 2px #5f775f!important}.custom-flow-content textarea:focus{border:1px solid #5f775f!important;outline:none!important;box-shadow:0 0 0 2px #5f775f!important}.custom-flow-content__steps{display:flex;flex-direction:column;gap:1rem;border:1px solid #d0d0d0}.custom-flow-content__step{padding:1.5rem 2.5rem}.custom-flow-content__step.active{background:#f7f7f4}.custom-flow-progress{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.custom-flow-progress-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:1rem}.custom-flow-progress__title{font-weight:600;font-size:12px;line-height:14.4px;letter-spacing:3%;color:#353635}.custom-flow-progress__steps-indicators{display:flex;gap:.5rem}.custom-flow-progress__steps-indicator{display:flex;width:1rem;height:1rem;border-radius:50%;background:#fff;border:1px solid #b5b5b5}.custom-flow-progress__steps-indicator.active{background:#5f775f}.custom-flow-progress__start-over{background:#aa8552;border:1px solid #55555580;border-radius:99px;padding:8px 12px;color:#fff;font-weight:400;font-size:13px;line-height:15.6px;align-self:flex-end}.custom-flow-steps__step-title-container{text-align:left}.custom-flow-steps__step-btn:disabled .custom-flow-steps__step-title-container{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-flow-steps__step-btn:disabled .custom-flow-steps__step-btn-arrow svg{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-flow-steps__step.current{background:#ebeae4}.custom-flow-steps__step{border-bottom:1px solid #d0d0d0}.custom-flow-steps__step-title{font-weight:600;font-size:20px;line-height:24px;color:#353635;margin-bottom:.5rem}.custom-flow-steps__step-subtitle{font-weight:400;font-size:16px;line-height:24px;color:#353635}.custom-flow-selected-value{font-weight:400;color:#353635}.custom-flow-checkboxes-addons__item{display:flex;align-items:center}.custom-flow-steps__step-btn{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.5rem}.custom-flow-steps__step-content{padding:0 1.5rem}.custom-flow-steps__step-content>*:last-child{margin-bottom:15px}.custom-flow-step-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.custom-flow-step-nav__btn{font-weight:400;font-size:13px;line-height:15.6px;color:#5f775f;border:1px solid #5f775f;border-radius:99px;padding:8px 12px}.custom-flow-step-nav__btn:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-flow-step-nav__btn--next{background:#5f775f;color:#fff;margin-left:auto}.custom-flow-submit{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:2rem;opacity:.5}.custom-flow-submit.active{opacity:1}.custom-flow-submit__btn{background:#5f775f;color:#fff;border:none;padding:16px;height:47px;font-weight:400;font-size:16px;line-height:15px;width:100%;max-width:432px}.custom-flow-submit__btn:disabled{cursor:not-allowed;opacity:.5}.custom-flow-submit__error{color:red;font-size:14px;line-height:17px;font-weight:400}.custom-flow-swatches-groups_wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.custom-flow-swatches-group_wrapper{border:1px solid var(--color-border);padding:2rem;background:#f7f7f4}.custom-flow-group-swatches-container{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:1600px){.custom-flow-group-swatches-container{grid-template-columns:repeat(3,1fr)}}.custom-flow-swatches-container{display:grid;gap:2rem;padding:1.5rem 0}.custom-flow-swatches-container.custom-flow-swatches-container--large{grid-template-columns:repeat(2,1fr)}.custom-flow-swatches-container.custom-flow-swatches-container--medium{grid-template-columns:repeat(6,1fr)}.custom-flow-swatches-container.custom-flow-swatches-container--small{grid-template-columns:repeat(8,1fr);gap:1rem}.custom-flow-note{padding:1rem;background:#f7f7f4;border-radius:4px;border:1px solid #d0d0d0;margin-top:2rem}.custom-flow-quantity{border-top:1px solid var(--color-border);padding-top:1rem}.custom-flow-quantity__wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;width:fit-content}.custom-flow-quantity__label{font-weight:600;font-size:16px;line-height:19.2px}.custom-flow-quantity__container{border:1px solid #d0d0d0;display:grid;grid-template-columns:repeat(3,minmax(46px,1fr));width:100%;max-width:138px;height:44px;background:#fff}.custom-flow-quantity__input{-moz-appearance:textfield;text-align:center;border:none;padding:0}.custom-flow-quantity__input::-webkit-outer-spin-button,.custom-flow-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-flow-quantity__input:focus{border:none}.custom-flow-quantity__value{text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.custom-flow-size-quantity{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.custom-flow-size{display:flex;flex-direction:column;gap:1rem}.custom-flow-size__label{font-weight:600;font-size:16px;line-height:19.2px}.custom-flow-size__container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.custom-flow-size__container.custom-flow-size__container--3-cols{grid-template-columns:repeat(3,1fr)}.custom-flow-size__field input{width:100%;background:#fff}.custom-flow-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;border-radius:4px;border:2px solid transparent;transition:background .15s ease-in-out,border .15s ease-in-out}.custom-flow-swatch:hover{border:2px solid #d3dad3;background:#d3dad3}.custom-flow-swatch.active{border:2px solid #5f775f;background:#d3dad3}.custom-flow-swatch.active .custom-flow-swatch__text{color:#000}.custom-flow-swatch .custom-checkbox-label.disabled{opacity:1;cursor:pointer;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-flow-swatch__zoom-btn{position:absolute;top:-10px;left:-10px;cursor:pointer;z-index:1;color:#fff;background:var(--color-button-primary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;border:1px solid transparent;transition:transform .15s ease-in-out}.custom-flow-swatch__zoom-btn:hover{transform:scale(1.1)}.custom-flow-swatch__zoom-btn svg{width:100%;height:100%;min-width:20px;min-height:20px}.custom-flow-swatch img{height:100%;width:100%;object-fit:contain;border:1px solid #6d786d80;background:#fff}.custom-flow-swatch.custom-flow-swatch--square{height:100%;width:100%;padding:10px}.custom-flow-swatch.custom-flow-swatch--square img{height:100px;width:100px;aspect-ratio:1/1;object-fit:cover}.custom-flow-swatch.custom-flow-swatch--circle{height:100%;width:100%;padding:.5rem}.custom-flow-swatch.custom-flow-swatch--circle img{height:100px;width:100px;aspect-ratio:1/1;border-radius:50%}.custom-flow-swatch__text{font-weight:400;font-size:14px;line-height:21px;text-align:center;color:#353635;display:inline-flex;align-items:center}.custom-flow-addons-extra{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.custom-flow-addons-extra__item label{display:flex;align-items:center}.pswp__top-bar .pswp__preloader{display:none}.pswp__button.pswp__button--close{margin:0;padding:15px;border-radius:50%;border:0;min-width:0;line-height:1;color:var(--color-text-body);background-color:var(--color-body);box-shadow:0 3px 6px #00000026;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center}.pswp__button.pswp__button--close svg{width:30px;height:30px;stroke-width:var(--icon-stroke-width, 2px);stroke-linejoin:var(--icon-stroke-line-join, miter);pointer-events:none}.custom-flow-swatch-with-text{display:flex;align-items:center;gap:1rem;border:2px solid #d0d0d0;border-radius:4px;padding:1rem;background:#fff;position:relative;transition:background .15s ease-in-out,border .15s ease-in-out}.custom-flow-swatch-with-text:hover{border-color:#d3dad3;background:#d3dad3}.custom-flow-swatch-with-text.active{border-color:#5f775f;background:#d3dad3}.custom-flow-swatch-with-text.active:hover{background:#d3dad3}.custom-flow-swatch-with-text__image{width:300px;height:300px;object-fit:cover;border:1px solid #d0d0d0}.custom-flow-swatch-with-text__text{font-weight:400;font-size:14px;line-height:21px;color:#353635;text-align:left}.custom-flow-swatch-with-text__text h3{font-weight:600;font-size:20px;line-height:30px}.custom-flow-swatch-with-text__check{position:absolute;top:8px;right:8px}.custom-flow-how-to-measure{display:flex;flex-direction:column;gap:1rem}.custom-flow-how-to-measure__content{display:grid;grid-template-columns:auto 1fr;gap:2rem}.custom-flow-how-to-measure__youtube{width:100%;height:100%;max-height:278px}.custom-flow-how-to-measure__image{display:flex}.custom-flow-how-to-measure__image img{border:1px solid #707070;height:278px;width:auto;object-fit:contain}.custom-flow-finalize__form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.custom-flow-finalize__form-contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.custom-flow-finalize__form-contact-info input{width:100%;background:#fff}.custom-flow-finalize__form-error{color:red;font-size:13px;line-height:15.6px;font-weight:400;text-align:left}.custom-flow-finalize__form-comments .custom-flow-finalize__form-field{display:flex;flex-direction:column}.custom-flow-finalize__form-comments .custom-flow-finalize__form-field label{margin-bottom:0;font-weight:600;font-size:20px;line-height:24px}.custom-flow-finalize__form-comments .custom-flow-finalize__form-field textarea{margin-top:1rem;background:#fff}.custom-flow-finalize__label,label.custom-flow-finalize__label:not(.variant__button-label):not(.text-label){font-weight:600;font-size:20px;line-height:24px;margin-bottom:1rem}.custom-flow-thank-you{background:#f7f7f4;border:1px solid #d0d0d0;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.custom-flow-thank-you-button{background:#5f775f;border:1px solid #6d796d;padding:8px 12px;border-radius:99px;color:#fff;font-weight:400;font-size:13px;line-height:15.6px}.custom-flow-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;margin:auto}.custom-flow-file-upload__upload-wrapper{border:2px dashed #555;padding:0;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center;transition:border-color .3s,background-color .3s;cursor:pointer;width:100%;min-height:202px}.custom-flow-file-upload__upload-wrapper.dragging{border-color:#a6b5a6;background-color:#a6b5a666}.custom-flow-file-upload__error{color:red;font-size:13px;line-height:15.6px;font-weight:400;text-align:left}.custom-dashed-border{border:5px solid transparent;border-image:repeating-linear-gradient(90deg,black 0,black 20px,transparent 20px,transparent 40px) 30;padding:20px;border-radius:10px}.custom-flow-file-upload__upload-button{background-color:#f8f9fa;border:1px solid #a6b5a6;color:#353635;font-weight:600!important;font-size:13px!important;line-height:15.6px;padding:8px 12px;border-radius:99px;text-align:center;cursor:pointer;transition:all .3s ease-in-out}.custom-flow-file-upload__upload-button:hover{background-color:#a6b5a6;color:#fff}.custom-flow-file-upload__file-names{font-size:14px;color:#333;font-weight:500;margin-top:10px;word-wrap:break-word}.custom-flow-file-upload__file-label{font-size:15px;font-weight:700;color:#333}.custom-flow-file-upload__file-sublabel{font-size:13px;color:#666}.custom-flow-file-upload__remove-button{background:#5f775f;color:#fff;border:none;padding:4px;border-radius:50%;cursor:pointer;font-size:13px;line-height:15.6px;transform:translateY(-50%)}.custom-flow-file-upload__remove-button svg{width:10px;height:10px;stroke:#fff}.custom-flow-modal{display:flex;gap:20px;align-items:start;font-size:calc(var(--type-base-size) * .8)}.custom-flow-modal>div{flex:1}.custom-flow-finalize__form-sublabel{font-size:calc(var(--type-base-size) * .8)}@media(max-width:480px){.custom-flow-file-upload__upload-wrapper{padding:1rem}.custom-flow-file-upload__upload-button{font-size:12px!important;padding:8px 14px}}@media(max-width:1280px){.custom-flow-swatches-container.custom-flow-swatches-container--small{grid-template-columns:repeat(4,1fr)}.custom-flow-swatch-with-text__image{width:60%;height:auto;aspect-ratio:1/1}}@media(max-width:1024px){.custom-flow-swatches-groups_wrapper{grid-template-columns:1fr}.custom-flow-group-swatches-container,.custom-flow-swatches-container.custom-flow-swatches-container--large{grid-template-columns:repeat(2,1fr);gap:1rem}.custom-flow-swatches-container.custom-flow-swatches-container--medium{grid-template-columns:repeat(3,1fr);gap:1rem}.custom-flow-finalize__form-contact-info,.custom-flow-size__container,.custom-flow-size__container.custom-flow-size__container--3-cols,.custom-flow-how-to-measure__content{grid-template-columns:1fr}.custom-flow-how-to-measure__image img{height:auto}.custom-flow-header{align-items:flex-end}}@media(max-width:768px){.page-width.page-content:has(#custom-flow-root){padding:0;overflow:hidden}.custom-flow-content{padding:0}.custom-flow-header__content h1{font-weight:600;font-size:24px;line-height:28.8px}.custom-flow-header__content p{font-weight:400;font-size:16px;line-height:19.2px}.custom-flow-header{flex-direction:column;align-items:flex-start;padding:1rem}.custom-flow-header-content h1{font-weight:600;font-size:24px;line-height:28.8px;margin-top:2rem}.custom-flow-header__modal-title{font-size:24px;line-height:36px}.custom-flow-header__view-btn{font-size:12px;line-height:24px;text-align:center;width:fit-content;height:34px;border-width:1px;gap:10px;padding:7px 16px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.custom-flow-header__content .custom-flow-header__view-btn{display:none}.custom-flow-header__btns .custom-flow-header__view-btn{display:inline-flex;justify-content:center;align-items:center;padding:7px 8px}.custom-flow-steps__step-btn{padding:1rem}.custom-flow-steps__step-content{padding:0 1rem}.custom-flow-header__btns{width:100%;flex:1;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.custom-flow-progress{gap:.5rem;height:34px}.custom-flow-progress__steps-indicators{gap:.3rem}.custom-flow-progress__steps-indicator{width:.75rem;height:.75rem}.custom-flow-progress__start-over{padding:6px 8px}.custom-flow-swatches-container.custom-flow-swatches-container--large{grid-template-columns:1fr}.custom-flow-swatches-container.custom-flow-swatches-container--medium,.custom-flow-swatches-container.custom-flow-swatches-container--small{grid-template-columns:repeat(2,1fr)}.custom-flow-progress-container{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/custom-flow.css.map */