.c-know-your-skin{width:100%;background:#f0e5e0;color:#000;padding-block-end:3rem;padding-top:100px}@media only screen and (max-width:991px){.c-know-your-skin{padding-top:20px}}.c-know-your-skin__hero{width:100%;overflow:hidden;margin-bottom:0;line-height:0;padding:0 50px;box-sizing:border-box}@media only screen and (max-width:991px){.c-know-your-skin__hero{padding:0 20px}}.c-know-your-skin__hero img,.c-know-your-skin__hero-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:10px}.c-know-your-skin__inner{padding:50px}@media only screen and (max-width:991px){.c-know-your-skin__inner{padding:30px 20px}}.c-know-your-skin__header{text-align:center;margin-bottom:80px}@media only screen and (max-width:991px){.c-know-your-skin__header{margin-bottom:30px;text-align:left}}.c-know-your-skin__title{font-family:PP-Rader;font-weight:500;font-size:40px;line-height:42px;color:#c70016;margin:0 0 10px;text-transform:none}@media only screen and (max-width:991px){.c-know-your-skin__title{font-size:18px;line-height:20px}}.c-know-your-skin__active-title{font-family:PP-Rader;font-size:35px;line-height:35px;color:#c70016;margin-bottom:20px}@media only screen and (max-width:991px){.c-know-your-skin__active-title{font-size:18px;line-height:20px}}.c-know-your-skin__filter{font-family:PP-Rader;font-size:35px;line-height:35px;color:#e0cbc1;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;max-width:800px;margin:0 auto}@media only screen and (max-width:991px){.c-know-your-skin__filter{font-size:18px;line-height:20px;justify-content:flex-start}}.c-know-your-skin__filter-link{color:inherit;text-decoration:none;transition:color .22s ease}.c-know-your-skin__filter-link:hover{color:#c70016}.c-know-your-skin__filter-link.is-active{color:#c70016;font-weight:500}.c-know-your-skin__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;width:100%}@media only screen and (max-width:543px){.c-know-your-skin__grid{grid-template-columns:1fr;gap:30px}}.c-know-your-skin__card{display:block;text-decoration:none;width:100%;-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;text-align:left}.c-know-your-skin__card-inner{display:flex;align-items:flex-start;gap:20px;width:100%}.c-know-your-skin__card:nth-child(4n+3) .c-know-your-skin__card-inner,.c-know-your-skin__card:nth-child(4n+4) .c-know-your-skin__card-inner{flex-direction:row-reverse;text-align:right}@media only screen and (max-width:991px){.c-know-your-skin__card-inner{flex-direction:column!important;text-align:left!important;gap:15px}}.c-know-your-skin__card-img-wrapper{flex:0 0 50%;aspect-ratio:342 / 405;border-radius:10px;overflow:hidden;position:relative}@media only screen and (max-width:991px){.c-know-your-skin__card-img-wrapper{flex:0 0 auto;width:100%}}.c-know-your-skin__card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.36,.59,.22,1)}.c-know-your-skin__card:hover .c-know-your-skin__card-img{transform:scale(1.01)}.c-know-your-skin__card-title{flex:1;font-family:PP-Rader;font-size:35px;line-height:35px;color:#c70016;margin:0}@media only screen and (max-width:991px){.c-know-your-skin__card-title{font-size:20px;line-height:20px}}.compound-concern-popup{width:500px;max-width:95%;max-height:500px;overflow:hidden;background:transparent;color:#fff;border:none;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:unset}.compound-confirm-popup{padding:0}.compound-concern-popup::backdrop{background:#00000080}.compound-concern-popup__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;padding:.25rem;cursor:pointer;z-index:3;color:#1a1a1a;opacity:.9;outline:none}.compound-concern-popup__close:hover{opacity:1}.compound-concern-popup__content{position:relative;padding:0;overflow-y:auto;max-height:90vh}.compound-concern-popup__wrapper{position:relative;border-radius:10px;overflow:hidden;isolation:isolate}.compound-concern-popup__bg--fallback{background:var(--compound-popup-bg, #3d2c29)}.compound-concern-popup__bg--fallback:after{display:none}.compound-concern-popup__body{position:relative;padding:30px;isolation:isolate;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:15px;background-color:#e0cbc1}@media only screen and (max-width:991px){.compound-concern-popup__body{padding:20px}}.compound-concern-popup__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:cover;background-position:center}.compound-concern-popup__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.compound-concern-popup__title{margin:0;font-family:PP-Rader;font-size:40px;line-height:1.1;font-weight:500;color:#c70016}.compound-concern-popup__text{font-family:InstrumentSans;font-size:16px;line-height:20px;color:#c70016;margin:0;max-width:100%}.compound-concern-popup__cta-line{font-family:InstrumentSans;font-size:16px;line-height:1.4;color:#c70016;margin:0}.compound-concern-popup__cta-link{color:#c70016;text-decoration:underline;font-weight:700}.compound-concern-popup__cta-link:hover{opacity:.9}.compound-concern-popup__images{display:flex;gap:10px;justify-content:flex-start;margin:5px 0}.compound-concern-popup__img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.compound-concern-popup__actions{display:flex;gap:12px;justify-content:flex-start;width:100%;margin-top:10px}.compound-concern-popup__btn{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;border-radius:100px;text-decoration:none;font-weight:600;font-size:13px;text-transform:uppercase;transition:transform .2s ease,opacity .2s ease}.compound-concern-popup__btn:hover{opacity:.95}.compound-concern-popup__btn--secondary{background:#f0e5e0;color:#c70016}.compound-concern-popup__btn--primary{background:#c70016;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/15/assets/compound-know-your-skin.css.map */