.template--quiz main{min-height:100vh}.custom-quiz__container{display:flex;align-items:center;justify-content:center;flex-direction:column}.custom-quiz-option__wrapper{gap:.8rem}.custom-quiz-option__wrapper .quiz-style-label,.custom-quiz-option__wrapper .quiz-color-label{font-weight:600}.custom-quiz-color__wrapper{margin-top:2rem}.custom-quiz__container .custom-quiz__wrapper{padding:3rem 2rem;border-radius:10px;border:1px solid #EBEBEC;gap:2.4rem;max-width:64rem;width:100%}.custom-quiz__container .custom-quiz__track-wrapper{overflow:hidden;padding:.1rem}.custom-quiz__container .custom-quiz__wrapper-track{padding:.1rem;width:calc(100% + .1rem);position:relative;transition:transform .5s ease}.custom-quiz__container .custom-quiz__wrapper,.custom-quiz__container .custom-quiz__wrapper .custom-quiz__heading,.custom-quiz__container .custom-quiz__wrapper .custom-quiz__steps,.choices__wrapper label,.custom-quiz__step,.custom-quiz-option__wrapper,.size-guide .table-block__content .table-block-two-table__wrapper,.custom-quiz__step[data-step="1"] .select-wrapper{display:flex;flex-direction:column}.custom-quiz__container .custom-quiz__wrapper .custom-quiz__heading{gap:2rem}.custom-quiz__container .custom-quiz__wrapper .custom-quiz__steps{flex-direction:row;width:100%}.choices__wrapper{display:flex;flex-wrap:wrap;gap:.95rem}.quiz-color__choices.choices__wrapper{display:grid;grid-template-columns:1fr 1fr}.choices__wrapper label{align-items:center;cursor:pointer}.choices__wrapper label input[type=radio]{display:none}.choices__wrapper label:has(input[type=radio]:checked){text-shadow:-1px 0px 0px currentColor}.choices__wrapper label .img-wrapper{position:relative;display:flex;border-radius:13.731px;border:2px solid transparent;overflow:hidden}.choices__wrapper label input[type=radio]:checked+.img-wrapper{border:2px solid #B03D2B}.choices__wrapper label input[type=radio]:checked+.img-wrapper:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.custom-quiz__step{gap:2.4rem;min-width:100%;box-sizing:border-box}.custom-quiz__step[data-step="1"]{position:relative}.custom-quiz__step[data-step="1"] .select-wrapper{gap:.8rem}.custom-quiz__step[data-step="1"] .option--width,.custom-quiz__step[data-step="1"] .option--length,.custom-quiz__step[data-step="1"] .option--applications{display:flex;justify-content:space-between;margin-bottom:0}.custom-quiz__step[data-step="1"] .option--width .popover,.custom-quiz__step[data-step="1"] .option--length .popover,.custom-quiz__step[data-step="1"] .option--applications .popover{display:flex;gap:.8rem;align-items:center;cursor:pointer;box-shadow:none;background:none;border:none}.custom-quiz__step[data-step="1"] .option--width .size-guide__wrapper .icon svg,.custom-quiz__step[data-step="1"] .option--length .size-guide__wrapper .icon svg,.custom-quiz__step[data-step="1"] .option--applications .size-guide__wrapper .icon svg{transition:width .3s ease-in-out,height .3s ease-in-out}.custom-quiz__step[data-step="1"] .option--width .size-guide__wrapper:hover .icon svg,.custom-quiz__step[data-step="1"] .option--length .size-guide__wrapper:hover .icon svg{width:1.92rem;height:1.92rem}.custom-quiz__step[data-step="1"] .option--applications .size-guide__wrapper:hover .icon svg{width:2.1rem;height:2.1rem}.custom-quiz__step .select select,.custom-quiz__step .field-wrapper input[type=number],.custom-quiz__step .field-wrapper textarea{border-radius:10px;border:1px solid rgba(0,0,0,.3);background-color:#fff6;width:100%;box-shadow:none;height:48px;color:#000;padding:0 calc(var(--inputs-border-width) + 3rem) 0 2rem}.custom-quiz__step .field-wrapper textarea{height:12rem;padding:1rem 2rem}.custom-quiz__step .field-wrapper input[type=number]::placeholder,.custom-quiz__step .field-wrapper textarea::placeholder,.custom-quiz__step .select select:required:invalid{color:#a7a6a8}.custom-quiz__step .select option{color:#000}.custom-quiz__step .svg-wrapper{right:1.5rem}.size-guide .size-guide__popup__container .table-block__content{padding:2rem 3rem;overflow-y:auto;height:660px}.size-guide .size-guide__popup__container .size-quz-image__wrapper img{width:100%;max-height:40rem;height:auto;object-fit:contain}.size-guide{display:none;opacity:0;transition:opacity 1s,display 1s,overlay 1s;transition-behavior:allow-discrete;z-index:-1;border-radius:1rem;border:1px solid transparent}.size-guide::backdrop{background-color:#0000004d}.size-guide__container{max-width:85vw;padding:0;border-radius:1rem;overflow:hidden;max-height:90vh;background-color:#fff}.size-guide:popover-open{display:grid;opacity:1;z-index:2}.size-guide .table-block__content .table-block-two-table__wrapper{gap:2.4rem}.line-item-toggle{display:flex;align-items:center;gap:16px}.toggle-switch{position:relative;width:18.9rem;height:4.8rem;padding:.4rem;display:flex;border-radius:10px;border:1px solid rgba(0,0,0,.3);background-color:#fafafa}.measurement-type .toggle-switch{width:26.8rem}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-around;cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:8.8rem;height:4rem;background:#b03d2b;border-radius:6px;left:.4rem;transition:.25s ease;transform:translate(9.2rem)}.measurement-type .toggle-slider:before{width:12.6rem;transform:translate(13.2rem)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(0)}.toggle-yes,.toggle-no{z-index:2;color:#000}.toggle-switch input:checked+.toggle-slider .toggle-yes{color:#fff}.toggle-switch input:not(:checked)+.toggle-slider .toggle-no{color:#fff}.quantity__button .svg-wrapper{width:2rem;height:2rem;color:#2b5e79}.quantity__button[name=minus] .svg-wrapper{width:1.4rem}.quantity__input{border-radius:8px;border:1px solid rgba(107,107,107,.2)}.quantity-input__wrapper{display:flex;align-items:center;gap:1.6rem;height:4.8rem}.quantity-input__wrapper .quantity__input{color:#000;min-width:70px}.quantity-input__wrapper .quantity__input:focus-visible{background-color:transparent;box-shadow:none;outline:none}.custom-quiz-button-wrapper,.custom-quiz-summary-actions{display:flex;justify-content:space-between;flex-direction:row;gap:.8rem;margin-top:auto}.custom-quiz-button-wrapper button,.custom-quiz-summary-actions button{width:100%}.custom-quiz__container .custom-quiz__summary-wrapper{padding:3rem 2rem;max-width:108rem;border-radius:10px;border:1px solid #EBEBEC;background:#fafafa}.js-quiz-next:disabled{opacity:.5;cursor:not-allowed}.custom-quiz__summary-track{width:100%;display:flex;gap:3rem;flex-direction:column}.custom-quiz__summary-track .custom-quiz__heading,.custom-quiz__summary-track .custom-quiz__summary{width:100%;display:flex;flex-direction:column;gap:2rem}.custom-quiz__summary-track .custom-quiz__summary{gap:2.4rem}.custom-quiz-summary-wrapper{display:flex;flex-direction:column;gap:.8rem}.custom-quiz-summary-item{display:flex;gap:0 1.6rem;align-items:center;flex-wrap:wrap}.custom-quiz-summary-item .summary-label{font-family:var(--font-body-family);line-height:150%;letter-spacing:0;font-weight:300}.custom-quiz-summary-item .summary-label span{font-weight:500}.custom-quiz-summary-item .summary-choice{display:flex;flex-direction:row;gap:1.2rem;align-items:center;flex-wrap:wrap}.custom-quiz-summary-item img{width:4.8rem;height:4.8rem;object-fit:cover;border-radius:4px}.custom-quiz-summary-actions button{width:100%}.custom-quiz__wrapper,.custom-quiz__summary-wrapper,.contact-form-custom__wrapper{opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s ease;position:absolute;width:100%;display:none!important}.custom-quiz__wrapper.is-active,.custom-quiz__summary-wrapper.is-active,.contact-form-custom__wrapper.is-active{opacity:1;visibility:visible;transform:translateY(0);position:relative}.custom-quiz__wrapper.is-active,.custom-quiz__summary-wrapper.is-active{display:flex!important}.contact-form-custom__wrapper.is-active{display:grid!important}.contact-form__wrapper .contact-custom__form{display:block!important}.quiz-progress-container{width:100%;max-width:500px;margin:0 auto 30px;padding:10px 20px}.quiz-progress-container:has(~.contact-form-custom__wrapper.is-active){display:none}.quiz-progress-bar{position:relative;display:flex;justify-content:space-between;align-items:center}.quiz-progress-track{position:absolute;top:50%;left:0;width:100%;height:4px;background-color:#d1d1d1;transform:translateY(-50%);z-index:1}.quiz-progress-fill{width:0%;height:100%;background-color:#b03d2b;transition:width .4s ease;display:block!important}.quiz-progress-step{display:block!important;width:24px;height:24px;border-radius:50%;background-color:#fff;border:2px solid #B03D2B;z-index:2;transition:background-color .4s ease,transform .2s ease}.quiz-progress-step.is-active{background-color:#b03d2b}.custom-where-to-install{flex-direction:column;align-items:flex-start}.segmented-control{position:relative;display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:4.8rem;padding:.4rem;gap:0;border-radius:10px;border:1px solid rgba(0,0,0,.3);background-color:#fafafa;z-index:1}.segmented-control:before{content:"";position:absolute;top:.4rem;left:.4rem;height:4rem;width:calc((100% - .8rem)/4);background:#b03d2b;border-radius:6px;transition:transform .25s ease;z-index:1}.segmented-control:has(.segmented-control__item:nth-of-type(1) input:checked):before{transform:translate(0)}.segmented-control:has(.segmented-control__item:nth-of-type(2) input:checked):before{transform:translate(100%)}.segmented-control:has(.segmented-control__item:nth-of-type(3) input:checked):before{transform:translate(200%)}.segmented-control:has(.segmented-control__item:nth-of-type(4) input:checked):before{transform:translate(300%)}.segmented-control__item{position:relative;cursor:pointer;margin:0;display:flex;height:4rem;z-index:2}.segmented-control__input{display:none}.segmented-control__label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 .5rem;border-radius:6px;color:#000;transition:color .25s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.segmented-control__input:checked+.segmented-control__label{color:#fff}.size-guide{display:none;max-width:85vw;padding:0;border-radius:1rem;max-height:90vh;background-color:#fff;opacity:0;transition:opacity 1s,display 1s,overlay 1s;transition-behavior:allow-discrete}.size-guide:popover-open{display:grid;opacity:1}@starting-style{.size-guide:popover-open{display:grid;opacity:0}}.size-guide .close__wrapper{width:4.4rem;height:4.4rem;border-radius:1rem;border:1px solid #000;background:#ffffff26;-webkit-backdrop-filter:blur(13.75px);backdrop-filter:blur(13.75px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.size-guide .close__wrapper:hover{background-color:#b03d2b;border:1px solid #b03d2b}.size-guide .close__wrapper:hover svg{color:#fff}.size-guide .close__wrapper button{box-shadow:none;background:none;border:none;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.size-guide .close__wrapper button svg{width:1.4rem;height:1.4rem}.size-guide .popup__heading{display:flex;justify-content:space-between;position:sticky;top:0;z-index:10;background-color:#fff;padding:2rem 3rem}.size-guide .table-block__content{border:0;padding:0 2rem 3rem}.application-guide .table-block__content{display:grid;grid-template-columns:1fr;gap:2.4rem}.application-guide__wrapper{border-radius:.8rem;border:1px solid #EBEBEC;height:100%}.application-guide__wrapper img{width:100%;height:24rem;max-height:24rem;object-fit:cover}.application-guide__wrapper .content__wrapper{padding:1.6rem;display:flex;flex-direction:column;gap:1rem}.application-guide__wrapper .content__wrapper strong{font-weight:700}.option-description{gap:.8rem;align-items:center}.option-description:has(>[hidden]) .icon{display:none}@media screen and (max-width:767px){.segmented-control{grid-template-columns:repeat(2,1fr);height:auto;gap:.4rem}.segmented-control:before{width:calc(50% - .6rem)}.segmented-control:has(.segmented-control__item:nth-of-type(1) input:checked):before{transform:translate(0)}.segmented-control:has(.segmented-control__item:nth-of-type(2) input:checked):before{transform:translate(calc(100% + .4rem))}.segmented-control:has(.segmented-control__item:nth-of-type(3) input:checked):before{transform:translateY(calc(100% + .4rem))}.segmented-control:has(.segmented-control__item:nth-of-type(4) input:checked):before{transform:translate(calc(100% + .4rem),calc(100% + .4rem))}}.size-quz-image__wrapper,.size-quz-video__wrapper{width:100%}.custom-quiz__heading .custom-content__heading :is(h1,h2){font-size:4rem}.custom-quiz__container{position:relative}.custom-quiz__container:not(:has(.contact-form-custom__wrapper.is-active)){padding-top:8rem}.custom-quiz__container .quiz-progress-container{position:absolute;top:2rem}.custom-quiz__step[data-step="2"]{display:none}.custom-quiz__step.active[data-step="2"]{display:flex}@media screen and (min-width:768px){.custom-quiz-button-wrapper,.custom-quiz-summary-actions{flex-direction:row}.application-guide .table-block__content{grid-template-columns:1fr 1fr}.quiz-color__choices.choices__wrapper{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1024px){.custom-quiz__container .custom-quiz__wrapper,.custom-quiz__container .custom-quiz__summary-wrapper{padding:4.8rem}.custom-quiz__summary-track{flex-direction:row;gap:4rem}.custom-quiz-color__wrapper{margin-top:3rem}.custom-quiz__container:not(:has(.contact-form-custom__wrapper.is-active)){padding-top:14.4rem}.custom-quiz__container .quiz-progress-container{top:6rem}.application-guide .table-block__content{grid-template-columns:1fr 1fr 1fr}.quiz-color__choices.choices__wrapper{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:1440px){.custom-quiz__summary-track{flex-direction:row;gap:8rem}.custom-quiz-color__wrapper{margin-top:4rem}}@media screen and (max-width:767px){.contact-form-custom__wrapper{padding:0}.measurement-type{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-custom-quiz.css.map */