.HaxorNeed{overflow:hidden;padding:clamp(52px,6vw,88px) 0;background:#fff}.HaxorNeed__Header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3vw,40px)}.HaxorNeed__Title{margin:0;color:#000}.HaxorNeed__Controls{display:flex;align-items:center;gap:8px}.HaxorNeed__Button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #e5e5e5;border-radius:2px;background:#fff;color:#1d1d1d;cursor:pointer}.HaxorNeed__Button--next{border-color:#333}.HaxorNeed__Button svg,.HaxorNeedCard__Arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.HaxorNeed__Button:focus-visible,.HaxorNeedCard:focus-visible{outline:2px solid #aa0000;outline-offset:4px}.HaxorNeed__Viewport{overflow:hidden;max-width:var(--section-max-width);margin-inline:auto;padding-inline:var(--section-gutter)}.HaxorNeed__Rail.SectionContainer{padding-inline:0;scroll-padding-inline:0}.HaxorNeed__Rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--section-gutter);scrollbar-width:none;scroll-behavior:smooth}.HaxorNeed__Rail::-webkit-scrollbar{display:none}.HaxorNeedCard{position:relative;flex:0 0 clamp(275px,19.7vw,320px);aspect-ratio:.675;overflow:hidden;border-radius:7px;color:#fff;scroll-snap-align:start;isolation:isolate}.HaxorNeedCard__Media,.HaxorNeedCard__Image,.HaxorNeedCard__Overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.HaxorNeedCard__Image{object-fit:cover;transition:transform .35s ease}.HaxorNeedCard__Placeholder{background:#d9d9d9}.HaxorNeedCard__Overlay{z-index:1;background:#00000057}.HaxorNeedCard__Content{position:absolute;z-index:2;right:22px;bottom:18px;left:18px;padding-right:34px}body[class] .HaxorNeedCard__Title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:2.2em;margin:0 0 8px;font-family:var(--heading-font-family);font-size:var(--font-size-h4);font-weight:600;line-height:1.1;color:inherit}.HaxorNeedCard__Description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:2.5em;margin:0;font-family:var(--text-font-family);font-size:var(--type-card-copy);font-weight:500;line-height:1.25;color:inherit}.HaxorNeedCard__Arrow{position:absolute;z-index:2;right:12px;bottom:20px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#a00;color:#fff}.HaxorNeedCard:hover .HaxorNeedCard__Image{transform:scale(1.035)}@media(min-width:1024px){.HaxorNeed__Viewport{max-width:var(--section-max-width);margin-inline:auto;padding-inline:var(--section-gutter)}.HaxorNeed__Rail.SectionContainer{padding-inline:0;scroll-padding-inline:0}.HaxorNeedCard{flex-basis:calc((100% - 84px) / 3.5);min-width:0}}@media(min-width:641px)and (max-width:1023px){.HaxorNeedCard{flex-basis:calc((100% - 56px)*.4);min-width:0}}@media(max-width:640px){.HaxorNeed{padding-block:44px 64px}.HaxorNeed__Header{margin-bottom:32px}.HaxorNeed__Rail{gap:16px}.HaxorNeedCard{flex-basis:calc((100% - 16px) / 1.5);min-width:0;aspect-ratio:.675}.HaxorNeedCard__Content{right:22px;bottom:28px;left:22px}.HaxorNeedCard__Arrow{right:14px;bottom:28px;width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.HaxorNeed__Rail{scroll-behavior:auto}.HaxorNeedCard__Image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/haxor-shop-by-need.css.map */