.skin-concern-navigator__heading{margin-bottom:.8rem}.skin-concern-navigator__subheading{max-width:60rem;margin-bottom:2.4rem}.skin-concern-navigator__marquee{display:block;width:100%}.skin-concern-navigator__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;column-gap:1.6rem;row-gap:1.8rem}.skin-concern-navigator__item{display:flex;flex:0 0 calc((100% - (var(--concern-cols, 4) - 1) * 1.6rem) / var(--concern-cols, 4))}@media screen and (min-width:750px){.skin-concern-navigator__list{column-gap:2rem;row-gap:2.4rem}.skin-concern-navigator__item{flex:0 0 calc((100% - (var(--concern-cols, 4) - 1) * 2rem) / var(--concern-cols, 4))}}@media screen and (max-width:749px){.skin-concern-navigator__list{flex-wrap:nowrap;overflow-x:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.skin-concern-navigator__list::-webkit-scrollbar{display:none}.skin-concern-navigator__list:active{cursor:grabbing}.skin-concern-navigator__item{flex:0 0 50%}.skin-concern-navigator__item[aria-hidden=true] a,.skin-concern-navigator__item[aria-hidden=true] span[role=link]{pointer-events:none}}.skin-concern-navigator__card{display:flex;flex-direction:column;gap:1rem;width:100%;text-decoration:none;color:currentColor;cursor:pointer;transition:transform .3s ease}@media(hover:hover){.skin-concern-navigator__card:hover{transform:translateY(-3px)}}.skin-concern-navigator__card[aria-disabled=true]{cursor:default;opacity:.6}.skin-concern-navigator__card--static{cursor:default}.skin-concern-navigator__card--static:hover,.skin-concern-navigator__card--static:hover .skin-concern-navigator__media img{transform:none}.skin-concern-navigator__media{display:block;width:100%;aspect-ratio:5 / 6;border-radius:6px;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.skin-concern-navigator__media img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;transition:transform .4s ease}.skin-concern-navigator__card:hover .skin-concern-navigator__media img{transform:scale(1.03)}.skin-concern-navigator__card:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.skin-concern-navigator__title{font-size:1.4rem;letter-spacing:.02em;font-weight:500}@media screen and (min-width:750px){.skin-concern-navigator__title{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-skin-concern-navigator.css.map */