.hcl{padding-top:var(--hcl-pt-sp, 24px);padding-bottom:var(--hcl-pb-sp, 64px)}@media screen and (min-width:990px){.hcl{padding-top:var(--hcl-pt-pc, 40px);padding-bottom:var(--hcl-pb-pc, 80px)}}.hcl__head{display:flex;flex-direction:column;gap:3.2rem}@media screen and (min-width:990px){.hcl__head{gap:4.8rem}}.hcl__tabs{display:flex;justify-content:center;border-bottom:1px solid var(--color-line)}.hcl-tab{flex:0 1 auto;padding:1.2rem 3.2rem;margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-body-family);font-size:1.5rem;letter-spacing:.05em;color:var(--color-text-light);cursor:pointer;transition:color .2s ease,border-color .2s ease}.hcl-tab.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}@media screen and (min-width:990px){.hcl-tab{padding:1.2rem 6.4rem;font-size:1.6rem}}.hcl__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.hcl-tag{padding:.8rem 1.6rem;border:1px solid var(--color-text-light);border-radius:5rem;background-color:#fff;font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.05em;line-height:1;color:var(--color-text-light);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hcl-tag.is-active{background-color:var(--color-text);border-color:var(--color-text);color:var(--color-back)}.hcl-tag[hidden]{display:none}.hcl__list{margin-top:4.8rem}@media screen and (min-width:990px){.hcl__tags{gap:1.6rem}.hcl-tag{padding:1rem 2.4rem}.hcl__list{margin-top:6.4rem}}.hcl__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.hcl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.hcl__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2.4rem}}.hcl__item{margin:0}.hcl__item[hidden]{display:none}.hcl-card{display:block;text-decoration:none}.hcl-card__media{display:block;width:100%;aspect-ratio:180 / 240;overflow:hidden;background-color:#d9d9d9}.hcl-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.hcl-card:hover .hcl-card__media img,.hcl-card:focus-visible .hcl-card__media img{opacity:.85}.hcl__empty-filter,.hcl__empty{text-align:center;font-size:1.4rem;line-height:2;letter-spacing:.05em;color:var(--color-text-light)}.hcl__empty-filter{margin:4.8rem 0 0}.hcl__empty-filter[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hair-catalog-list.css.map */