.shx-fcol{display:block;padding-block:var(--shx-fcol-pt, 48px) var(--shx-fcol-pb, 48px);overflow:hidden}.shx-fcol--full .shx-fcol__wrap{padding-inline:clamp(1.5rem,3vw,4.8rem)}.shx-fcol__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.shx-fcol__subheading{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.shx-fcol__title{margin:0}.shx-fcol__link{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto;font-size:1.4rem;color:rgba(var(--color-foreground),.85);text-decoration:none;white-space:nowrap;padding-bottom:.4rem}.shx-fcol__link span{position:relative}.shx-fcol__link span:after{content:"";position:absolute;inset-inline:0;bottom:-.4rem;height:.1rem;background:currentColor;transform:scaleX(1);transform-origin:0 50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.shx-fcol__link:hover span:after{transform:scaleX(.6)}.shx-fcol__link svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.shx-fcol__link:hover svg{transform:translate(.4rem)}.shx-fcol__tabs{display:flex;gap:.8rem;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shx-fcol__tabs::-webkit-scrollbar{display:none}.shx-fcol__tab{flex:0 0 auto;padding:.9rem 1.8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:10rem;background:transparent;color:rgba(var(--color-foreground),.75);font-family:inherit;font-size:1.35rem;line-height:1;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.shx-fcol__tab:hover{border-color:rgba(var(--color-foreground),.55);color:rgb(var(--color-foreground))}.shx-fcol__tab.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.shx-fcol__tab:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.shx-fcol__zone{position:relative}.shx-fcol__zone[hidden]{display:none}.shx-fcol__track{display:flex;gap:1.6rem;margin:0;padding:.2rem .2rem .6rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shx-fcol__track::-webkit-scrollbar{display:none}.shx-fcol__item{flex:0 0 auto;width:var(--shx-fcol-peek, 85%);max-width:42rem;scroll-snap-align:start;min-width:0}.shx-fcol .quick-add__submit,.shx-fcol .quick-add .button{min-width:0}.shx-fcol--lines .shx-fcol__item+.shx-fcol__item{border-inline-start:.1rem solid rgba(var(--color-foreground),.14);padding-inline-start:1.6rem}@media screen and (min-width:990px){.shx-fcol--lines .shx-fcol__item+.shx-fcol__item{padding-inline-start:2.4rem}}.shx-fcol__desc{margin:1rem 0 0;max-width:62rem;font-size:1.5rem;line-height:1.7;color:rgba(var(--color-foreground),.8)}@media screen and (min-width:750px){.shx-fcol__item{width:calc((100% - 1.6rem * (var(--shx-fcol-desktop, 4) - 1)) / var(--shx-fcol-desktop, 4));max-width:none}.shx-fcol__track{gap:1.6rem}}@media screen and (min-width:990px){.shx-fcol__track{gap:2.4rem}.shx-fcol__item{width:calc((100% - 2.4rem * (var(--shx-fcol-desktop, 4) - 1)) / var(--shx-fcol-desktop, 4))}}.shx-fcol__placeholder{aspect-ratio:3 / 4;background:rgba(var(--color-foreground),.04);border-radius:.8rem;overflow:hidden}.shx-fcol__placeholder-svg{width:100%;height:100%;opacity:.35}.shx-fcol__arrow{position:absolute;top:calc(50% - 1.8rem);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.16);cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease}.shx-fcol__arrow[hidden]{display:none}.shx-fcol__arrow--prev{inset-inline-start:-.6rem}.shx-fcol__arrow--next{inset-inline-end:-.6rem}.shx-fcol__zone:hover .shx-fcol__arrow,.shx-fcol__arrow:focus-visible{opacity:1}.shx-fcol__arrow:hover{transform:scale(1.06)}.shx-fcol__arrow svg{width:1.1rem;height:auto}@media(pointer:coarse){.shx-fcol__arrow{display:none!important}}@media(prefers-reduced-motion:reduce){.shx-fcol__link span:after,.shx-fcol__link svg,.shx-fcol__arrow{transition:none!important}}.shx-fcol__arrow[disabled]{opacity:.35;cursor:default}.shx-fcol__zone:hover .shx-fcol__arrow[disabled]{opacity:.35}
/*# sourceMappingURL=/cdn/shop/t/37/assets/shx-fcol.css.map */