.main-content{padding:0!important}.bt{border-top:1px solid #000}.br{border-right:1px solid #000}.bb{border-bottom:1px solid #000}.bl{border-left:1px solid #000}.d-flex{display:flex}.mb0{margin-bottom:0}@media only screen and (min-width: 750px){.medium-up--bt{border-top:1px solid #000}.medium-up--br{border-right:1px solid #000}.medium-up--bb{border-bottom:1px solid #000}.medium-up--bl{border-left:1px solid #000}.medium-up--d-flex{display:flex}}@media only screen and (max-width: 749px){.small--bt{border-top:1px solid #000}.small--br{border-right:1px solid #000}.small--bb{border-bottom:1px solid #000}.small--bl{border-left:1px solid #000}.small--d-flex{display:flex}}.box{padding:10px 0}.box .product-item{background-color:transparent;border:0}.box .product-item__image{padding-top:100%;background-size:contain;background-position:center;background-repeat:no-repeat;border:0}.box .product-item__link{display:block}.box.d-flex{height:100%;align-items:center}.box.d-flex>*{width:100%}.box--1x1{display:block;position:relative;width:100%;padding-bottom:100%}.box--1x1>span,.box--1x1>p{display:inline-block;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.box--recommended-item>*{width:400px;max-width:100%;padding:30px;margin:0 auto}.text--normal{font-size:1.2rem}.text--large{font-size:2rem}.text--xlarge{font-size:2.6rem}.section-skin-analysis input[type=checkbox],.section-skin-analysis input[type=radio]{display:none}.section-skin-analysis label{cursor:pointer}.section-skin-analysis label>span{font-size:1.4em}.section-skin-analysis input[type=checkbox]+label,.section-skin-analysis input[type=radio]+label{display:block!important;margin:0!important}.section-skin-analysis input[type=checkbox]:checked+label>span:before,.section-skin-analysis input[type=radio]:checked+label>span:before{content:"";position:absolute;top:-20px;right:-50px;bottom:-20px;left:-60px;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 30' style='enable-background:new 0 0 82 30;' xml:space='preserve'%3E%3Cpath style='fill:%23050404;' d='M26.8,29.1c-14.2,0-24.4-3.1-25.1-8.5c-0.5-3.6,3.2-7.4,10.5-10.9C19.3,6.3,29,3.6,39.5,2.1 s20.6-1.6,28.4-0.3c8,1.3,12.6,4,13.1,7.6v0c0,0,0,0,0,0c0.5,3.6-3.2,7.4-10.5,10.9c-7.1,3.4-16.8,6.1-27.3,7.6 C37.4,28.7,31.9,29.1,26.8,29.1z M55.8,1.8c-5.1,0-10.5,0.4-16.1,1.2c-10.4,1.5-20,4.2-27,7.5c-6.8,3.3-10.4,6.9-9.9,9.9 c0.9,6.5,19.4,9.4,40.4,6.4c10.4-1.5,20-4.2,27-7.5c6.8-3.3,10.4-6.9,9.9-9.9v0c-0.4-3-4.9-5.5-12.3-6.7C64.2,2.1,60.1,1.8,55.8,1.8 z'/%3E%3C/svg%3E%0A");background-size:contain;background-position:center;background-repeat:no-repeat}@media only screen and (max-width: 749px){.section-skin-analysis input[type=checkbox]:checked+label>span:before,.section-skin-analysis input[type=radio]:checked+label>span:before{background-size:auto;background-size:100px}}.skin-analysis__heading{margin:0;padding:40px 30px;font-family:Futura,sans-serif;text-align:center}.skin-analysis__subheading{margin:0;padding:20px 30px;text-align:center}.skin-analysis__bg-wrap{position:relative;height:100%}.skin-analysis__bg{height:100%;background-size:cover;background-position:center}@media only screen and (max-width: 749px){.skin-analysis__bg{padding-bottom:80%;height:auto}}.skin-analysis__bg+.skin-analysis__heading{position:absolute;top:0;right:0;left:0;padding:20px}.skin-analysis__btn{display:inline-block;padding:1em 2em;text-transform:uppercase;border:1px solid #000;color:#000}.skin-analysis__btn:active,.skin-analysis__btn:focus,.skin-analysis__btn:hover{color:#333;border-color:#333}.step{color:#000}.step--hidden{display:none}@media only screen and (max-width: 749px){.step__results .medium-up--d-flex{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.step__results .medium-up--d-flex>.grid__item{display:inline-block;width:300px;white-space:normal;float:none;vertical-align:top;margin:-10px -2px -5px}}.step--skin-type{background-color:#a9bbbe;color:#000}.step--skin-type label:hover{background:#8e9c9e}.step--skin-type .skin-analysis__subheading,.step--skin-concern .skin-analysis__subheading{font-size:1.4em}@media only screen and (max-width: 749px){.step--skin-type .skin-analysis__subheading,.step--skin-concern .skin-analysis__subheading{font-size:1.2em}}.step--skin-type p,.step--skin-concern p{margin:0;padding-right:10px;padding-left:10px;line-height:normal;font-size:1em;min-height:38px}@media only screen and (max-width: 749px){.step--skin-type p,.step--skin-concern p{font-size:.9em}}.step--skin-concern{background-color:#e4deaa;color:#000}.step--skin-concern label:hover{background:#c1bc90}@media only screen and (min-width: 750px){.step--skin-concern .grid--uniform{display:grid;grid-template-columns:repeat(3,1fr)}.step--skin-concern .grid--uniform>.grid__item{width:100%}}.step--age{background-color:#ede5d2;color:#000}.step--age label:hover{background-color:#c3bdaf}.step--texture,.step--next{background-color:#ebd5c5;color:#000}.step--texture label:hover,.step--next label:hover{background-color:#ccb9ab}.step--texture label{display:block;background-size:80%;background-position:center;background-repeat:no-repeat}.step--texture label[for=Texture--lightweight-gel-like]{background-image:url(/cdn/shop/files/Texture_Lightweight-Gellike.png?v=1637511058)}.step--texture label[for=Texture--comfy-light-lotion]{background-image:url(/cdn/shop/files/Texture_ComfyLightLotion.png?v=1637511058)}.step--texture label[for=Texture--moisturizing-smooth-cream]{background-image:url(/cdn/shop/files/Texture_MoisturizingSmoothCream.png?v=1637511057)}.step--texture label[for=Texture--nourishing-moisturizing-cream]{background-image:url(/cdn/shop/files/Texture_NorishingMoisturizingCream.png?v=1637511058)}.step--results,.step--treatment-recommendation{background-color:#ead8ca;color:#000}.step--next{padding:30px}.step--product-recommendation{background-color:#e8dab3;color:#000}.step--create-account{background-color:#f4efcf;color:#000}.step--create-account form[action="/account"]{width:800px;max-width:100%;margin:0 auto;padding:30px 15px}.step--create-account form[action="/account"] ._form-field{display:flex;align-items:center;margin:30px 0}.step--create-account form[action="/account"] ._form-field:before,.step--create-account form[action="/account"] ._form-field:after{content:" ";display:block;height:0;overflow:hidden}.step--create-account form[action="/account"] label{width:30%;float:left;text-align:right}.step--create-account form[action="/account"] input{margin:0;width:70%;float:left;background-color:#fff}.step--create-account form[action="/account"] button{min-width:200px;font-family:Futura,sans-serif;font-weight:400;background-color:transparent;border:1px solid #000;color:#000}@media only screen and (max-width: 749px){.section-skin-analysis .step--skin-concern label{font-size:.7em}.section-skin-analysis .step--skin-concern .skin-analysis__subheading{font-size:1.1em;padding:0 10px}.section-skin-analysis .step--skin-concern .step__results .medium-up--d-flex{overflow:hidden;white-space:normal;display:grid;column-gap:var(--gutter);row-gap:var(--gutter);grid-template-columns:repeat(2,1fr)}.section-skin-analysis .step--skin-concern .step__results .medium-up--d-flex>.grid__item{display:block;width:100%;margin:0;padding:0;border-bottom:2px solid}.section-skin-analysis .step--skin-concern .step__results .medium-up--d-flex>.grid__item:nth-child(odd){clear:both}.section-skin-analysis .step--skin-concern .step__results .medium-up--d-flex>.grid__item:nth-of-type(1),.section-skin-analysis .step--skin-concern .step__results .medium-up--d-flex>.grid__item:nth-of-type(2){border-top:2px solid}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/skin-analysis.scss.css.map */