.htsd{background:#fffbe3;padding:60px 24px 40px}.htsd__title{text-align:center;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:40px;line-height:1;letter-spacing:.4px;margin:0 0 34px;font-weight:300;color:#111}.htsd__title span{font-weight:800;font-style:italic;white-space:nowrap;display:inline-block}.htsd__bar{display:flex;align-items:center;justify-content:center;gap:14px}.htsd__arrow{width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffff59;cursor:pointer;font-size:22px;display:grid;place-items:center}.htsd__arrow:disabled{opacity:.35;cursor:not-allowed}.htsd__track{--gap: 22px;--itemW: 240px;display:flex;align-items:flex-start;gap:var(--gap);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:10px 6px;max-width:calc((var(--itemW) * 3) + (var(--gap) * 2))}.htsd__track::-webkit-scrollbar{display:none}.htsd__item{border:0;background:transparent;padding:0;cursor:pointer;position:relative;flex:0 0 var(--itemW);display:flex;align-items:center;justify-content:center;gap:14px}.htsd__imgWrap{display:inline-block;position:relative;z-index:2;flex:0 0 auto}.htsd__img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:10px solid #D9C2A6;background:#d9c2a6;box-sizing:border-box;display:block}.htsd__img--ph{border:10px solid #D9C2A6;background:#d9c2a6}.htsd__text{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.05;color:#00000047;font-weight:600;text-align:left;position:relative;z-index:2;padding:0;flex:1 1 auto}.htsd__item.is-active .htsd__text{color:#111;font-weight:900;padding:10px}.htsd__item.is-active:before{content:"";position:absolute;left:10px;right:10px;top:50%;transform:translateY(-50%) skew(-10deg);height:58px;background:#e8ff5a;border-radius:2px;z-index:1}@media (max-width: 768px){.htsd__title{font-size:30px;line-height:1.05}.htsd__haircare{white-space:nowrap;display:inline-block;font-weight:800;font-style:italic}.htsd__your{font-weight:800;font-style:italic}.htsd__bar{gap:10px}.htsd__track{--gap: 14px;max-width:100%;gap:var(--gap);padding:10px 6px}.htsd__item{flex:0 0 calc((100% - (var(--gap) * 2)) / 3);flex-direction:column;align-items:center;justify-content:flex-start;gap:10px}.htsd__text{order:1;text-align:center;padding:10px 8px 8px;font-size:16px}.htsd__imgWrap{order:2}.htsd__img{width:72px;height:72px;border-width:9px}.htsd__item.is-active .htsd__text{font-size:16px;padding:11px 10px 9px;text-align:left;width:100%}.htsd__item.is-active:before{top:0;transform:skew(-10deg);left:6px;right:6px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hair-tabs-scroll-demo.css.map */