@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);
.template-page#shadefinder{font-family:CourierNew, "Courier New", serif;font-size:16px;line-height:1.6}.template-page#shadefinder a:hover{text-decoration:none}.template-page#shadefinder .ge_img{margin-bottom:0px !important}.template-page#shadefinder a.instagram-link{color:white;position:relative;top:5px}.template-page#shadefinder .header-top-wrapper .instagram img{top:-2px;margin-right:5px;position:relative;right:-5px}.template-page#shadefinder a.site-header__logo-link{position:relative;top:-5px}.template-page#shadefinder .alert{display:none !important}#shadefinder-main{max-width:1454px;margin:auto;font-family:CourierNew, "Courier New", serif}#shadefinder-main .shadefinder-top{position:relative;width:100%;height:50vh;background-image:url(https://www.patmcgrath.com/cdn/shop/files/shadefinder-bg_2023_f8e595d5-6273-400a-913b-02a41f4a93f6.jpg?v=1707705516);background-size:cover;background-repeat:no-repeat;background-position:center center}@media (max-width: 1400px){#shadefinder-main .shadefinder-top{height:85vh}}@media (max-width: 775px){#shadefinder-main .shadefinder-top{background-image:url(https://www.patmcgrath.com/cdn/shop/files/shadefinder_header_mobile_2023_1bdf7c1a-73cd-4ab1-909e-ac11941154ee.jpg?v=1707705516);height:52vh}}#shadefinder-main .shadefinder-top .floating-content{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;color:white;background-color:black;background-image:url(https://www.patmcgrath.com/cdn/shop/files/shadefinder-full-box-bg.png?v=1592188746);background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center;box-sizing:border-box;padding:40px}@media (max-width: 775px){#shadefinder-main .shadefinder-top .floating-content{height:80%;width:80%;padding:10px}#shadefinder-main .shadefinder-top .floating-content p{font-size:12px;line-height:1.2}#shadefinder-main .shadefinder-top .floating-content .floating-content-btn-wrap{margin-top:25px}}@media (max-height: 790px){#shadefinder-main .shadefinder-top .floating-content p{font-size:12px}#shadefinder-main .shadefinder-top .floating-content .floating-content-btn-wrap{margin-top:10px}}#shadefinder-main .shadefinder-top .floating-content h1{text-transform:uppercase;margin-top:0px}@media (max-width: 775px){#shadefinder-main .shadefinder-top .floating-content h1{font-size:28px;margin-top:15px;margin-bottom:10px}}@media (max-height: 700px){#shadefinder-main .shadefinder-top .floating-content h1{font-size:20px;margin-top:8px;margin-bottom:5px}}@media (max-height: 600px){#shadefinder-main .shadefinder-top .floating-content h1{font-size:20px}}#shadefinder-main .shadefinder-top .floating-content img{display:inline-block;width:25%;margin-bottom:20px}@media (max-width: 775px){#shadefinder-main .shadefinder-top .floating-content img{margin-bottom:unset;margin-top:15px;width:35%}}@media (max-height: 700px){#shadefinder-main .shadefinder-top .floating-content img{margin-top:5px}}#shadefinder-main .shadefinder-top .floating-content a{display:inline-block;background-color:white;color:black;padding:10px 25px;box-sizing:border-box;text-transform:uppercase;margin:10px 5px;line-height:1em;text-decoration:none}#shadefinder-main .shadefinder-top .floating-content a :hover{cursor:pointer}@media (max-width: 775px){#shadefinder-main .shadefinder-top .floating-content a{width:90%}}#shadefinder-main .shadefinder-top .floating-content button{display:inline-block;background-color:white;color:black;padding:10px 25px;box-sizing:border-box;text-transform:uppercase;margin:10px 5px;line-height:1em;border:none}@media (max-width: 775px){#shadefinder-main .shadefinder-top .floating-content button{width:90%;margin:unset}}#shadefinder-main .shadefinder-top .floating-content :hover{cursor:pointer}#shadefinder-main .shadefinder-heading{text-align:center}@media (max-width: 767px){#shadefinder-main .shadefinder-heading h2{font-size:20px}}#shadefinder-main .snap-scroll,#shadefinder-main .swatches,#shadefinder-main .products ol{overflow:auto;scroll-snap-type:mandatory;scroll-snap-type:x mandatory;-ms-scroll-snap-type:mandatory;-webkit-scroll-snap-type:mandatory;-webkit-scroll-snap-destination:0% 0%;-webkit-overflow-scrolling:touch}#shadefinder-main .swatches{white-space:nowrap;box-sizing:border-box;padding:0 5px}#shadefinder-main .swatches .swatch-group{display:inline-block;position:relative;border-left:1px solid #ddd;scroll-snap-align:center;margin-bottom:40px;line-height:1em}#shadefinder-main .swatches .swatch-group:first-child{border-left:0}#shadefinder-main .swatches .swatch-group .group-title{display:block;text-align:center;padding:10px 0;text-transform:uppercase}#shadefinder-main .products ol{display:block;white-space:nowrap}#shadefinder-main .products ol>li{scroll-snap-align:center;display:inline-flex;flex-direction:row;text-align:center;max-width:100vw;white-space:normal}@media (max-width: 767px){#shadefinder-main .products ol>li{flex-direction:column}}#shadefinder-main .products ol>li img{display:inline-block;max-width:100%;max-height:50vh}#shadefinder-main .products .product-foundation,#shadefinder-main .products .product-concealer{box-sizing:border-box;padding:20px 90px;margin:30px 0;width:50%}#shadefinder-main .products .product-foundation:first-child,#shadefinder-main .products .product-concealer:first-child{border-right:1px solid #ddd}@media (max-width: 767px){#shadefinder-main .products .product-foundation,#shadefinder-main .products .product-concealer{width:100%;padding:0 30px 0 30px;margin:20px 0 0 0}#shadefinder-main .products .product-foundation:first-child,#shadefinder-main .products .product-concealer:first-child{border-bottom:1px solid #ddd;border-right:unset}}#shadefinder-main .products .product-foundation h3,#shadefinder-main .products .product-concealer h3{font-size:1.5em;font-weight:normal;text-transform:capitalize;margin-bottom:5px}#shadefinder-main .products .product-foundation p,#shadefinder-main .products .product-concealer p{font-size:0.875em;line-height:1em;margin-bottom:10px}#shadefinder-main .products .product-foundation .product-title,#shadefinder-main .products .product-concealer .product-title{margin-bottom:20px}#shadefinder-main .products .product-foundation .btn,#shadefinder-main .products .product-concealer .btn{padding:10px 40px}#shadefinder-main .products .product-foundation a,#shadefinder-main .products .product-concealer a{font-size:0.75em;padding:10px 0}#shadefinder-main .products .cta-wrap{display:flex;flex-direction:column}#shadefinder-main .products .cta-wrap button,#shadefinder-main .products .cta-wrap a{margin:auto}#shadefinder-main .products .cta-wrap button{cursor:pointer;display:inline-block;text-transform:uppercase}#shadefinder-main .products .cta-wrap a{margin:10px 0;text-transform:uppercase;text-decoration:underline;color:black}#shadefinder-main ol{display:inline-block;list-style:none;margin:0;padding:0}#shadefinder-main ol>li{display:inline-block}#shadefinder-main .radio-wrap{position:relative}#shadefinder-main .radio-wrap input[type="radio"]{position:absolute;opacity:0;top:0;left:0}#shadefinder-main .radio-wrap input[type="radio"]:checked+label .index{display:block}#shadefinder-main .radio-wrap input[type="radio"]:checked+label:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:3px solid white;outline:2px solid black;z-index:1;box-sizing:border-box}#shadefinder-main .radio-wrap input[type="radio"]:checked+label:after{content:"";display:block;position:absolute;top:110%;left:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid black;z-index:2;outline:none}#shadefinder-main .radio-wrap label{display:inline-block;width:40px;height:40px;position:relative;cursor:pointer}#shadefinder-main .radio-wrap label .index{display:none;position:absolute;bottom:-33px;left:50%;transform:translateX(-50%)}#shadefinder-main .style-swiper-slide-btn-wrap{position:relative}#shadefinder-main .style-swiper-btn-prev,#shadefinder-main .style-swiper-btn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-color:black;border:0;font-size:2em;margin:0;padding:0;cursor:pointer;color:#fff;padding:10px;box-sizing:border-box;line-height:1em}#shadefinder-main .style-swiper-btn-prev i,#shadefinder-main .style-swiper-btn-next i{position:relative;top:1px}#shadefinder-main .style-swiper-btn-prev .index,#shadefinder-main .style-swiper-btn-next .index{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);font-size:1rem;color:black;padding:0 10px}#shadefinder-main .style-swiper-btn-prev{left:0}@media (max-width: 775px){#shadefinder-main .style-swiper-btn-prev{position:sticky;position:-webkit-sticky;top:15%;display:block}}#shadefinder-main .style-swiper-btn-next{right:0}@media (max-width: 775px){#shadefinder-main .style-swiper-btn-next{position:sticky;position:-webkit-sticky;left:100%;bottom:78%;top:unset;display:block}}#shadefinder-main .style-swiper-hidden{display:none}#shadefinder-main .hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}#shadefinder-main .hide-scrollbar::-webkit-scrollbar{display:none}#shadefinder-main .modal-backdrop.fade{opacity:1 !important}#shadefinder-main .shadefinder-quiz-intro-banner{font-family:CourierNew, "Courier New", serif;min-height:480px;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url("https://www.patmcgrath.com/cdn/shop/files/intro_shadefinder.png?v=1591909381");display:flex;justify-content:center;align-items:center;margin-bottom:3em;padding:2em}#shadefinder-main .shadefinder-quiz-intro-banner .shadefinder-quiz-intro-banner-inner{background-color:rgba(0,0,0,0.8);width:50%;height:50%;text-align:center;padding:2em}#shadefinder-main .shadefinder-quiz-intro-banner .shadefinder-quiz-intro-banner-inner img{width:10em}#shadefinder-main .shadefinder-quiz-intro-banner .shadefinder-quiz-intro-banner-inner h1{color:white;width:80%;text-align:center;margin:0 auto;padding-bottom:20px;padding-top:20px;font-weight:400;font-size:1.7em}#shadefinder-main .shadefinder-quiz-intro-banner .shadefinder-quiz-intro-banner-inner .btn-container{display:flex;flex-direction:row;justify-content:center}#shadefinder-main .shadefinder-quiz-intro-banner .shadefinder-quiz-intro-banner-inner .btn{background:white;padding:20px;margin:20px;cursor:pointer;text-decoration:none;color:black}#shadefinder-main .seo{position:absolute;top:0;left:0;width:0;height:0;opacity:0;font-size:0}@media (max-width: 900px){.modal{background-color:darkgrey}}.shadefinder-quiz-modal{width:90vw;font-family:CourierNew, "Courier New", serif;margin:0 auto;margin-top:20px;font-size:14px;line-height:1.2}@media (max-width: 767px){.shadefinder-quiz-modal{width:100vw;height:100vh;margin-top:0px}}.shadefinder-quiz-modal .back-button{margin:0;position:relative;top:20px;left:20px;font-size:20px;text-align:left;cursor:pointer;position:absolute;z-index:3}.shadefinder-quiz-modal .back-close-container{display:flex;justify-content:space-between;width:100%}.shadefinder-quiz-modal .back{position:absolute;top:0px;left:15px;font-size:50px;font-weight:700;line-height:1;color:lightgrey;text-shadow:0 1px 0 #fff}.shadefinder-quiz-modal .back :hover{cursor:pointer;color:grey}@media (max-width: 767px){.shadefinder-quiz-modal .back{top:-5px;left:5px}}.shadefinder-quiz-modal .close{position:absolute;top:0px;right:15px;font-size:50px}@media (max-width: 767px){.shadefinder-quiz-modal .close{top:-5px;right:5px}}.shadefinder-quiz-modal .quiz-modal-header{font-size:20px;margin:35px auto;margin-bottom:0px;position:relative}@media (max-width: 775px){.shadefinder-quiz-modal .quiz-modal-header{font-size:18px;margin-top:40px}}.shadefinder-quiz-modal .foundation-image-container,.shadefinder-quiz-modal .quiz-select-option,.shadefinder-quiz-modal .shadefinder-concealer-option{transition:transform 0.2s}.shadefinder-quiz-modal .modal-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;direction:ltr;text-align:center;margin:0 auto;height:675px;max-width:1225px;background:#F5F5F3;box-shadow:none;border:none;display:flex;flex-direction:column;margin-bottom:3em;overflow:none;border-radius:unset}@media (max-width: 900px){.shadefinder-quiz-modal .modal-content{height:unset}}@media (max-width: 840){.shadefinder-quiz-modal .modal-content{width:57%}}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content{width:95vw;height:97vh;border-radius:0px;max-height:unset;position:relative;top:10px}}.shadefinder-quiz-modal .modal-content .seo{position:absolute;top:0;left:0;width:0;height:0;opacity:0;font-size:0}.shadefinder-quiz-modal .modal-content u{text-transform:uppercase}.shadefinder-quiz-modal .modal-content .modal-content-container-center{margin-top:65px}.shadefinder-quiz-modal .modal-content #root .modal-content-container-center,.shadefinder-quiz-modal .modal-content #foundation_undertone-color .modal-content-container-center{display:flex;flex-direction:column;justify-content:center;margin-top:50px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #root .modal-content-container-center,.shadefinder-quiz-modal .modal-content #foundation_undertone-color .modal-content-container-center{margin-top:35px}}.shadefinder-quiz-modal .modal-content #foundation_undertone-color .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-color .modal-content-container-center{margin-top:130px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #foundation_undertone-color .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-color .modal-content-container-center{margin-top:unset}}.shadefinder-quiz-modal .modal-content #foundation_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #foundation_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-color .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-color .modal-content-container-center{margin-top:145px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #foundation_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #foundation_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-color .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal .modal-content #combo_undertone-color .modal-content-container-center{margin-top:unset}}.shadefinder-quiz-modal .modal-content [id^="combo_use-"] .modal-content-container-center{margin-top:145px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content [id^="combo_use-"] .modal-content-container-center{margin-top:65px}}.shadefinder-quiz-modal .modal-content .combo-result .modal-content-container-center{margin-top:45px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .combo-result .modal-content-container-center{margin-top:65px}}.shadefinder-quiz-modal .modal-content #foundation_undertone-shade .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade .modal-content-container-center{display:flex;flex-direction:column;justify-content:center}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #foundation_undertone-shade .modal-content-container-center,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade .modal-content-container-center{height:unset;margin-top:30px}}.shadefinder-quiz-modal .modal-content #foundation_undertone-shade,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade{height:100%}.shadefinder-quiz-modal .modal-content .subtitle{text-align:center;font-size:16px;margin:15px auto;text-align:center;max-width:770px}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content .subtitle{max-width:90%}}.shadefinder-quiz-modal .modal-content #root{height:100%}.shadefinder-quiz-modal .modal-content #concealer .subtitle{margin-top:50px}.shadefinder-quiz-modal .modal-content #concealer .quiz-select-option.undefined{min-height:160px}.shadefinder-quiz-modal .modal-content .quiz-container{display:flex;min-height:90vh;flex-direction:column;height:-webkit-fill-available;justify-content:space-evenly;padding-bottom:5em;text-align:center}.shadefinder-quiz-modal .modal-content .quiz-container.align-start{justify-content:flex-start}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content .quiz-container{height:auto}}.shadefinder-quiz-modal .modal-content .choices-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.shadefinder-quiz-modal .modal-content .choices-container li:hover{transform:scale(1.01)}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .choices-container li:hover{transform:unset}}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_content_container{width:100%}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product{display:flex;flex-direction:column;align-items:center;max-width:280px;margin:20px}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product:hover{transform:unset;cursor:auto}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product a{width:100%;padding:17px 0px;border-radius:0;background:black;color:white !important;font-size:12px;text-transform:uppercase;border:1px solid black;text-decoration:none}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product img{width:100%}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_container{display:flex;padding-inline-start:unset}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_container{width:100%;background-color:#F5F5F3;flex-direction:column}}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_retake_quiz{width:100%;padding-top:12px;border:none;text-decoration:underline;background-color:whitesmoke;font-size:14px;text-transform:uppercase;margin-bottom:30px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_retake_quiz{padding-bottom:12px;border-top:1px solid #F5F5F3}}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product_container{border:1px solid lightgrey;margin:20px;display:flex;flex-direction:column;align-items:center}.shadefinder-quiz-modal .modal-content .choices-container .concealer_use_product_container div{margin-top:20px}.shadefinder-quiz-modal .modal-content .add-all-result-container{background-color:whitesmoke;width:100%}.shadefinder-quiz-modal .modal-content .add-all-result-button{width:97%;padding:17px 0px;border-radius:0;background:black;color:white;font-size:14px;text-transform:uppercase;border:1px solid black;text-decoration:none;line-height:0;height:40px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .add-all-result-button{max-width:320px;height:80px}}.shadefinder-quiz-modal .modal-content .multi-result-retake-quiz{width:100%;padding-top:12px;border:none;text-decoration:underline;background-color:whitesmoke;font-size:14px;text-transform:uppercase;margin-bottom:10px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content .multi-result-retake-quiz{padding-bottom:12px;border-top:1px solid #F5F5F3}}.shadefinder-quiz-modal .modal-content .quiz-select-option-container{display:flex;flex-direction:row;padding-left:0px}@media (max-width: 900px){.shadefinder-quiz-modal .modal-content .quiz-select-option-container{flex-wrap:wrap;justify-content:center}}.shadefinder-quiz-modal .modal-content #foundation_container,.shadefinder-quiz-modal .modal-content #concealer_no_container,.shadefinder-quiz-modal .modal-content #combo_container{flex-wrap:nowrap;margin-top:15px}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content #foundation_container,.shadefinder-quiz-modal .modal-content #concealer_no_container,.shadefinder-quiz-modal .modal-content #combo_container{scroll-snap-type:x mandatory;white-space:nowrap;overflow-y:hidden;overflow:auto;width:100vw;height:70vh;display:inline-block;padding-left:100px;padding-right:100px}}.shadefinder-quiz-modal .modal-content #concealer_yes{display:flex;flex-direction:column}.shadefinder-quiz-modal .modal-content #concealer_yes select{width:100%;text-overflow:ellipsis;padding:15px 20px;margin:17px;border-radius:0px;background:white;border:1px solid grey;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:13px;-webkit-appearance:none}.shadefinder-quiz-modal .modal-content #concealer_yes img{width:100%}.shadefinder-quiz-modal .modal-content #concealer_yes .choices-container button{width:100%;padding:17px;border-radius:0;background:black;color:white;font-size:12px;text-transform:uppercase;border:1px solid black}.shadefinder-quiz-modal .modal-content #concealer_yes .choices-container .disabled{background:#999;color:#555;border:1px solid #999;pointer-events:none}.shadefinder-quiz-modal .modal-content #concealer_yes .modal-content-container-center{margin-top:50px}@media (max-width: 1300px){.shadefinder-quiz-modal .modal-content #foundation_light_container,.shadefinder-quiz-modal .modal-content #foundation_medium_container,.shadefinder-quiz-modal .modal-content #foundation_deep_container{width:1200px}}@media (max-width: 800px){.shadefinder-quiz-modal .modal-content #foundation_light_container,.shadefinder-quiz-modal .modal-content #foundation_medium_container,.shadefinder-quiz-modal .modal-content #foundation_deep_container{width:unset}}.shadefinder-quiz-modal .modal-content #foundation_light_container span,.shadefinder-quiz-modal .modal-content #foundation_medium_container span,.shadefinder-quiz-modal .modal-content #foundation_deep_container span{font-size:14px}.shadefinder-quiz-modal .modal-content #foundation_light-medium_container span,.shadefinder-quiz-modal .modal-content #foundation_medium-deep_container span,.shadefinder-quiz-modal .modal-content #foundation_undertone-shade_container span,.shadefinder-quiz-modal .modal-content #concealer_light_container span,.shadefinder-quiz-modal .modal-content #concealer_light-medium_container span,.shadefinder-quiz-modal .modal-content #concealer_medium_container span,.shadefinder-quiz-modal .modal-content #concealer_medium-deep_container span,.shadefinder-quiz-modal .modal-content #concealer_deep_container span,.shadefinder-quiz-modal .modal-content #concealer_undertone-color_container span,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins_container span,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun_container span,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade_container span{font-size:14px}.shadefinder-quiz-modal .modal-content .quiz-select-option{cursor:pointer;background:white;font-size:1.2em;display:flex;flex-direction:column;justify-content:space-between;margin:15px}@media (max-width: 768px){.shadefinder-quiz-modal .modal-content .quiz-select-option{cursor:pointer;background:white;font-size:1.2em;display:flex;flex-direction:column;justify-content:space-between}}@media (max-width: 420px){.shadefinder-quiz-modal .modal-content .quiz-select-option{margin:8px 5px}}@media (max-width: 400px){.shadefinder-quiz-modal .modal-content .quiz-select-option{margin:5px 5px}}.shadefinder-quiz-modal .modal-content .quiz-select-option img{max-width:333px;width:100%}.shadefinder-quiz-modal .modal-content .quiz-select-option button{background-color:white;border:none;display:flex;flex-direction:column;align-items:center;width:100%;height:40px;line-height:20px;justify-content:center}.shadefinder-quiz-modal .modal-content .quiz-select-option button span{font-size:14px}@media (max-width: 1100px){.shadefinder-quiz-modal .modal-content .quiz-select-option button span{position:relative}}.shadefinder-quiz-modal .modal-content li.quiz-select-option.skin_undertone,.shadefinder-quiz-modal .modal-content li.quiz-select-option.undefined,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-rec,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-other,.shadefinder-quiz-modal .modal-content li.quiz-select-option.combo_use_product{width:310px;margin:10px}@media (max-width: 1100px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.skin_undertone,.shadefinder-quiz-modal .modal-content li.quiz-select-option.undefined,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-rec,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-other,.shadefinder-quiz-modal .modal-content li.quiz-select-option.combo_use_product{width:260px}}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.skin_undertone,.shadefinder-quiz-modal .modal-content li.quiz-select-option.undefined,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-rec,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-other,.shadefinder-quiz-modal .modal-content li.quiz-select-option.combo_use_product{width:320px}}.shadefinder-quiz-modal .modal-content li.quiz-select-option.skin_undertone img,.shadefinder-quiz-modal .modal-content li.quiz-select-option.undefined img,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-rec img,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-other img,.shadefinder-quiz-modal .modal-content li.quiz-select-option.combo_use_product img{width:100%}.shadefinder-quiz-modal .modal-content li.quiz-select-option.skin_undertone:after,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-other:after,.shadefinder-quiz-modal .modal-content li.quiz-select-option.shade-variant-rec:after{content:"";display:block;width:100%;height:60%;position:absolute;bottom:5px;left:0px;background:#F5F5F3;z-index:-1;transform:unset}.shadefinder-quiz-modal .modal-content #foundation_undertone-unknown_container,.shadefinder-quiz-modal .modal-content #foundation_undertone-color,.shadefinder-quiz-modal .modal-content #foundation_undertone-veins,.shadefinder-quiz-modal .modal-content #foundation_undertone-sun,.shadefinder-quiz-modal .modal-content #concealer_undertone-unknown_container,.shadefinder-quiz-modal .modal-content #concealer_undertone-color,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun,.shadefinder-quiz-modal .modal-content #combo_undertone-unknown_container,.shadefinder-quiz-modal .modal-content #combo_undertone-color,.shadefinder-quiz-modal .modal-content #combo_undertone-veins,.shadefinder-quiz-modal .modal-content #combo_undertone-sun{margin-top:30px}.shadefinder-quiz-modal .modal-content #foundation_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-color button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-veins button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-sun button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-color button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun button span,.shadefinder-quiz-modal .modal-content #combo_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #combo_undertone-color button span,.shadefinder-quiz-modal .modal-content #combo_undertone-veins button span,.shadefinder-quiz-modal .modal-content #combo_undertone-sun button span{font-size:16px;line-height:24px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #foundation_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-color button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-veins button span,.shadefinder-quiz-modal .modal-content #foundation_undertone-sun button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-color button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-veins button span,.shadefinder-quiz-modal .modal-content #concealer_undertone-sun button span,.shadefinder-quiz-modal .modal-content #combo_undertone-unknown_container button span,.shadefinder-quiz-modal .modal-content #combo_undertone-color button span,.shadefinder-quiz-modal .modal-content #combo_undertone-veins button span,.shadefinder-quiz-modal .modal-content #combo_undertone-sun button span{line-height:12px}}@media (max-width: 500px){.shadefinder-quiz-modal .modal-content li#foundation_undertone-unknown,.shadefinder-quiz-modal .modal-content li#concealer_undertone-unknown,.shadefinder-quiz-modal .modal-content li#combo_undertone-unknown{min-height:150px}}.shadefinder-quiz-modal .modal-content li#foundation_undertone-unknown button,.shadefinder-quiz-modal .modal-content li#concealer_undertone-unknown button,.shadefinder-quiz-modal .modal-content li#combo_undertone-unknown button{height:100%;min-height:140px}.shadefinder-quiz-modal .modal-content #root_container li{padding-bottom:unset;padding-top:25px}.shadefinder-quiz-modal .modal-content #root_container button{position:relative;top:-12px}.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px;padding-top:20px}@media (max-width: 1300px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:280px}}@media (max-width: 1000px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:240px}}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:220px;height:240px}}@media (max-width: 420px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:185px;height:210px}}@media (max-width: 380px){.shadefinder-quiz-modal .modal-content li.quiz-select-option.quiz-product{width:165px;height:210px}}@media (max-width: 900px){.shadefinder-quiz-modal .modal-content li#combo{width:510px}}@media (max-width: 900px){.shadefinder-quiz-modal .modal-content li#combo{min-height:180px}.shadefinder-quiz-modal .modal-content li#combo img{width:50%}}@media (max-width: 767px){.shadefinder-quiz-modal .modal-content li#combo{width:470px}}@media (max-width: 420px){.shadefinder-quiz-modal .modal-content li#combo{width:100%;max-width:380px}}@media (max-width: 380px){.shadefinder-quiz-modal .modal-content li#combo{width:340px}}.shadefinder-quiz-modal .modal-content #foundation_undertone-shade_container.quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_undertone-shade .quiz-select-option-container{display:flex;flex-wrap:wrap;max-width:1000px;padding-left:0px;position:relative;width:100%}@media (max-width: 1100px){.shadefinder-quiz-modal .modal-content #foundation_undertone-shade_container.quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #foundation_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #concealer_undertone-shade .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_light .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_light-medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_medium .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_medium-deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_deep .quiz-select-option-container,.shadefinder-quiz-modal .modal-content #combo_undertone-shade .quiz-select-option-container{max-width:850px;background-color:#F5F5F3;margin-bottom:10px}}.shadefinder-quiz-modal .modal-content #concealer_yes_container{display:flex;flex-direction:column;align-items:center;width:275px}@media (max-width: 775px){.shadefinder-quiz-modal .modal-content #concealer_yes_container{width:75%;position:relative;left:-15px}}.shadefinder-quiz-modal .modal-content .foundation-image{height:90%;background-image:url(https://www.patmcgrath.com/cdn/shop/files/foundation_sprite.png?v=1592168204);background-size:cover;background-repeat:no-repeat}@media (max-width: 900px){.shadefinder-quiz-modal .modal-content.horizontal-scroll{justify-content:flex-start}}.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:200px;margin:0px 14px}.shadefinder-quiz-modal .quiz-select-option.skin_tone_range:hover{transform:unset}.shadefinder-quiz-modal .quiz-select-option.skin_tone_range:hover:after{content:"";display:block;width:105%;height:102%;position:absolute;top:-5px;left:-4.5px;background:white;z-index:-1;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4)}@media (max-width: 775px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range:hover:after{content:unset}}@media (max-width: 1200px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:170px}}@media (max-width: 1050px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:160px}}@media (max-width: 1000px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:150px}}@media (max-width: 767px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{scroll-snap-align:center;display:inline-block;width:210px}}@media (max-width: 767px) and (min-height: 800px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:250px}}@media (max-width: 767px) and (max-height: 650px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:190px}}@media (max-width: 767px) and (max-height: 600px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range{width:155px}}.shadefinder-quiz-modal .quiz-select-option.skin_tone_range button{height:40px}@media (max-width: 767px){.shadefinder-quiz-modal .quiz-select-option.skin_tone_range button{max-height:750px}}.shadefinder-quiz-modal .quiz-select-option.skin_tone_range img{width:100%}.shadefinder-quiz-modal .quiz-select-option.undefined,.shadefinder-quiz-modal .quiz-select-option.combo_use_product{width:310px;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.shadefinder-quiz-modal .quiz-select-option.undefined img,.shadefinder-quiz-modal .quiz-select-option.combo_use_product img{width:100%}@media (max-width: 1200px){.shadefinder-quiz-modal .quiz-select-option.undefined,.shadefinder-quiz-modal .quiz-select-option.combo_use_product{min-height:130px}}.shadefinder-quiz-modal #foundation_undertone-color,.shadefinder-quiz-modal #concealer_undertone-color,.shadefinder-quiz-modal #combo_undertone-color{min-width:300px;height:300px;width:850px;margin:0px 30px}@media (max-width: 775px){.shadefinder-quiz-modal #foundation_undertone-color,.shadefinder-quiz-modal #concealer_undertone-color,.shadefinder-quiz-modal #combo_undertone-color{width:330px;height:380px}}.shadefinder-quiz-modal #foundation_undertone-color.quiz-select-option.undefined button,.shadefinder-quiz-modal #concealer_undertone-color.quiz-select-option.undefined button,.shadefinder-quiz-modal #combo_undertone-color.quiz-select-option.undefined button{width:650px;line-height:24px;height:100%;font-size:16px}@media (max-width: 775px){.shadefinder-quiz-modal #foundation_undertone-color.quiz-select-option.undefined button,.shadefinder-quiz-modal #concealer_undertone-color.quiz-select-option.undefined button,.shadefinder-quiz-modal #combo_undertone-color.quiz-select-option.undefined button{width:unset;line-height:20px}}.shadefinder-quiz-modal #concealer_undertone-color .modal-content-container-center,.shadefinder-quiz-modal #concealer_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal #concealer_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-sun .modal-content-container-center{margin-top:70px}@media (max-width: 775px){.shadefinder-quiz-modal #concealer_undertone-color .modal-content-container-center,.shadefinder-quiz-modal #concealer_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-veins .modal-content-container-center,.shadefinder-quiz-modal #concealer_undertone-sun .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-sun .modal-content-container-center{margin-top:unset}}.shadefinder-quiz-modal #concealer_undertone-shade .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-shade .modal-content-container-center{margin-top:30px}@media (max-width: 775px){.shadefinder-quiz-modal #concealer_undertone-shade .modal-content-container-center,.shadefinder-quiz-modal #foundation_undertone-shade .modal-content-container-center{margin-top:unset}}.shadefinder-quiz-modal .shade-variant-rec{outline:3px solid black}.shadefinder-quiz-modal #concealer .modal-content-container-center{margin-top:180px}@media (max-width: 775px){.shadefinder-quiz-modal #concealer .modal-content-container-center{margin-top:unset}}.shadefinder-quiz-modal #foundation_undertone-shade_container button span{font-size:14px}.shadefinder-quiz-modal .product-result{display:flex;flex-direction:column;align-items:center}.shadefinder-quiz-modal .product-result .product-result-inner-container{display:flex}@media (max-width: 775px){.shadefinder-quiz-modal .product-result .product-result-inner-container{flex-direction:column;align-items:center;background-color:whitesmoke;width:100%}}.shadefinder-quiz-modal .product-result .product-result-inner{display:flex;flex-direction:column;align-items:center;max-width:320px;margin:15px}.shadefinder-quiz-modal .product-result .product-result-inner a{width:100%;padding:17px 0px;border-radius:0;background:black;color:white !important;font-size:14px;text-transform:uppercase;border:1px solid black;text-decoration:none}.shadefinder-quiz-modal .product-result button{width:100%;padding-top:20px;border:none;text-decoration:underline;background-color:whitesmoke;font-size:14px;text-transform:uppercase}.shadefinder-quiz-modal .product-result img{width:100%}.shadefinder-quiz-modal .breadcrumb-container{max-width:550px;width:60%;position:relative;top:30px;padding-top:5px;padding-left:0px;transform:scale(0.4, 0.4);display:flex;justify-content:center;margin:0 auto}.shadefinder-quiz-modal .breadcrumb-container .breadcrumb{padding:unset;border:2px solid lightgrey;border-left:none;border-right:none;border-radius:unset;border-top-right-radius:1px;border-bottom-right-radius:1px;background:white;width:125px;height:16px;margin-top:-38px;color:grey}.shadefinder-quiz-modal .breadcrumb-container p{margin:0;font-size:2.5em;bottom:0.65em;position:relative;right:0.27em;display:none}.shadefinder-quiz-modal .breadcrumb-container .breadcrumb-selected{width:125px;margin-top:-38px;background:black;color:white}@media (max-width: 767px){.shadefinder-quiz-modal .breadcrumb-container{min-width:150%;right:25%;margin:0 auto}}.shadefinder-quiz-modal li.breadcrumb.breadcrumb-selected.breadcrumb-start{border-top-left-radius:100px;border-bottom-left-radius:100px}.shadefinder-quiz-modal .breadcrumb-container li.breadcrumb.breadcrumb-end{border-top-right-radius:100px;border-bottom-right-radius:100px;border-right:2px solid lightgrey}.shadefinder-quiz-modal ul{margin:unset}.shadefinder-quiz-modal ol{margin:unset}