.hcl{--hcl-inset: 1.5rem;--hcl-gap: 1.2rem;--hcl-visible: 2.4;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width:750px){.hcl{--hcl-inset: calc(max(100vw - var(--page-width), 0px)/2 + 5rem) ;--hcl-visible: 3.2;padding-top:6rem;padding-bottom:6rem}.hcl__inner{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(2.4rem,3vw,4.8rem);padding-left:var(--hcl-inset)}.hcl__head{grid-column:2;grid-row:1;padding-right:var(--hcl-inset)}.hcl__tabs{grid-column:2;grid-row:2}.hcl__featured{grid-column:1;grid-row:1 / span 3}.hcl__slider{grid-column:2;grid-row:3}}.hcl__footer{margin-top:2rem}.hcl__view-all{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 2.6rem;border-radius:var(--buttons-radius, 4px);background-color:var(--hcl-btn-bg, rgb(var(--color-foreground)));color:var(--hcl-btn-ink, rgb(var(--color-background)));font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.hcl__view-all:hover{opacity:.85}.hcl__view-all-caret{width:.6rem;height:1rem;flex:0 0 auto}@media screen and (max-width:749px){.hcl__footer{padding:0 var(--hcl-inset)}.hcl__view-all{width:100%}}.hcl__panel{display:contents}.hcl__panel[hidden]{display:none}.hcl__head{padding:0 var(--hcl-inset)}@media screen and (min-width:750px){.hcl__head{padding-left:0}}.hcl__eyebrow{margin:0 0 1.2rem;font-size:1.2rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.hcl__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.4vw,3.6rem);line-height:1.15;color:rgb(var(--color-foreground))}.hcl__text{margin:0;max-width:52rem;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}.hcl__tabs{display:flex;align-items:center;gap:.8rem;margin:2rem 0 2.4rem;padding:.2rem var(--hcl-inset);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hcl__tabs::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.hcl__tabs{flex-wrap:nowrap;padding-left:0;padding-right:var(--hcl-inset)}}.hcl__tab{display:inline-flex;align-items:center;gap:.8rem;flex:0 0 auto;margin:0;padding:.9rem 1.5rem;background-color:#fff;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.6rem;font-family:inherit;font-size:1.25rem;white-space:nowrap;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.hcl__tab:hover{border-color:rgba(var(--color-foreground),.4)}.hcl__tab.is-active{background-color:#1e1b18;border-color:#1e1b18;color:#fff}.hcl__tab-swatch{display:inline-block;width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 .1rem #0000001f}.hcl__featured{display:none}@media screen and (min-width:750px){.hcl__featured{display:block;position:relative;min-height:40rem}.hcl__featured-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;text-decoration:none}.hcl__featured-img{width:100%;height:100%;object-fit:cover;display:block}.hcl__featured-img--placeholder{background-color:#e3dcd2}.hcl__featured-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14100e8c,#14100e00 32%)}.hcl__featured-info{position:absolute;left:2rem;bottom:1.8rem;display:flex;flex-direction:column;gap:.3rem}.hcl__featured-title{font-size:1.4rem;color:#fff}.hcl__featured-price{font-size:1.3rem;color:#ffffffd9}}.hcl__slider{position:relative}.hcl__row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--hcl-gap);margin:0;padding:0 var(--hcl-inset) 0 var(--hcl-inset);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--hcl-inset);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hcl__row::-webkit-scrollbar{display:none}.hcl__row>.grid__item{width:calc((100vw - var(--hcl-inset) - var(--hcl-gap) * (var(--hcl-visible) - .5)) / var(--hcl-visible));max-width:none;flex:0 0 auto;scroll-snap-align:start}@media screen and (min-width:750px){.hcl__row{padding-left:0;scroll-padding-left:0}.hcl__row>.grid__item:first-child{display:none}.hcl__row>.grid__item{width:calc((100% - var(--hcl-gap) * (var(--hcl-visible) - .5)) / var(--hcl-visible))}}.hcl__arrow{display:none}@media screen and (min-width:750px){.hcl__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:40%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border:none;border-radius:50%;background-color:#1e1a17bf;color:#fff;cursor:pointer;z-index:1;transition:opacity .2s ease,background-color .2s ease}.hcl__arrow:hover{background-color:#1e1a17f2}.hcl__arrow.is-disabled{opacity:0;pointer-events:none}.hcl__arrow--prev{left:1rem}.hcl__arrow--next{right:calc(var(--hcl-inset) + 1rem)}.hcl__arrow .icon{width:1rem;height:auto}.hcl__arrow--prev .icon{transform:rotate(90deg)}.hcl__arrow--next .icon{transform:rotate(-90deg)}}.hcl__indicator{margin:2.4rem var(--hcl-inset) 0;height:.2rem;background-color:rgba(var(--color-foreground),.12);overflow:hidden}@media screen and (min-width:750px){.hcl__indicator{margin-left:0}}.hcl__indicator.is-hidden{visibility:hidden}.hcl__indicator-thumb{display:block;width:25%;height:100%;background-color:rgba(var(--color-foreground),.75);will-change:transform}.hcl__row .ratio{--ratio-percent: 140% !important}.hcl__row .card__swatches{--swatch-ratio: 140% !important}@media screen and (min-width:750px){.hcl__featured{min-height:0}.hcl__featured-link{position:relative;inset:auto;aspect-ratio:5 / 7}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/section-herlamora-color-shop.css.map */