.fs-hair-cat__title{text-align:center;margin-bottom:2rem}.fs-hair-cat{display:block}.fs-hair-cat__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1.4rem;padding:0 1.5rem .5rem;scrollbar-width:none;-ms-overflow-style:none}.fs-hair-cat__list::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.fs-hair-cat__list{gap:2.4rem;padding:0 5rem .5rem;justify-content:center}}.fs-hair-cat__item{flex:0 0 auto;width:9.5rem;scroll-snap-align:start}@media screen and (min-width:750px){.fs-hair-cat__item{width:15rem}}.fs-hair-cat__circle-link{display:block;text-decoration:none;color:inherit}.fs-hair-cat__circle{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;isolation:isolate;box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.fs-hair-cat__img,.fs-hair-cat__img--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.fs-hair-cat__img--placeholder{background:rgba(var(--color-foreground),.06)}.fs-hair-cat__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#0009);z-index:1}.fs-hair-cat__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#fff;font-weight:var(--font-heading-weight);font-size:1.5rem;line-height:1.15;letter-spacing:.01em}@media screen and (min-width:750px){.fs-hair-cat__label{font-size:1.7rem}}@media(min-width:990px)and (prefers-reduced-motion:no-preference){.fs-hair-cat__circle{transition:transform var(--duration-medium) var(--ease-out-slow)}.fs-hair-cat__circle-link:hover .fs-hair-cat__circle{transform:scale(1.04)}}.fs-hair-cat__buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem}.fs-hair-cat__dots{display:flex;align-items:center;gap:.5rem}.fs-hair-cat__dot{all:unset;width:.6rem;height:.6rem;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:background var(--duration-short) ease,width var(--duration-short) ease}.fs-hair-cat__dot:hover{background:rgba(var(--color-foreground),.4)}.fs-hair-cat__dot.is-active{background:rgb(var(--color-button));width:1.6rem;border-radius:4px}@media(prefers-reduced-motion:reduce){.fs-hair-cat__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hair-categories.css.map */