@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.shopify.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2) format("woff2")}.based-category-grid,.based-category-grid *{box-sizing:border-box}.based-category-grid{width:100%;padding-top:var(--based-catgrid-padding-top-desktop, 0);padding-bottom:var(--based-catgrid-padding-bottom-desktop, 0);overflow:hidden;background:var(--based-catgrid-background, #0a0a0a)}.based-category-grid__inner{display:flex;align-items:stretch;width:100%;max-width:var(--based-catgrid-max-width, 1440px);margin-inline:auto;border-right:1px solid var(--based-catgrid-border-color, rgba(255, 255, 255, .08));border-left:1px solid var(--based-catgrid-border-color, rgba(255, 255, 255, .08))}.based-category-card{position:relative;display:flex;flex:1 0 0;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:var(--based-catgrid-height-desktop, 638px);overflow:hidden;background:var(--based-catgrid-card-background, #3d3d3d);color:var(--based-catgrid-label-color, #ececec);text-decoration:none}.based-category-card__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.based-category-card__image{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:var(--based-catgrid-position-desktop, 50% 50%);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform var(--based-catgrid-hover-duration, .6s) cubic-bezier(.22,1,.36,1)}.based-category-card__placeholder{background:var(--based-catgrid-card-background, #3d3d3d);fill:#ececec40}.based-category-card__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--based-catgrid-label-gap, 8px);padding-bottom:var(--based-catgrid-label-bottom, 56px);color:currentColor;font-family:"Inter",var(--font-body--family, system-ui, sans-serif);font-weight:400;white-space:nowrap}.based-category-card__text{font-size:var(--based-catgrid-label-size-desktop, 26px);line-height:normal;letter-spacing:-.64px}.based-category-card__arrow{display:block;flex-shrink:0;width:var(--based-catgrid-arrow-size-desktop, 15px);height:auto;color:currentColor}.based-category-card:focus-visible{z-index:2;outline:2px solid currentColor;outline-offset:-4px}@media(min-width:750px){.based-category-card:hover .based-category-card__image{transform:scale(var(--based-catgrid-hover-scale, 1.05))}}@media(max-width:749px){.based-category-grid{padding-top:var(--based-catgrid-padding-top-mobile, 0);padding-bottom:var(--based-catgrid-padding-bottom-mobile, 0)}.based-category-grid__inner{flex-direction:column;border-right:0;border-left:0}.based-category-card{flex:none;justify-content:center;width:100%;height:var(--based-catgrid-height-mobile, 224px)}.based-category-card__image{object-position:var(--based-catgrid-position-mobile, 50% 50%);transition:none}.based-category-card__label{padding-bottom:0}.based-category-card--mobile-left{align-items:flex-start}.based-category-card--mobile-left .based-category-card__label{padding-left:var(--based-catgrid-label-side, 32px)}.based-category-card--mobile-right{align-items:flex-end}.based-category-card--mobile-right .based-category-card__label{padding-right:var(--based-catgrid-label-side, 32px)}.based-category-card__text{font-size:var(--based-catgrid-label-size-mobile, 16px);letter-spacing:-.32px}.based-category-card__arrow{width:var(--based-catgrid-arrow-size-mobile, 10px)}}@media(prefers-reduced-motion:reduce){.based-category-card__image{transition:none}.based-category-card:hover .based-category-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/based-category-grid.css.map */