.category-tiles__grid{display:grid;grid-template-columns:repeat(var(--category-tiles-columns),1fr);gap:var(--category-tiles-gap)}.category-tiles__tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:var(--category-tiles-aspect);background-color:var(--tile-bg);color:var(--tile-text);text-decoration:none;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}.category-tiles__frame{position:absolute;inset:var(--category-tiles-border-inset);border:var(--category-tiles-border-width) solid var(--tile-border);pointer-events:none;z-index:1;transition:inset .35s ease,opacity .35s ease}.category-tiles__label{position:relative;z-index:2;display:block;padding:0 2.4rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:calc(clamp(1.4rem,1.6vw,2.2rem) * var(--category-tiles-text-scale, 1));letter-spacing:var(--category-tiles-letter-spacing, .15em);line-height:1.35;text-align:center;text-transform:var(--category-tiles-text-transform, uppercase);color:inherit}.category-tiles__label em{font-style:italic}.category-tiles__tile:not(.category-tiles__tile--static):hover{box-shadow:0 1.4rem 3rem -1rem var(--category-tiles-shadow-color, rgba(0, 0, 0, .35));transform:translateY(-3px)}.category-tiles__tile:not(.category-tiles__tile--static):hover .category-tiles__frame{inset:calc(var(--category-tiles-border-inset) - 4px);opacity:.9}.category-tiles__tile:not(.category-tiles__tile--static):focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}@media(prefers-reduced-motion:reduce){.category-tiles__tile,.category-tiles__frame{transition:none}.category-tiles__tile:hover{transform:none}}@media screen and (max-width:989px){.category-tiles__label{font-size:calc(clamp(1.3rem,2vw,1.8rem) * var(--category-tiles-text-scale, 1));padding:0 1.8rem}}@media screen and (max-width:749px){.category-tiles__label{font-size:calc(1.3rem * var(--category-tiles-text-scale, 1));padding:0 1.2rem}.category-tiles__frame{inset:calc(var(--category-tiles-border-inset) * .6)}.category-tiles__tile:not(.category-tiles__tile--static):hover .category-tiles__frame{inset:calc(var(--category-tiles-border-inset) * .6 - 2px)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-category-tiles.css.map */