:root{--opk-layout: 1920px;--opk-main-layout: 1792px;--opk-second-layout: 1490px}.grid-option{max-width:492px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.question-page{margin:0 auto;max-width:883px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:767px){.question-page{justify-content:flex-start;flex:auto}}.question-option{padding:26px 25px;height:100%;display:block;border:1px solid rgb(var(--color-secondary-background));background-color:rgb(var(--color-secondary-background));transition:border-color .3s ease,background-color .3s ease}.question-option:has(.input:checked){border-color:rgb(var(--color-border));background-color:rgb(var(--color-background))}.question-option .input{display:none}.question-option__content{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:17px}@media screen and (min-width:768px){.question-option__icon{max-width:119px;max-height:119px}}@media screen and (max-width:767px){.question-option__icon{width:64px;height:64px}}.question-option__icon svg,.question-option__icon img{width:100%;height:100%}@media screen and (min-width:768px){.question-option__text{margin-top:auto;font-size:calc(var(--font-body-size)*1.0625);line-height:1.51}}@media screen and (max-width:767px){.question-option__text{font-size:14px;line-height:1.2}}@media screen and (min-width:768px){.question-option{border-radius:48px}}@media screen and (max-width:767px){.question-option{border-radius:36px}}.block-heading.opk-heading.h1{text-align:center;line-height:1.16}.block-heading.opk-heading.h1:not(:last-child){margin-bottom:24px}.block-preheading{color:#7a7979;text-align:center;font-size:18px;font-style:italic;font-weight:400;line-height:1.5}@media screen and (min-width:768px){.block-preheading:not(:last-child){margin-bottom:60px}}@media screen and (max-width:767px){.block-preheading:not(:last-child){margin-bottom:36px}}.block-heading__text{font-size:22px;font-style:normal;font-weight:500;line-height:1.5}.block-heading__text p{margin:0}.block-heading__text p:not(:last-child){margin-bottom:20px}.block-text{font-size:18px;font-style:normal;font-weight:400;line-height:1.5}.block-text p{margin:0}.block-text p:not(:last-child){margin-bottom:20px}.question-option-row{display:flex;align-items:center;border:1px solid rgb(var(--color-secondary-background));background-color:rgb(var(--color-secondary-background));transition:border-color .3s ease,background-color .3s ease}@media screen and (min-width:768px){.question-option-row{min-height:88px;border-radius:48px;padding:16px 36px;gap:24px}}@media screen and (max-width:767px){.question-option-row{min-height:65px;border-radius:36px;padding:19px 24px;gap:16px}}.question-option-row:has(.input:checked){border-color:rgb(var(--color-border));background-color:rgb(var(--color-background))}.question-option-row .checkbox-svg{z-index:1;position:absolute;display:block;transition:opacity .3s ease;opacity:0;top:3px;left:3px;width:15px;height:15px}.question-option-row .input{position:absolute;opacity:0;width:0;height:0}.question-option-row .input:checked+.question-option-row__content .question-option-row__checkbox{border-color:rgb(var(--color-border));background-color:rgb(var(--color-border))}.question-option-row .input[type=checkbox]:checked+.question-option-row__content .checkbox-svg{opacity:1}.question-option-row__content{display:flex;align-items:center}@media screen and (min-width:768px){.question-option-row__content{gap:24px}}@media screen and (max-width:767px){.question-option-row__content{gap:16px}}.question-option-row__icon{width:100%;height:100%}@media screen and (min-width:768px){.question-option-row__icon{max-height:48px;max-width:48px}}@media screen and (max-width:767px){.question-option-row__icon{max-height:24px;max-width:24px}}.question-option-row__icon svg,.question-option-row__icon img{width:100%;height:100%}.question-option-row__text{font-weight:500}@media screen and (min-width:768px){.question-option-row__text{font-size:calc(var(--font-body-size)*1.375);line-height:1.27;letter-spacing:.11px}}@media screen and (max-width:767px){.question-option-row__text{font-size:18px;line-height:1.2}}.question-option-row__checkbox{flex-shrink:0;position:relative;border:1px solid #9fa0a1;background-color:rgb(var(--color-background));transition:background-color .3s,border-color .3s;border-radius:6px;width:24px;height:24px}.question-option-row:has(input[type=radio]) .question-option-row__checkbox{border:2px solid #9fa0a1;border-radius:100%}@media screen and (min-width:768px){.question-option-row:has(input[type=radio]) .question-option-row__checkbox{width:18px;height:18px}}@media screen and (max-width:767px){.question-option-row:has(input[type=radio]) .question-option-row__checkbox{width:12px;height:12px}}.question-option-row__checkbox:after{content:"";position:absolute;width:6px;height:12px;border:solid rgb(var(--color-background));border-width:0 2px 2px 0;transform:rotate(45deg);top:4px;left:8px;opacity:0;transition:opacity .2s}.row-options{display:flex;flex-direction:column;gap:12px;width:100%}.question-input{width:100%}.question-input__wrapper{display:flex;flex-direction:column;gap:12px}.question-input__text{display:flex;align-items:center;gap:12px}@media screen and (min-width:768px){.question-input__text{font-size:calc(var(--font-body-size)*1.375);letter-spacing:.13px}}@media screen and (max-width:767px){.question-input__text{font-size:18px}}.question-input__text .asterisk{color:rgb(var(--color-border))}.question-input__icon{width:24px;height:24px}.question-input__input{width:100%;border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background))}.question-input__input::-moz-placeholder{font-size:calc(var(--font-body-size)*1.125);letter-spacing:1px;font-style:italic}.question-input__input::placeholder{font-size:calc(var(--font-body-size)*1.125);letter-spacing:1px;font-style:italic}.question-input__input:focus{outline:none}.question-input__input:not(.is-error)~.question-input__error{display:none}.question-input__input.is-error{border:3px solid rgb(var(--color-border))}@media screen and (min-width:768px){.question-input__input{padding:27px 36px;border-radius:48px;font-size:calc(var(--font-body-size)*1.375);line-height:1.5}}@media screen and (max-width:767px){.question-input__input{padding:20px 24px;border-radius:36px;font-size:18px;line-height:1.2}}.question-input__error{font-size:calc(var(--font-body-size)*1.375);color:rgb(var(--color-border));letter-spacing:.16px}.reviews{display:none}@media screen and (max-width:767px){.reviews{flex:auto}}.reviews__wrapper{margin:0 auto;max-width:883px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.reviews__title{margin-bottom:12px}.reviews__review{margin-bottom:10px;color:#7a7979;font-size:calc(var(--font-body-size)*1.125);line-height:1.5;text-align:center}.reviews__review p{margin:0}.reviews__starts{display:flex;align-items:center;gap:10px;font-size:calc(var(--font-body-size)*1.125)}@media screen and (max-width:767px){.reviews__starts{flex-direction:column}}.reviews__starts-wrapper{display:flex;gap:4px}.input-page[data-page=active]:has(.weight-input)~.reviews{display:block}.contact-inputs{width:100%}.contact-inputs__wrapper{display:flex;flex-direction:column;gap:38px}.contact-details-page[data-page=active]~.navigation .safety-message{display:flex}@media screen and (min-width:768px){.sucess-page{margin-bottom:60px}}.sucess-page__subheading{margin:0 auto 65px;max-width:667px;width:100%;font-size:calc(var(--font-body-size)*1.125);line-height:1.5;text-align:center}.sucess-page__checklist{margin-bottom:60px;display:grid;align-items:flex-start}@media screen and (min-width:768px){.sucess-page__checklist{grid-template-columns:1fr 1fr 1fr;gap:36px}}@media screen and (max-width:767px){.sucess-page__checklist{grid-template-columns:100%;gap:24px}}.sucess-page .checklist__item{display:flex;align-items:center}@media screen and (min-width:768px){.sucess-page .checklist__item{flex-direction:column;justify-content:center;gap:18px}}@media screen and (max-width:767px){.sucess-page .checklist__item{gap:16px}}.sucess-page .checklist__item svg{flex-shrink:0;display:block;width:24px;height:24px}.sucess-page .checklist__text{font-size:calc(var(--font-body-size)*1.125);line-height:1.5}@media screen and (min-width:768px){.sucess-page .checklist__text{text-align:center}}.sucess-page__call-item{display:flex;align-items:center;gap:24px;background-color:rgb(var(--color-secondary-background))}@media screen and (min-width:768px){.sucess-page__call-item:not(:last-child){margin-bottom:60px}}@media screen and (max-width:767px){.sucess-page__call-item:not(:last-child){margin-bottom:36px}}@media screen and (min-width:768px){.sucess-page__call-item{padding:36px;border-radius:48px}}@media screen and (max-width:767px){.sucess-page__call-item{padding:24px;border-radius:36px;flex-direction:column}}.sucess-page__call-image{overflow:hidden}@media screen and (min-width:768px){.sucess-page__call-image{max-width:128px;max-height:128px;border-radius:36px}}@media screen and (max-width:767px){.sucess-page__call-image{width:100%;height:100%;border-radius:24px}}.sucess-page__call-image img{width:100%;height:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.sucess-page__call-text{font-size:calc(var(--font-body-size)*1.125);line-height:1.5}.sucess-page__call-text p{margin:0}.sucess-page__call-text em{color:#ea8684;font-size:12px;font-style:normal;font-weight:500;line-height:1.5;text-transform:uppercase}.sucess-page__call-text p:has(em){line-height:1}@media screen and (min-width:768px){.sucess-page__call-text p:has(em){margin-bottom:14px}}@media screen and (max-width:767px){.sucess-page__call-text p:has(em){margin-bottom:24px}}@media screen and (max-width:767px){.sucess-page__call-text h4{font-size:18px}}.sucess-page__btn-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.question-option-additional{width:100%}.question-option-additional:not(.visible){display:none}@media screen and (min-width:768px){.question-option-additional{padding-bottom:60px}}@media screen and (max-width:767px){.question-option-additional{padding-bottom:30px}}.question-option-additional__label{display:inline-block;font-size:16px;font-style:normal;font-weight:600;line-height:1.5}.question-option-additional__label:not(:last-child){margin-bottom:6px}.question-option-additional__text-area{width:100%;height:100px;padding:12px 24px;border-radius:12px;border:1px solid rgba(25,34,51,.1);background:#19223305;resize:none;font-size:18px;font-family:var(--font-body-family);font-style:normal;font-weight:400;line-height:1.5}.question-option-additional__text-area:focus-visible{outline:.2rem solid #ea8684;outline-offset:0}.question-option-additional__text{padding:24px;border-radius:12px;border:1px solid rgba(25,34,51,.1);background:#19223305;font-size:18px;font-style:normal;font-weight:400;line-height:1.5}.question-option-additional__text p{margin:0}.question-option-additional__text p:not(:last-child){margin-bottom:20px}.question-option-additional__text a{color:#ea8684}.question-flow__wrapper{background-color:#0000}@media screen and (max-width:767px){.question-flow__wrapper{flex:auto}}@media screen and (max-width:767px){.question-flow .page-width{display:flex;flex-direction:column;height:100%}}.question-flow__navigation{margin:0 auto;display:flex;gap:10px}@media screen and (min-width:420px){.question-flow__navigation{max-width:-moz-fit-content;max-width:fit-content}}.question-flow__next{color:rgb(var(--color-background));gap:10px}.question-flow__next[disabled]{color:#9fa0a1;opacity:1;background-color:rgb(var(--color-secondary-background))}.question-flow__next:after,.question-flow__next:before{content:none}@media screen and (max-width:419px){.question-flow__next{width:100%}}.question-flow__prev{display:flex;align-items:center;justify-content:center;padding:25px 18px;border:1px solid #192233;border-radius:12px;font-size:18px;font-weight:600;line-height:1.5;background:#0000;color:#192233}.question-flow__progress{padding-bottom:64px;display:flex;gap:max(12px,min(1.25vw,25px))}.question-flow__progress .progress__item{width:100%;height:6px;border-radius:30px;background-color:#dcdddf}.question-flow__progress .progress__item[data-progress-item=active]{background-color:rgb(var(--color-border))}.question-flow .safety-message{margin:0 auto;padding-top:36px;width:-moz-fit-content;width:fit-content;display:none;align-items:center;gap:10px;font-size:calc(var(--font-body-size)*1.125);color:#7a7979}.question-flow:has(.question-page.sucess-page[data-page=active]) .navigation{display:none}@media screen and (max-width:767px){.question-flow{min-height:100vh;display:flex}}@media screen and (max-width:767px){.question-flow__form{flex:auto;display:flex;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/opk-question-flow-section.css.map */