.custom_play_icon{display:none}label:has(.play_pause_btn){position:absolute;left:2px;z-index:9999}.play_pause_btn{height:100px;width:100px;border-radius:50%;background-color:#b7b7b7;display:flex;place-items:center;justify-content:center}.play-pause{display:none}.bar1,.bar2{background-color:#fff;transition:.4s}.bar2{height:0;width:0;border-top:15px solid rgba(0,0,0,.4);border-left:20px solid white;border-bottom:15px solid rgba(0,0,0,.4)}.bar1{height:16px;width:0}.play-pause:checked~label .play_pause_btn .bar1{border-radius:10px;border:0;background-color:#fff}.play_pause_btn:hover{cursor:pointer}.play-pause:checked~label .play_pause_btn .bar2{margin-left:5px;border-radius:10px;border:0;background-color:#fff}.play-pause:checked~label .play_pause_btn{justify-content:center}.play-pause:not(:checked)+label .bar2{display:none}.text-center{text-align:center}.text-transform-none{text-transform:none!important}.mb-30{margin-bottom:30px}.collection-items-wrap .list-collections__item-list{grid-template-columns:repeat(auto-fit,calc(100% / 2 - var(--container-gutter) * 2 / 4))}@media screen and (min-width: 741px){.collection-items-wrap .list-collections__item-list{grid-template-columns:repeat(auto-fit,calc(100% / 3 - var(--container-gutter) * 2 / 4));grid-gap:20px;grid-auto-flow:row;padding:0}}@media screen and (min-width: 992px){.collection-items-wrap .list-collections__item-list{grid-template-columns:repeat(auto-fit,calc(100% / 4 - var(--container-gutter) * 2 / 4));grid-gap:20px}}.collection-items-wrap .heading{background:rgb(var(--product-custom-label-2-background));padding:.3rem 1rem;white-space:nowrap;text-transform:none;color:#0000009c;text-align:center}.orientation-quiz-section .collection-items-wrap [data-disabled=true]{cursor:not-allowed}.collection-items-wrap .list-collections__item{cursor:pointer}.orientation-quiz-section .collection-items-wrap .list-collections__item-image-wrapper:before{z-index:2;background:rgba(var(--section-block-overlay, 0, 0, 0),var(--section-block-overlay-opacity, .4))}.collection-items-wrap .heading span{white-space:normal;display:block;max-width:192px;margin:0 auto}.orientation-quiz-section .audio-wrap{display:flex;align-items:center;column-gap:20px;margin-bottom:20px;justify-content:center}.orientation-quiz-section .player{width:270px;box-shadow:none;border-radius:50px;-webkit-border-radius:50px;display:flex;align-items:center}.orientation-quiz-section .player label{padding:6px 0 6px 10px}.orientation-quiz-section .player label .play_pause_btn{width:30px;height:30px}.bar1{border-top:8px solid rgba(0,0,0,.4);border-left:10px solid white;border-bottom:8px solid rgba(0,0,0,.4)}.play-pause:checked~label .play_pause_btn .bar1,.play-pause:checked~label .play_pause_btn .bar2{height:10px;width:2px}@media screen and (min-width: 741px){.orientation-quiz-section .player{width:80%;box-shadow:none}}.orientation-quiz-section .player audio{height:44px;align-items:center;display:flex;display:none!important}.orientation-quiz-section .section-step.step-2 .question-wrap{border:1px solid rgb(var(--border-color));padding:2rem 1rem 0;margin-bottom:2.5rem;position:relative}.orientation-quiz-section .section-step.step-2 h4{position:absolute;top:-13px;background:#fff;padding:0 1rem}.orientation-quiz-section .section-step.step-2 .heading{text-transform:none}.orientation-quiz-section .section-step.step-2 .step-desc{font-style:italic;font-size:20px;max-width:770px;margin-left:auto;margin-right:auto;line-height:normal}.orientation-quiz-section .step-action-btns.button-wrapper{gap:10px;display:flex;justify-content:center}.orientation-quiz-section .step-action-btns.button-wrapper .button--primary{padding:0 16px}.orientation-quiz-section .step-action-btns.button-wrapper .excerpt-hovered:hover{background:rgb(var(--product-custom-label-2-background));color:rgb(var(--product-custom-label-2-text-color))}.orientation-quiz-section .section-step.step-3 .step-body{display:flex;grid-gap:2%;flex-direction:column;margin-bottom:2rem}.orientation-quiz-section .section-step.step-3 .match-results{display:flex;flex:1;flex-direction:column;grid-gap:3%;border:1px solid rgb(var(--border-color));padding:1rem}.orientation-quiz-section .section-step.step-3 .excerpts-listened{display:flex;flex:1 0 43%;flex-direction:column;border:1px solid rgb(var(--border-color));padding:1rem}.orientation-quiz-section .match-result-info.rate-and-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.orientation-quiz-section .match-result-info.rate-and-name p,.orientation-quiz-section .match-result-info.rate-and-name h4{margin:0;padding:0}.orientation-quiz-section .match-result-info.artist-img-wrap{height:300px;overflow:hidden}.orientation-quiz-section .match-result-info.artist-img-wrap img{width:100%;height:100%;object-fit:cover;border:1px solid #f8f8f8}.orientation-quiz-section .listened-audio-item-wrap{display:flex;column-gap:2%;align-items:center;margin-bottom:3%;justify-content:space-between}.orientation-quiz-section .listened-audio-item-wrap audio{height:44px;width:100%}.orientation-quiz-section .listened-audio-info{font-size:12px;line-height:normal;width:31%}.orientation-quiz-section .listened-audio-info p{margin:0;font-weight:600}.orientation-quiz-section .listened-audio-info span{display:block}.orientation-quiz-section .section-step.step-3 .match-result-item{margin-bottom:2rem}.custom_mouthpiece_image_wrap{margin:2rem 0}.player{position:relative;width:350px;background:#f1f3f4;box-shadow:0 50px 80px #00000040}.player audio{width:100%;outline:none}.reload_quiz{display:inline-flex;justify-content:center;align-items:center;gap:20px}.loading_img_circle{height:24px;width:24px;display:block}.container{width:100%}.section-step.step-2 .page-content{margin-bottom:2rem}.questions_progress_wrap{margin-top:3rem;position:relative;z-index:2}.questions_progress_wrap:before{content:"";position:absolute;left:0;width:11%;top:10px;background:#fff;height:20px;z-index:3}.questions_progress_wrap:after{content:"";position:absolute;right:0;width:10.2%;top:11px;background:#fff;height:20px;z-index:3}.questions_progress_wrap .progressbar{display:flex;flex-wrap:nowrap;counter-reset:step;margin-left:0!important}.questions_progress_wrap .progressbar li{list-style:none;display:inline-block;width:30.33%;position:relative;text-align:center;cursor:pointer}.questions_progress_wrap .progressbar li:before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border:1px solid #ddd;border-radius:100%;display:block;text-align:center;margin:0 auto 10px;background-color:#fff;z-index:99;position:relative}.questions_progress_wrap .progressbar li:after{content:"";position:absolute;width:100%;height:1px;background-color:#ddd;top:20px;left:0;z-index:2}.questions_progress_wrap .progressbar li.active{color:green}.questions_progress_wrap .progressbar li.active:after{background:green}.questions_progress_wrap .progressbar li.active:before{border-color:green}.questions_progress_wrap .progressbar li.past+li:after{background-color:green}.questions_progress_wrap .progressbar li span{display:none}@media screen and (min-width: 741px){.orientation-quiz-section .listened-audio-info{width:20%}.orientation-quiz-section .section-step.step-3 .excerpts-listened{padding:1.5rem}.orientation-quiz-section .listened-audio-item-wrap audio{width:100%}.orientation-quiz-section .section-step.step-3 .match-results{flex:1 0 55%;flex-direction:row;padding:1rem}.orientation-quiz-section .section-step.step-3 .match-result-item{max-width:33.333%;width:33.333%;margin-bottom:0}.orientation-quiz-section .match-results[data-matchresult="1"] .match-result-item{width:100%;max-width:100%}.orientation-quiz-section .match-results[data-matchresult="2"] .match-result-item{width:50%;max-width:50%}.orientation-quiz-section .match-results[data-matchresult="1"] .match-desc-image-wrap{text-align:center;height:300px}.orientation-quiz-section .match-results[data-matchresult="1"] .match-desc-image-wrap img{height:100%;margin:0 auto;object-fit:cover}.orientation-quiz-section .section-step.step-3 .step-body{flex-direction:column}.orientation-quiz-section .section-step.step-2 .question-wrap{padding-bottom:1rem}.orientation-quiz-section .step-action-btns.button-wrapper{gap:30px}.orientation-quiz-section .step-action-btns.button-wrapper .button--primary{padding:0 30px}.section-step.step-2 .page-content{margin-bottom:4rem}.questions_progress_wrap .progressbar li span{display:block}}@media screen and (min-width: 1025px){.orientation-quiz-section .section-step.step-3 .step-body{flex-direction:row}.orientation-quiz-section .step-action-btns.button-wrapper .button--primary{padding:0 26px}}@media screen and (min-width: 1199px){.orientation-quiz-section .listened-audio-item-wrap audio{width:100%}}@media screen and (min-width: 741px){.orientation-quiz-section .question-wrap .player{max-width:530px}}.orientation-quiz-section .player{border-radius:50px;overflow:hidden}.custom_play_button{cursor:pointer;display:flex;height:44px;align-items:center;padding:25px;background:#dbdbdb;width:100%;color:#000;font-size:12px;font-weight:600;text-transform:uppercase;line-height:20px;-moz-transition:box-shadow .25s ease;-o-transition:box-shadow .25s ease;-webkit-transition:box-shadow .25s ease;transition:box-shadow .25s ease}.custom_play_button:before{content:"";background:#a7a7a7;height:2px;width:68%;position:absolute;right:40px;z-index:1}.custom_play_button:after{content:"\f04b";display:inline-block;color:#747474;background:#fff;font-family:FontAwesome;border-radius:50%;height:25px;width:25px;margin-left:10px;padding:3px 1.5px 3px 8px;z-index:2;position:relative}.custom_play_button.playing:after{padding:3px 3px 3px 6px;content:"\f04c"}.excerpts-listened .custom_play_button:before{width:58%}.excerpts-listened .custom_play_button.playing:after{padding:3px 3px 3px 8px}.excerpts-listened .custom_play_button:after{padding:3px 1.5px 3px 9px}@media (min-width: 1200px) and (max-width: 1300px){.excerpts-listened .custom_play_button:before{width:53%}}@media (min-width: 1025px) and (max-width: 1155px){.excerpts-listened .custom_play_button:before{width:46%}}@media (min-width: 1155px) and (max-width: 1199px){.excerpts-listened .custom_play_button:before{width:48%}}@media (max-width: 1024px){.excerpts-listened .custom_play_button:before{width:68%}.excerpts-listened .listened-excerpts-wrap{max-width:654px;width:100%;margin-left:auto;margin-right:auto}.excerpts-listened .h5{text-align:center}}@media (max-width: 741px){.custom_play_button:before{display:none}.custom_play_button:after{right:25px;position:absolute}.custom_play_button{padding:24px}.orientation-quiz-section .excerpts-listened .player{width:100%}.excerpts-listened .listened-excerpts-wrap{max-width:390px;width:100%;margin-left:auto;margin-right:auto}}@media (max-width: 450px){.custom_play_button:after{padding:3px 1.5px 4px 8.5px}.custom_play_button.playing:after{padding:3px 3px 3px 7px}.custom_play_button{padding:20px}.player-info{min-width:25%}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/orientationquiz.css.map */