.skin-concerns{margin:4.8rem 0}.skin-concerns h3{margin-bottom:1.6rem;padding:0 var(--gutter)}@media (min-width: 990px){.skin-concerns h3{margin-bottom:3.2rem}}.skin-concerns__text p{margin:0}.skin-concerns__text{position:relative;border:1px solid var(--charcoal);border-radius:13px;padding:.4rem 1rem;background:var(--greytint);margin-top:1.4rem;margin-bottom:1px}.skin-concerns__text.has-read-more>.body--small+.body--small,.skin-concerns__button-group>button+button{display:none}.skin-concerns__text.has-read-more{cursor:pointer}.skin-concerns__text.has-read-more .body--small{margin-right:1rem}.skin-concerns__text.has-read-more.show>.body--small:first-child{display:none}.skin-concerns__text.has-read-more.show>.body--small+.body--small{display:block}.skin-concerns__text .button--read-less{position:relative}.skin-concerns__text .button--read-less>svg{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.skin-concerns__image{position:relative}.skin-concerns__image .media{background-color:var(--secondary-accent);padding-bottom:132%}.skin-concerns__button{background:var(--greytint);position:absolute;z-index:1;top:1.2rem;left:1.2rem}.skin-concerns__image.show-next .skin-concerns__button-group>.button--next{display:none}.skin-concerns__image.show-next .skin-concerns__button-group>.button--back{display:block}.skin-concerns__image.show-next .media.media--hover-effect>img+img{opacity:1}.skin-concerns__carousel{column-gap:2rem;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 var(--gutter);scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:var(--gutter)}.skin-concerns__carousel::-webkit-scrollbar{height:0}.skin-concerns__carousel-item{position:relative;scroll-snap-type:x mandatory;width:100%;min-width:320px;scroll-snap-align:start;height:100%}@media screen and (min-width: 990px){.skin-concerns__image .media{padding-bottom:128.463%}.skin-concerns__carousel-item{min-width:37.79%;max-width:52rem}.skin-concerns__text{width:min(424px,75%);position:absolute;z-index:1;bottom:2.4rem;left:4.4rem}.skin-concerns__text .button--read-more,.skin-concerns__text .button--read-less{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.skin-concerns__text .button--read-less{right:3rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-skin-concerns.css.map */