.f9 .f900-hair-types{padding:30px 0 26px;background:#fff;color:#222;font-family:inherit}.f9 .f900-hair-types__inner{max-width:1200px;margin:0 auto}.f9 .f900-hair-types h2{max-width:900px;margin:0 auto 25px;padding:0 24px;font-family:inherit;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.6px;text-align:center;text-transform:uppercase}.f9 .f900-hair-types h2 span{color:#df0052}.f9 .f900-hair-types__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 24px;outline:none}.f9 .f900-hair-types__track:focus-visible{outline:2px solid #ff005e;outline-offset:-3px;border-radius:18px}.f9 .f900-hair-types__card{position:relative;min-width:0;aspect-ratio:1;margin:0;border-radius:23px;overflow:hidden;background:#f5e3d7;isolation:isolate}.f9 .f900-hair-types__card img{position:absolute;display:block;width:130.934%;max-width:none;height:auto;left:-16.858%;top:-3.273%}.f9 .f900-hair-types__card:nth-child(n+2) img{top:-3.764%}.f9 .f900-hair-types__swipe{display:none}.f9 .f900-hair-types__note{margin:15px 20px 0;color:#87727c;text-align:center;font-size:10px;line-height:1.6;letter-spacing:0}@media(max-width:749px){.f9 .f900-hair-types{padding:25px 0 22px}.f9 .f900-hair-types h2{max-width:370px;margin-bottom:20px;padding:0 20px;font-size:25px;line-height:1.15;letter-spacing:-.65px;text-align:left}.f9 .f900-hair-types__track{display:flex;gap:14px;overflow-x:auto;padding:0 20px 8px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#ff005e #fbe5ee;-webkit-overflow-scrolling:touch}.f9 .f900-hair-types__card{flex:0 0 83%;scroll-snap-align:start;border-radius:20px}.f9 .f900-hair-types__swipe{display:block;margin:9px 20px 0;color:#87727c;font-size:10px;line-height:1.5;text-align:center;letter-spacing:.2px}.f9 .f900-hair-types__swipe span{margin-left:4px;color:#df0052;font-size:16px}.f9 .f900-hair-types__note{margin-top:9px;font-size:9px}}@media(max-width:359px){.f9 .f900-hair-types h2{font-size:23px;padding:0 16px}.f9 .f900-hair-types__track{padding-inline:16px;scroll-padding-inline:16px;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/f900-hair-types.css.map */