@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
body.oht-new-template{height:100%}
.step-two-main{display:flex;flex-direction:column;background-color:#f6fbfc;justify-content:space-between;height:100%;overflow-y:auto}
.step-two-main.amplifon-edit-mode{height:fit-content}
.step-two-main .template{margin:auto 0}
.step-two-main .secondary-title{color:#0f2033;font-size:36px;line-height:44px;font-family:"AvenirNext-DemiBold",sans-serif}
.step-two-main .subtitle{color:#0f2033;font-family:"Noto Sans",sans-serif;font-size:16px;line-height:26px}
@media(max-width:709.98px){.step-two-main{padding:20px 0 0;justify-content:unset}
.step-two-main .template{order:1;padding-bottom:94px;margin:0}
.step-two-main:has(.oht-test:not(.oht-test.d-none)) .navigation-buttons .next-step-btn:has(.cta.disabled){display:none}
}
@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.navigation-buttons{padding-bottom:40px}
.navigation-buttons .navigation-buttons-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px}
.navigation-buttons .navigation-buttons-wrapper .steps-line{display:flex;align-items:center;gap:31.5px;position:relative;width:fit-content;margin:0 auto}
.navigation-buttons .navigation-buttons-wrapper .steps-line:after{content:"";display:block;border-top:1px solid #63809d;width:100%;height:1px;position:absolute;left:0;right:0;top:16px}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item{display:flex;align-items:center;flex-direction:column;position:relative;z-index:1}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .progress-circle{display:none;position:absolute;z-index:2}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .step-icon{background-color:#f6fbfc;margin-bottom:2px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .step-icon .step{border-radius:50%;border:1px solid #63809d;display:none;font-family:"AvenirNext-Regular",sans-serif;font-size:18px;line-height:26px;width:32px;height:32px;align-items:center;justify-content:center;color:#63809d;position:relative}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .step-icon img{width:32px;height:32px}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .text{font-family:"AvenirNext-Regular",sans-serif;font-size:12px;line-height:22px;color:#63809d;text-align:center}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item:first-child::before,.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item:last-child::before{content:"";background-color:#f6fbfc;width:calc(100% - 32px);height:32px;position:absolute;z-index:1}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item:first-child::before{left:0}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item:last-child::before{right:0}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress .step-icon{background-color:unset}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress .step-icon img{display:none}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress .step{background-color:#00747a;border-color:#fff;color:#fff;display:flex;font-family:"AvenirNext-DemiBold",sans-serif;line-height:24px;height:28px;width:28px}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress .text{font-family:"AvenirNext-DemiBold",sans-serif;color:#0f2033;line-height:20px;margin-top:2px;transition:all .3s linear}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress .progress-circle{display:flex}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress ~ .step-item img{display:none}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item.in-progress ~ .step-item .step{display:flex}
.navigation-buttons .navigation-buttons-wrapper .empty-div{display:none}
.navigation-buttons .navigation-buttons-wrapper .next-step-btn .cta{margin-left:auto;transition:background-color .3s ease-in-out}
.navigation-buttons .navigation-buttons-wrapper .cta.hidden{opacity:0;cursor:none;pointer-events:none}
.navigation-buttons .navigation-buttons-wrapper .go-back-btn .cta{margin-right:auto}
.navigation-buttons .navigation-buttons-wrapper .next-step-btn,.navigation-buttons .navigation-buttons-wrapper .go-back-btn{width:25%}
@media(max-width:709.98px){.navigation-buttons{order:0}
.navigation-buttons .navigation-buttons-wrapper .go-back-btn{width:fit-content}
.navigation-buttons .navigation-buttons-wrapper .go-back-btn .cta{margin:0;height:fit-content}
.navigation-buttons .navigation-buttons-wrapper .go-back-btn .cta-label{display:none}
.navigation-buttons .navigation-buttons-wrapper .steps-line{gap:20px}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .step-icon:after{width:20px}
.navigation-buttons .navigation-buttons-wrapper .steps-line .step-item .text{display:none}
.navigation-buttons .navigation-buttons-wrapper .empty-div{display:block;width:32px}
.navigation-buttons .navigation-buttons-wrapper .next-step-btn{position:fixed;bottom:0;left:0;right:0;padding:20px;background-color:#f6fbfc;box-shadow:0 4px 20px 0 rgba(34,34,34,0.1019607843);z-index:3;display:block;width:100%}
.navigation-buttons .navigation-buttons-wrapper .next-step-btn:has(.cta.d-none){display:none}
.navigation-buttons .navigation-buttons-wrapper .next-step-btn .cta{margin:0;width:100%}
}
@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.oht-step-date{padding:40px 0;display:block;transition:opacity .5s linear}
.oht-step-date.transitioning-in{animation:fadeIn .6s linear}
.oht-step-date.transitioning-out{opacity:0;animation:fadeOut .5s ease-out;animation-fill-mode:forwards}
.oht-step-date .grid-wrapper{display:flex;justify-content:center}
.oht-step-date .grid-wrapper .step-date-container{display:flex;align-items:center;justify-content:space-between;gap:129px;width:1068px;padding:74px 0 20px}
.oht-step-date .grid-wrapper .step-date-container .text-part{width:41%;max-width:435px}
.oht-step-date .grid-wrapper .step-date-container .text-part .title{color:#0f2033;margin-bottom:20px}
.oht-step-date .grid-wrapper .step-date-container .text-part .subtitle{color:#0f2033;line-height:26px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper{width:41%;max-width:435px;position:relative}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-dropdown .select2-results .select2-results__options .select2-results__option{font-weight:normal;font-size:16px;color:#0f2033;background-color:#fff}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper:has(.select2.input-changing) .select2-dropdown .select2-results .select2-results__options .select2-results__option:first-child{display:block}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper:has(.select2-container--open.has-value) .select2-dropdown{border:2px solid #008540;border-top:0}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container{width:100% !important}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection__rendered{padding-left:0;color:#0f2033}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open{margin-bottom:20px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open .select2-selection{border-radius:30px 30px 0 0;border-bottom:0;padding:12px 54px 0 54px;height:34px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open .select2-selection .select-placeholder{font-size:12px;line-height:20px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open .select2-selection .select-value{display:none}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open .select2-selection .select2-selection__arrow{top:0}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open .select2-selection .select2-selection__arrow:before{rotate:180deg}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.select2-container--open.has-value .select2-selection{border-bottom:0}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container.has-value .select2-selection{border:2px solid #008540}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection{height:54px;border-radius:30px;border:2px solid #e2f3f5;padding:15px 20px;display:flex;align-items:center}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection .select-placeholder{font-family:"AvenirNext-DemiBold",sans-serif}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection .select-placeholder.selected{color:#008540;font-size:12px;line-height:20px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection .select2-selection__arrow{position:absolute;top:unset;bottom:50%;right:20px;transform:translateY(50%);width:24px;height:24px;transition:transform .3s linear}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection .select2-selection__arrow:before{content:"";display:block;position:relative;width:24px;height:24px;background-image:url("clientlib-base/resources/img/icons2/chevron-down.svg");background-repeat:no-repeat;background-position:center;background-size:contain}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-selection .select2-selection__arrow b{display:none}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown{border-bottom:0;border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:0 3px 4px 0 rgba(34,34,34,0.1019607843);border:2px solid #e2f3f5;border-top:0;overflow:hidden}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-search:before{content:"";position:absolute;top:16px;left:20px;width:24px;height:24px;background-image:url(clientlib-base/resources/img/icons2/search.svg);background-repeat:no-repeat;background-size:contain}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-search .select2-search__field{border:0;padding:0 10px 0 54px;min-width:100%;height:46px;background-color:#fff}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-search .select2-search__field::placeholder{font-family:"Noto Sans",sans-serif;color:#0f2033;opacity:1}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results{padding-bottom:10px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options{max-height:128px;margin-right:8px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option{padding:10px 20px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:first-child{display:none}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:after{content:none}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:hover,.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true],.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted{color:#00747a;background-color:#f6fbfc}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar{background-color:#63809d;border-radius:8px;width:5px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper .select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb{background-color:#0f2033;border-radius:8px}
@media(max-width:709.98px){.oht-step-date{padding:0 0 79px;order:1}
.oht-step-date .grid-wrapper .step-date-container{flex-direction:column;gap:40px;width:100%;padding:0}
.oht-step-date .grid-wrapper .step-date-container .text-part{width:100%;max-width:100%}
.oht-step-date .grid-wrapper .step-date-container .text-part .title,.oht-step-date .grid-wrapper .step-date-container .text-part .subtitle{text-align:center}
.oht-step-date .grid-wrapper .step-date-container .text-part .title{font-size:22px;line-height:30px;margin-bottom:10px}
.oht-step-date .grid-wrapper .step-date-container .select-date-wrapper{width:100%;max-width:100%}
}
@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.oht-step-final-check{padding:40px 0;transition:opacity .5s linear}
.oht-step-final-check.transitioning-in{animation:fadeIn .6s linear}
.oht-step-final-check.transitioning-out{opacity:0;animation:fadeOut .5s ease-out;animation-fill-mode:forwards}
.oht-step-final-check .grid-wrapper{display:flex;justify-content:center}
.oht-step-final-check .grid-wrapper .step-final-check-container{display:flex;align-items:center;gap:129px;max-width:1088px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part{width:38%}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part .title{color:#0f2033;margin-bottom:20px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part .subtitle{color:#0f2033}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper{width:48%;display:flex;flex-direction:column;gap:10px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item{display:flex;align-items:center;padding:20px 24px;position:relative}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .icon-image{display:flex;align-items:center;justify-content:center;background-color:#fff;min-width:60px;min-height:60px;width:60px;height:60px;border-radius:50%}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item img{object-fit:contain;width:24px;height:24px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .text-wrapper{padding-left:20px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .text-wrapper .title-item{font-family:"AvenirNext-DemiBold",sans-serif;font-size:18px;line-height:26px;color:#0f2033}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .text-wrapper .subtitle-item{color:#0f2033}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item:nth-child(2) img{width:28px;height:22px}
@media(max-width:709.98px){.oht-step-final-check{padding:0 0 80px;order:1}
.oht-step-final-check .grid-wrapper{display:block}
.oht-step-final-check .grid-wrapper .step-final-check-container{flex-direction:column;max-width:100%;gap:40px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part{width:100%}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part .title,.oht-step-final-check .grid-wrapper .step-final-check-container .text-part .subtitle{text-align:center}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-part .title{font-size:22px;line-height:30px;margin-bottom:0}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper{width:100%;gap:0}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item{padding:20px 0 20px 6px;border-top:2px solid #e2f3f5}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .icon-image{padding:6px;min-width:36px;min-height:36px;width:36px;height:36px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item:nth-child(2) .icon-image{padding:7px 4px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item:first-child{padding-top:0;border-top:0}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .text-wrapper{padding-left:10px;line-height:36px}
.oht-step-final-check .grid-wrapper .step-final-check-container .text-image-wrapper .text-image-item .text-wrapper .subtitle-item{display:none}
}
@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.oht-step-gender{padding:40px 0;display:block;transition:opacity .5s linear}
.oht-step-gender.transitioning-in{animation:fadeIn .6s linear}
.oht-step-gender.transitioning-out{opacity:0;animation:fadeOut .5s ease-out;animation-fill-mode:forwards}
.oht-step-gender .grid-wrapper{display:flex;justify-content:center}
.oht-step-gender .grid-wrapper .step-gender-container{display:flex;align-items:center;justify-content:space-between;gap:129px;width:1068px}
.oht-step-gender .grid-wrapper .step-gender-container .text-part{width:41%;max-width:435px}
.oht-step-gender .grid-wrapper .step-gender-container .text-part .title{color:#0f2033;margin-bottom:20px;text-align:start}
.oht-step-gender .grid-wrapper .step-gender-container .text-part .subtitle{color:#0f2033;line-height:26px}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender{width:41%;max-width:435px;display:flex;flex-direction:column;gap:10px}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender .gender-button input[type=radio]{display:none}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender .gender-button label{color:#0f2033;background-color:#fff;padding:25px;width:100%;border-radius:6px;box-shadow:0 2px 4px 0 rgba(34,34,34,0.1019607843);cursor:pointer;font-family:"AvenirNext-DemiBold",sans-serif;line-height:24px}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender .gender-button:has(input:checked) label{background-color:#00747a;color:#fff}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender .gender-button:hover label{background-color:#e2f3f5;text-decoration:underline}
@media(max-width:709.98px){.oht-step-gender{padding:0 0 85px;order:1}
.oht-step-gender .grid-wrapper .step-gender-container{flex-direction:column;gap:40px}
.oht-step-gender .grid-wrapper .step-gender-container .text-part{width:100%;max-width:100%}
.oht-step-gender .grid-wrapper .step-gender-container .text-part .title,.oht-step-gender .grid-wrapper .step-gender-container .text-part .subtitle{text-align:center}
.oht-step-gender .grid-wrapper .step-gender-container .text-part .title{font-size:22px;line-height:30px;margin-bottom:10px}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender{width:100%;max-width:100%}
.oht-step-gender .grid-wrapper .step-gender-container .radio-buttons-gender .gender-button label{padding:15px 25px}
}
@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
@keyframes scrolly{0{transform:translate3d(-150%,0,0) rotateY(90deg) scale(0.5) skewY(3deg)}
30%{transform:translate3d(0,0,0) rotateY(0) scale(1) skewY(0)}
70%{transform:translate3d(0,0,0) rotateY(0) scale(1) skewY(0)}
95%{transform:translate3d(150%,0,0) rotateY(-90deg) scale(0.5) skewY(-3deg)}
100%{transform:translate3d(150%,0,0) rotateY(-90deg) scale(0.5) skewY(-3deg)}
}
@keyframes rotate{100%{transform:rotate(360deg)}
}
.oht-test{margin:auto 0;padding:40px 0;transition:opacity .5s linear}
.oht-test.transitioning-in{animation:fadeIn .6s linear}
.oht-test.transitioning-out{opacity:0;animation:fadeOut .5s ease-out;animation-fill-mode:forwards}
.oht-test.earSideLeft .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.left{background-color:#e2f3f5}
.oht-test.earSideLeft .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.left .icon:before{background-color:#0f2033}
.oht-test.earSideLeft .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.left .steps{display:flex}
.oht-test.earSideLeft .grid-wrapper .test-audio-wrapper .cta-label{font-weight:700}
.oht-test.earSideLeft.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .completed.left{display:flex}
.oht-test.earSideLeft.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .play.text{display:none}
.oht-test.earSideRight .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.right{background-color:#e2f3f5}
.oht-test.earSideRight .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.right .icon:before{background-color:#0f2033}
.oht-test.earSideRight .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.right .steps{display:flex}
.oht-test.earSideRight .grid-wrapper .test-audio-wrapper .cta-label{font-weight:700}
.oht-test.earSideRight.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .completed.right{display:flex}
.oht-test.earSideRight.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .play.text{display:none}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper:before,.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper:before{border:0;background:linear-gradient(37.37deg,rgba(0,116,122,0.7) 20.79%,rgba(0,116,122,0.1) 83.23%)}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle,.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle{background-color:#fff;color:#00747a;pointer-events:none}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle:before,.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle:before{background-color:#e2f3f5}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .status.completed{display:flex}
.oht-test.is-ended .grid-wrapper .test-audio-wrapper .replay-cta{display:flex}
.oht-test.processing .grid-wrapper .test-audio-wrapper .ear-steps-wrapper{display:none}
.oht-test.processing .grid-wrapper .test-audio-wrapper .text-part{align-self:flex-end;padding-bottom:11.5px}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation{display:none}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation.processing{display:block;opacity:1}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper{width:210px;height:210px}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle{width:210px;height:210px}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .text{display:none}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status.processing{display:flex}
.oht-test.processing .grid-wrapper .test-audio-wrapper .title-text.text-processing{display:flex}
.oht-test.processing .grid-wrapper .test-audio-wrapper .title-text.text-frequency{display:none}
.oht-test.is-ended .grid-wrapper .test-audio-wrapper .text-part .subtitle,.oht-test.is-playing .grid-wrapper .test-audio-wrapper .text-part .subtitle,.oht-test.completed .grid-wrapper .test-audio-wrapper .text-part .subtitle,.oht-test.processing .grid-wrapper .test-audio-wrapper .text-part .subtitle{color:#0f2033}
.oht-test .grid-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}
.oht-test .grid-wrapper .test-audio-wrapper{display:flex;justify-content:space-between;margin:0 auto;max-width:1068px;width:100%}
.oht-test .grid-wrapper .test-audio-wrapper .text-part{width:41%;max-width:435px;padding-top:20.5px}
.oht-test .grid-wrapper .test-audio-wrapper .text-part .subtitle{line-height:26px;font-weight:400}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper{display:flex;gap:20px;margin-bottom:20px}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps{display:flex;background:#fff;padding:5px 15px;border-radius:30px;gap:10px;align-items:center;height:auto;position:relative;z-index:2}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.left .icon-new:before{mask-image:url("clientlib-base/resources/img/icons2/left-ear.svg")}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.right .icon-new:before{mask-image:url("clientlib-base/resources/img/icons2/right-ear.svg")}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .icon-new{display:block;background-color:inherit}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .icon-new:before{content:"";display:block;width:24px;height:24px;background-color:#63809d}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .steps{align-items:center;gap:10px;display:none}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .steps .ear-text{font-size:14px;line-height:22px;font-family:"AvenirNext-DemiBold",sans-serif;color:#0f2033}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .steps .step.active ~ .step{background-color:#fff}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .steps .step{border-radius:50%;width:10px;height:10px;background-color:#63809d}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps .steps .step.active{background-color:#00747a}
.oht-test .grid-wrapper .test-audio-wrapper .title-text{font-size:36px;line-height:44px;font-family:"AvenirNext-Regular",sans-serif;color:#0f2033;margin-bottom:20px;display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}
.oht-test .grid-wrapper .test-audio-wrapper .title-text.text-processing{display:none;font-family:"AvenirNext-DemiBold",sans-serif}
.oht-test .grid-wrapper .test-audio-wrapper .title-text .frequency{font-family:"AvenirNext-DemiBold",sans-serif}
.oht-test .grid-wrapper .test-audio-wrapper .title-text .db{font-size:36px;font-family:"AvenirNext-Regular",sans-serif;color:#0f2033;background-color:#fff;border:2px solid #e2f3f5;padding:4px 8px 0 8px;border-radius:6px;margin-left:4px}
.oht-test .grid-wrapper .test-audio-wrapper .replay-cta{margin-top:20px;display:none}
.oht-test .grid-wrapper .test-audio-wrapper .replay-cta .cta{height:fit-content}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part{width:32.2%}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component{position:relative}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked .audio-options .audio-circle-wrapper:before{background:linear-gradient(37.37deg,#d0d1d5 20.79%,rgba(208,209,213,0) 83.23%)}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked .audio-options .audio-circle-wrapper .audio-circle .arrow-right{display:flex;width:24px;height:24px;margin-bottom:80px;justify-content:center}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked .audio-options .audio-circle-wrapper .audio-circle .arrow-right .icon-new{background-color:#00747a}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons{display:none;position:absolute;z-index:3;top:0;bottom:0;left:34px;margin:auto;height:fit-content;width:156px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons:has(.clicked){height:max-content;bottom:47px;top:unset}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons:has(.not-heard-btn .cta.clicked){bottom:70px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn{width:100%}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn button,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn button{width:100%;padding:15px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn button .cta-label,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn button .cta-label{white-space:nowrap}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn button.clicked,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn button.clicked{background-color:#e5eeef;pointer-events:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn button.disabled,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn button.disabled{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation{left:unset;right:unset;width:450px;height:450px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation.processing,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation.processing-mobile{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper{width:222px;height:222px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper:before{width:237px;height:237px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle{width:222px;height:222px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .replay.text{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status{display:flex;flex-direction:column;align-items:center;gap:12px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status.completed,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status.processing{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status.processing .icon-new{animation:rotate 2s linear infinite}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .status .label{font-size:18px;line-height:26px;font-family:"Value-Bold",sans-serif;text-align:center;padding:0 33px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .arrow-right{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle .arrow-right .icon-new{animation:scrolly .5s forwards infinite;transform:translateZ(0);transform-origin:left}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.is-ended .heard-buttons{display:flex;flex-direction:column;gap:20px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.is-ended .audio-options .audio-circle-wrapper .audio-circle:hover:before{background-color:transparent}
.oht-test .grid-wrapper .test-audio-wrapper .subtitle{color:#0f2033}
.oht-test .grid-wrapper .test-audio-wrapper .subtitle .red{font-family:"AvenirNext-DemiBold",sans-serif;color:#00747a}
.oht-test .grid-wrapper .test-audio-wrapper .subtitle.mobile{display:none}
@media(max-width:709.98px){.oht-test{order:1;padding:0;margin:0}
.oht-test.earSideLeft .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.right{display:none}
.oht-test.earSideRight .grid-wrapper .test-audio-wrapper .ear-steps-wrapper .ear-steps.left{display:none}
.oht-test.earSideRight.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .completed.right{display:flex}
.oht-test.earSideRight.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .play.text{display:none}
.oht-test.is-ended .grid-wrapper .test-audio-wrapper .replay-cta{display:none}
.oht-test.is-ended .grid-wrapper .test-audio-wrapper .subtitle.mobile{display:none}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation.processing{display:none;opacity:0}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation.processing-mobile{display:block;opacity:1}
.oht-test.processing .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-wrapper{display:none}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .completed .icon-new{width:48px;height:48px}
.oht-test.completed .grid-wrapper .test-audio-wrapper .audio-component .audio-options .audio-circle-wrapper .audio-circle .completed .label{display:none}
.oht-test .grid-wrapper .test-audio-wrapper{flex-direction:column;gap:20px}
.oht-test .grid-wrapper .test-audio-wrapper .text-part{width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%;padding-top:0}
.oht-test .grid-wrapper .test-audio-wrapper .text-part .text-frequency{font-family:"AvenirNext-DemiBold",sans-serif}
.oht-test .grid-wrapper .test-audio-wrapper .text-part .db{font-family:"AvenirNext-DemiBold",sans-serif}
.oht-test .grid-wrapper .test-audio-wrapper .text-part .subtitle{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .ear-steps-wrapper{order:1;margin-bottom:0}
.oht-test .grid-wrapper .test-audio-wrapper .title-text{font-size:28px;line-height:36px}
.oht-test .grid-wrapper .test-audio-wrapper .title-text .db{font-size:22px;line-height:30px;margin:0}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part{width:100%}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component{width:100%;display:flex;align-items:center;flex-direction:column-reverse;gap:87px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked.is-ended .audio-options .audio-circle-wrapper .audio-circle .replay.text{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked.is-ended .audio-options .audio-circle-wrapper .audio-circle .arrow-right{display:flex;margin-bottom:0;width:48px;height:48px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked.is-ended .audio-options .audio-circle-wrapper .audio-circle .arrow-right .icon-new{width:48px;height:48px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked.is-ended .audio-options .audio-circle-wrapper .audio-circle .status .icon-new{width:48px;height:48px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.clicked.is-ended .audio-options .audio-circle-wrapper .audio-circle .status .label{display:none}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons{position:relative;left:0;width:100%}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons:has(.clicked),.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons:has(.not-heard-btn .cta.clicked){bottom:unset}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .heard-btn button.disabled,.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .heard-buttons .not-heard-btn button.disabled{display:flex}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-circle-animation{width:267px;height:267px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper{width:132px;height:132px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper:before{width:143px;height:143px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component .audio-options .audio-circle-wrapper .audio-circle{width:132px;height:132px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.is-ended{gap:37px}
.oht-test .grid-wrapper .test-audio-wrapper .audio-part .audio-component.is-ended .audio-options .audio-circle-wrapper .audio-circle .replay.text{display:flex}
.oht-test .grid-wrapper .test-audio-wrapper .subtitle.mobile{display:inline;text-align:center;margin-top:20px;color:#0f2033}
}
.pop-up-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;max-width:632px;width:100%;height:fit-content;background-color:#fff;border-radius:6px;z-index:999999;transition:opacity .5s linear}
.pop-up-wrapper.transitioning-in{animation:fadeIn .6s linear}
.pop-up-wrapper.transitioning-out{opacity:0;animation:fadeOut .5s ease-out;animation-fill-mode:forwards}
.pop-up-wrapper .pop-up{background-color:#fff;padding:32px 24px}
.pop-up-wrapper .pop-up .top-part{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:20px}
.pop-up-wrapper .pop-up .top-part .close-icn{cursor:pointer;width:32px;height:32px;display:block}
.pop-up-wrapper .pop-up .top-part .close-icn:before{content:"";width:32px;height:32px;display:block;background:url("clientlib-base/resources/img/icons2/close-circle-fill--red-white.svg") no-repeat;background-size:contain}
.pop-up-wrapper .pop-up .top-part .pop-up-title{font-size:22px;line-height:30px;font-family:"AvenirNext-DemiBold",sans-serif;color:#0f2033}
.pop-up-wrapper .pop-up .pop-up-subtitle{font-family:"Noto Sans",sans-serif;font-size:14px;line-height:22px;color:#0f2033;margin-bottom:40px;font-weight:400}
.pop-up-wrapper .pop-up .buttons-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.pop-up-wrapper .pop-up .buttons-wrapper .continue-btn .cta-label,.pop-up-wrapper .pop-up .buttons-wrapper .appointment-btn .cta-label{font-weight:700}
@media(max-width:709.98px){.pop-up-wrapper{max-width:320px;height:454px}
.pop-up-wrapper .modal{background-color:#fff}
.pop-up-wrapper .pop-up{padding:20px 20px 40px 20px;height:100%}
.pop-up-wrapper .pop-up .top-part{flex-direction:column;align-items:center;margin-bottom:10px;gap:20px}
.pop-up-wrapper .pop-up .top-part .close-icn{align-self:flex-end}
.pop-up-wrapper .pop-up .top-part .pop-up-title{text-align:center}
.pop-up-wrapper .pop-up .pop-up-subtitle{text-align:center;font-size:16px;line-height:26px}
.pop-up-wrapper .pop-up .buttons-wrapper{flex-direction:column-reverse}
.pop-up-wrapper .pop-up .buttons-wrapper .continue-btn,.pop-up-wrapper .pop-up .buttons-wrapper .appointment-btn{width:100%}
.pop-up-wrapper .pop-up .buttons-wrapper .continue-btn button,.pop-up-wrapper .pop-up .buttons-wrapper .appointment-btn button{width:100%}
}