.ss-cats{--ss-cats-gap: 2rem;--ss-cats-cols: 4}.ss-cats__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}.ss-cats__eyebrow{margin:0 0 1rem;font-family:var(--font-body-family);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#a0612f}.ss-cats__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.08;font-size:clamp(2.6rem,2.8vw,4rem);color:rgb(var(--color-foreground))}.ss-cats__view-all{flex:0 0 auto;font-family:var(--font-body-family);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));border-bottom:1.5px solid currentColor;padding-bottom:.3rem;white-space:nowrap;transition:color var(--duration-short) ease}.ss-cats__view-all:hover{color:#a0612f}.ss-cats__slider{position:relative;display:block}.ss-cats__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ss-cats-cols) - 1) * var(--ss-cats-gap)) / var(--ss-cats-cols));gap:var(--ss-cats-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ss-cats__track::-webkit-scrollbar{display:none}.ss-cats__track:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.ss-cats__item{scroll-snap-align:start;min-width:0}.ss-cats__tile{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;background:#2b1f1a;color:#f4efe7;text-decoration:none}.ss-cats__media,.ss-cats__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ss-cats__img{object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.ss-cats__tile:hover .ss-cats__img{transform:scale(1.04)}.ss-cats__label{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.6rem;padding:6rem 2rem 2rem;background:linear-gradient(180deg,#14121000,#1412108c 45%,#141210d9)}.ss-cats__title{font-family:var(--font-heading-family);font-weight:700;font-size:1.6rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}.ss-cats__cta{font-family:var(--font-body-family);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f4efe7cc;transition:color var(--duration-short) ease}.ss-cats__tile:hover .ss-cats__cta{color:#e3b585}.ss-cats__tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.ss-cats__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(20,18,16,.12);border-radius:50%;background:#f4efe7;color:#141210;box-shadow:0 .6rem 1.6rem #1412102e;cursor:pointer;transform:translateY(-50%);transition:opacity var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease}.ss-cats__arrow:hover{background:#a0612f;color:#f4efe7}.ss-cats__arrow .svg-wrapper{display:flex;width:1.2rem;height:1.2rem}.ss-cats__arrow .icon{width:1.2rem;height:1.2rem}.ss-cats__arrow--prev{left:-2.2rem}.ss-cats__arrow--prev .icon{transform:rotate(90deg)}.ss-cats__arrow--next{right:-2.2rem}.ss-cats__arrow--next .icon{transform:rotate(-90deg)}.ss-cats__arrow[disabled]{opacity:0;pointer-events:none}.ss-cats__slider--static .ss-cats__arrow{display:none}@media screen and (max-width:989px){.ss-cats{--ss-cats-cols: 3;--ss-cats-gap: 1.6rem}.ss-cats__arrow--prev{left:-1.2rem}.ss-cats__arrow--next{right:-1.2rem}}@media screen and (max-width:749px){.ss-cats{--ss-cats-gap: 1.2rem}.ss-cats__head{margin-bottom:2.2rem;align-items:flex-end}.ss-cats__eyebrow{font-size:11px;letter-spacing:.24em;margin-bottom:.8rem}.ss-cats__heading{font-size:2.6rem}.ss-cats__view-all{font-size:11px;letter-spacing:.14em}.ss-cats__slider{margin-right:calc(-1 * var(--ss-gutter, 1.5rem))}.ss-cats__track{grid-auto-columns:62%;padding-right:var(--ss-gutter, 1.5rem);scroll-padding-inline:0}.ss-cats__arrow{display:none}.ss-cats__label{padding:4.8rem 1.4rem 1.4rem;gap:.4rem}.ss-cats__title{font-size:1.4rem}.ss-cats__cta{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/secondskin-category-slider.css.map */