.hcat{--hcat-tile-w: 260px;--hcat-tile-h: 360px;--hcat-gap: 12px;--hcat-header-gap: 16px;--hcat-pad-y: 32px;--hcat-pad-x: 16px;--hcat-tile-pad-x: 16px;--hcat-radius: 20px;display:block;padding:var(--hcat-pad-y) var(--hcat-pad-x);color:#2f2f2f}.hcat__inner{display:flex;flex-direction:column;gap:var(--hcat-header-gap);max-width:1536px;margin-inline:auto}.hcat__header{display:flex;align-items:center;justify-content:space-between;gap:24px}.hcat .hcat__title{margin:0;color:#2f2f2f;font-family:var(--font-heading--family, "Proxima Nova", sans-serif);font-size:25px;font-weight:700;line-height:normal;letter-spacing:0;text-transform:uppercase}.hcat__arrows{display:none;flex:none;gap:16px}.hcat__track{position:relative;display:flex;gap:var(--hcat-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}.hcat__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.hcat__track{cursor:grab}}.hcat__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.hcat__track.is-dragging *{cursor:grabbing}.hcat__track img{-webkit-user-drag:none}.hcat__item{flex:none;margin:0;padding:0;scroll-snap-align:start}.hcat .hcat__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:var(--hcat-tile-w);height:var(--hcat-tile-h);padding:20px var(--hcat-tile-pad-x);overflow:hidden;isolation:isolate;border-radius:var(--hcat-radius);background:#f3f3f4;color:#000;text-decoration:none;transition:box-shadow .2s ease}.hcat__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hcat__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 57.922%,#0000004f)}.hcat__media img,.hcat__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hcat-focal, center);transition:transform .4s ease}.hcat__placeholder{fill:#2f2f2f40}.hcat__label{display:flex;align-items:center;justify-content:center;min-height:41px;padding:12px 20px;border-radius:66px;background:#fff;box-shadow:0 1px 2px #1018280d;color:#000;font-family:var(--font-body--family, "Montserrat", sans-serif);font-size:14px;font-weight:700;line-height:normal;text-align:center}.hcat .hcat__tile:hover{box-shadow:0 0 20px #00000040}.hcat .hcat__tile:hover .hcat__media img{transform:scale(1.03)}.hcat .hcat__tile:focus-visible{outline:2px solid #2f2f2f;outline-offset:3px}@media screen and (max-width:749px){.hcat__track{margin-inline-end:calc(var(--hcat-pad-x) * -1);padding-inline-end:var(--hcat-pad-x);scroll-padding-inline:0}}@media screen and (min-width:750px){.hcat{--hcat-tile-w: 280px;--hcat-tile-h: 400px;--hcat-gap: 16px;--hcat-header-gap: 20px;--hcat-pad-y: 40px;--hcat-pad-x: 32px;--hcat-tile-pad-x: 24px}.hcat__arrows{display:flex}.hcat__track{margin-block:-20px;padding-block:20px}}@media screen and (min-width:1200px){.hcat{--hcat-tile-w: 344px;--hcat-tile-h: 480px;--hcat-gap: 20px;--hcat-header-gap: 24px;--hcat-pad-y: 48px;--hcat-pad-x: clamp(32px, calc(32px + .17*(100vw - 1200px)) , 100px);--hcat-tile-pad-x: 40px}}@media(prefers-reduced-motion:reduce){.hcat__track{scroll-behavior:auto}.hcat .hcat__tile,.hcat__media img{transition:none}.hcat .hcat__tile:hover .hcat__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/huffy-category-slider.css.map */