product-quiz{display:block;position:relative;width:100%}.row-selection{display:none}.step{display:none;padding:0;text-align:center}#step1{display:block}@media screen and (min-width: 990px){product-quiz>div,#skin-container,product-quiz .step,product-quiz .step-wrapper,product-quiz .step-wrapper .col{max-height:90vh}product-quiz quiz-slider{max-height:calc(90vh - 120px)}product-quiz quiz-slider .slider-items{max-height:calc(90vh - 180px)}}.step h2{text-transform:uppercase;font-size:4em;margin-bottom:var(--layout-space-4)}.step span.font-vieve{margin-right:var(--layout-space-4);text-transform:capitalize;font-size:var(--text-size-5xl)}.step{margin:0 auto}.skin-item{padding:0;cursor:pointer;border:3px solid rgb(var(--color-base-white));position:relative}.skin-item .slider-item-image-wrapper{transition:all .2s ease-in;outline:3px solid transparent;outline-offset:1px}.skin-item h4{text-transform:uppercase;font-weight:700;font-size:var(--text-size-lg);margin-top:var(--layout-space-2);padding-bottom:var(--layout-space-2);padding-bottom:var(--layout-space-3)}.skin-item .slider-item-image-wrapper:hover,.skin-item.selected .slider-item-image-wrapper{outline:3px solid rgb(var(--color-base-black))}#step4 h2{text-align:left;margin-top:var(--layout-space-9)}@media (max-width: 750px){#step4 h2{text-align:left;margin-top:var(--layout-space-6)}}product-quiz h2{font-size:var(--text-size-2xl);text-transform:uppercase;margin-bottom:0;text-align:center}product-quiz h3:not(.card__heading){font-size:var(--text-size-lg);text-transform:uppercase;text-align:center;display:block;margin-top:var(--layout-space-1);font-style:normal}.progress.button{background:rgb(var(--color-base-black));cursor:pointer;color:rgb(var(--color-base-white))}#skin-container{margin-bottom:var(--layout-space-6)}.row-item .skin-item:hover{box-shadow:initial}.row-item .skin-item{height:100%;display:flex;justify-content:space-between;flex-direction:column}#step4 .container{max-width:var(--layout-max-width);margin:0 auto}#step4 .row{padding:0;align-items:start;margin-top:0}html body .skin-item h4{font-size:var(--text-size-lg);padding-bottom:0;margin-bottom:0;text-align:left}html body .skin-item h5{text-align:left;margin-bottom:0;padding-bottom:0}.row-item{display:flex}#step4 .button{font-size:var(--text-size-s);width:100%;padding:var(--layout-space-2)}body #step4 .col-md-3{padding:0}body #step4 .col-md-3 h2{padding:var(--layout-space-4);font-size:var(--text-size-xl)}body #step4 .col-md-3 .skin-item{padding:var(--layout-space-4)}body #step4 .col-md-3 .skin-item:hover{box-shadow:initial}body #step4 .col-md-3 img{margin-top:-20px}#step4 .row{align-items:initial!important}#step4 .row>.col-md-9{display:flex;align-items:center}.row-selection{display:none!important}.show-row-selection{display:block!important}@media (max-width: 991px){.progress-bar{z-index:9999999!important}.step .row{flex-wrap:wrap}.step .col-md-4,.step .col-md-3{width:50%!important}#step4 .row>.col-md-9{width:100%}.row-item{flex-wrap:wrap;justify-content:center}#step4.step .col-md-3{width:100%!important}}body #step4 .col-md-3 h2{background:none;margin-bottom:-1.5em;position:relative;z-index:10}#step4 .row-item .col-md-3{display:none}#step4 .row-item .col-md-3:nth-child(1){display:block}#step4 .row-item .col-md-3:nth-child(2){display:block}#step4 .row-item .col-md-3:nth-child(3){display:block}#step4 .row-item .col-md-3:nth-child(4){display:block}#step4 .row-item .col-md-3:nth-child(3) .skin-item:after,#step4 .row-item .col-md-3:nth-child(4) .skin-item:after{display:none}product-quiz h2{position:relative;z-index:2}.start-again{border:none;background:none;display:flex;flex-direction:column;align-items:center;max-width:fit-content;justify-content:center;cursor:pointer;text-decoration:none}.start-again span{font-size:var(--text-size-tiny);text-transform:uppercase;color:rgba(var(--color-base-black));margin-top:var(--layout-space-1)}#step1 .start-again,#step2 .start-again,#step3 .start-again{position:absolute;top:0;right:var(--layout-space-6)}#step4 .start-again{margin:0 auto}#step4 .start-again span{margin-top:var(--layout-space-2);margin-bottom:var(--layout-space-15)}@media (max-width: 750px){#step4 .start-again span{margin-bottom:var(--layout-space-2)}}.last:after{display:none}.no-plus:after{display:none}#skin-container product-card product-group{position:absolute!important;overflow:hidden;width:var(--layout-space-pixel);height:var(--layout-space-pixel);margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}@media (max-width: 991px){#step1 .skin-item{padding:0!important}.step .col-md-4,.step .col-md-3{padding:0;margin-bottom:25px}}.step{transition:all .3s ease-in-out;opacity:0}.progress-bar{margin-bottom:var(--layout-space-14)}.progress-bar ul{list-style-type:none;display:flex;align-items:center;margin:0}.progress-bar ul>span{height:2px;display:flex;padding:0 var(--layout-space-7)}.progress-bar ul li>span{font-size:var(--text-size-2xl);font-weight:var(--font-weight-extralight);color:rgb(var(--color-quiz-grey))}.add-all circle{stroke:rgb(var(--color-background))}product-quiz .add-all{max-width:32rem;margin:var(--layout-space-6) 0}product-quiz .disclaimer{max-width:35rem;margin:var(--layout-space-6) auto 0 auto}#step1 .progress-bar ul li.progress-step1>span,#step2 .progress-bar ul li.progress-step2>span,#step3 .progress-bar ul li.progress-step3>span{font-weight:var(--font-weight-bold);color:rgb(var(--color-base-black))}product-quiz .step-wrapper .col:first-child .content{display:flex;align-self:flex-start;flex-wrap:wrap;gap:var(--layout-space-2);margin-bottom:18rem}product-quiz .step-wrapper .col:first-child .content-mobile{display:none}product-quiz .step-wrapper .col:first-child .content .col-left svg{height:83px;width:auto}product-quiz .step-wrapper .col:first-child .content .col-right h2{margin:var(--layout-space-2) 0 0 0;text-align:left}product-quiz .step-wrapper .col:first-child .content .col-right p{text-align:left;max-width:36rem}product-quiz .step-wrapper .next-step-wrapper{width:100%;max-width:35rem;margin:0 auto 2rem}product-quiz .step-wrapper .col .next-step-wrapper--mobile{display:none}product-quiz .step-wrapper .col{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}product-quiz .step-wrapper .col.row-selection{width:0}product-quiz .step-wrapper .col.show-row-selection{width:100%}product-quiz .step-wrapper .col .next-step-wrapper button{margin-top:var(--layout-space-4);width:100%}product-quiz .step-wrapper .col .next-step-wrapper button.disabled{pointer-events:none}@media screen and (min-width: 990px){product-quiz .step-wrapper{display:flex;justify-content:center}}product-quiz{min-height:calc(100vh - var(--header-height) - 30px);margin-top:var(--layout-space-4)!important}product-quiz quiz-slider{min-width:100%;display:block;transition:opacity .5s ease-in;position:relative}product-quiz quiz-slider .slider-wrapper ul.slider-items{position:relative;list-style-type:none;touch-action:none;max-height:100%}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item{position:absolute;top:50%;transform:translateY(-50%);transition:all ease-in-out .8s;-webkit-tap-highlight-color:transparent}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item h5{font-size:var(--text-size-xs);font-weight:unset;margin-top:var(--layout-space-1)}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active{position:absolute;transition:all ease-in-out .8s;top:50%;transform:translateY(-50%)}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{position:relative;height:600px;transition:all ease-in-out .8s;overflow:hidden;max-height:100%}@media screen and (min-width: 990px) and (max-height: 850px){product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:450px;transform:none}}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{position:relative;height:450px;transition:all ease-in-out .8s;overflow:hidden}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}product-quiz quiz-slider .slider-wrapper .slider-controls{display:flex;justify-content:space-between}@media screen and (min-width: 990px){product-quiz quiz-slider .slider-wrapper .slider-controls{position:absolute;top:calc(50% - var(--layout-space-7));left:0;right:0;pointer-events:none}}product-quiz quiz-slider .slider-wrapper .slider-controls button{color:rgb(var(--color-base-black));background:rgb(var(--color-base-black));border:none;cursor:pointer;width:var(--layout-space-7);height:var(--layout-space-7);display:flex;align-items:center;justify-content:center;pointer-events:auto}product-quiz quiz-slider .slider-wrapper .slider-controls button .icon{height:var(--layout-space-2);color:rgb(var(--color-base-white))}product-quiz quiz-slider .slider-wrapper .slider-controls button.slider-button-prev .icon{transform:rotate(90deg)}product-quiz quiz-slider .slider-wrapper .slider-controls button.slider-button-next .icon{transform:rotate(-90deg)}product-quiz #step4 .product-grid .grid__item{--counter-value: 1}product-quiz #step4 .product-grid .grid__item:before{counter-reset:--counter-value var(--counter-value);content:counter(--counter-value);height:25px;width:72px;color:rgb(var(--color-base-white));background:rgb(var(--color-base-black));position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}product-quiz #step4 .product-grid .grid__item.you-may-also-like:before{content:"YOU MAY ALSO LIKE";height:25px;padding:0 var(--layout-space-6);width:unset;color:rgb(var(--color-base-white));background:rgb(var(--color-base-black));position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}@media (max-width: 475px){product-quiz #step4 .product-grid .grid__item.you-may-also-like:before{padding:0 var(--layout-space-1)}}product-quiz #step4 .product-grid .grid__item .card__label{display:none}@media (max-width: 989px){product-quiz .step-wrapper .col:first-child .content{margin-bottom:0}product-quiz .step-wrapper .col:first-child .content .col-left svg{height:45px;width:auto}product-quiz .step-wrapper .col:first-child .content .col-right h2{font-size:var(--text-size-2xl);margin-top:var(--layout-space-1);text-align:center}product-quiz .step-wrapper .col:first-child .content .col-right p{display:none}product-quiz .step-wrapper .col:first-child .content-mobile{display:block;text-align:center;font-size:var(--text-size-xs)}#step1 .start-again,#step2 .start-again,#step3 .start-again{position:static;margin:var(--layout-space-4) auto var(--layout-space-4) auto}product-quiz .step-wrapper .col .next-step-wrapper{display:none}product-quiz .step-wrapper .col .next-step-wrapper--mobile{display:block;max-width:none;padding:0 var(--layout-space-3)}.progress-bar{margin-bottom:var(--layout-space-3)}.progress-bar ul{padding-left:0}.content{margin:0 auto}product-quiz{min-height:unset}product-quiz.page-width{padding:0!important}.slider-controls{padding:0 var(--layout-space-3)}#step4 h2.h1{font-size:var(--text-size-2xl)}#step4{padding:0 var(--layout-space-3)}product-quiz .step-wrapper .col:first-child{padding:0 var(--layout-space-3)}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:70rem}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{height:50rem}}@media (max-width: 800px){product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:55rem}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{height:47.5rem}}@media (max-width: 600px){product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:45rem}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{height:37.5rem}}@media (max-width: 500px){product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:35rem}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{height:27.5rem}}@media (max-width: 400px){product-quiz quiz-slider .slider-wrapper .slider-items .slider-item.active .slider-item--image{height:30rem}product-quiz quiz-slider .slider-wrapper .slider-items .slider-item .slider-item--image{height:25rem}}product-quiz .skin-container{position:relative}product-quiz #skin-container .quiz-loading-spinner{position:absolute;top:calc(50vh - var(--header-height));left:50%;transform:translate(-50%,-50%)}product-quiz #skin-container .quiz-loading-spinner svg{animation:quiz-spinner 1.4s linear infinite;height:var(--layout-space-8);width:var(--layout-space-8)}@keyframes quiz-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/510/assets/ua_beauty-quiz.css.map */