.link-cards{--link-cards-columns: 6;--link-cards-mobile-columns: 2;--link-cards-column-gap: 20px;--link-cards-row-gap: 24px;--link-cards-card-gap: 8px;--link-cards-ratio: 1 / 1;--link-cards-radius: 10px;--link-cards-align: center}.link-cards__header{display:flex;justify-content:var(--link-cards-heading-align, flex-start)}.link-cards__heading{margin:0 0 var(--link-cards-heading-gap, 16px)}.link-cards__layout{position:relative}.link-cards__track{display:grid;grid-template-columns:repeat(var(--link-cards-mobile-columns),minmax(0,1fr));gap:var(--link-cards-row-gap) var(--link-cards-column-gap);padding-inline:var(--link-cards-inline-padding, var(--page-margin))}.link-cards__track--mobile-carousel::-webkit-scrollbar,.link-cards__track--desktop-carousel::-webkit-scrollbar{display:none}.link-cards__item{min-width:0}.link-cards__card{display:flex;flex-direction:column;gap:var(--link-cards-card-gap);align-items:var(--link-cards-align);text-decoration:none;color:inherit;padding-bottom:10px;height:100%}.link-cards__card:hover,.link-cards__card:focus-visible{text-decoration:none;color:inherit}.link-cards__media{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--link-cards-radius);aspect-ratio:var(--link-cards-card-ratio, var(--link-cards-ratio))}.link-cards__media img,.link-cards__media svg{display:block;width:100%;height:100%;object-fit:cover}.link-cards__title{position:relative;display:inline-block;max-width:100%;font-family:var(--link-cards-title-family, var(--font-h4--family));font-style:var(--link-cards-title-style, var(--font-h4--style));font-weight:var(--link-cards-title-weight, var(--font-h4--weight));line-height:var(--link-cards-title-line-height, var(--font-h4--line-height));letter-spacing:var(--link-cards-title-letter-spacing, var(--font-h4--letter-spacing));text-transform:var(--link-cards-title-case, var(--font-h4--case));color:var(--link-cards-title-color, var(--color-foreground-heading));font-size:var(--link-cards-title-size-mobile, 1rem);text-align:var(--link-cards-text-align, center);text-wrap:pretty}.link-cards--underline .link-cards__title:after{content:"";position:absolute;bottom:-3px;left:50%;width:0;height:2px;background-color:var(--link-cards-underline-color, currentcolor);transform:translate(-50%);transition:width .3s ease}.link-cards--underline .link-cards__card:hover .link-cards__title:after,.link-cards--underline .link-cards__card:focus-visible .link-cards__title:after{width:100%}@media(prefers-reduced-motion:reduce){.link-cards--underline .link-cards__title:after{transition:none}}.link-cards__arrows{display:flex;justify-content:flex-end;gap:8px;padding-inline:var(--link-cards-inline-padding, var(--page-margin));margin-block-start:16px}.link-cards__arrows[hidden]{display:none}.link-cards__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;cursor:pointer;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);transition:opacity .2s ease}.link-cards__arrow:disabled{opacity:.35;cursor:default}.link-cards__arrow svg{--icon-stroke-width: 1.5px;width:20px;height:20px}.link-cards__arrow--previous{rotate:180deg}@media screen and (max-width:749px){.link-cards__track--mobile-carousel{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--link-cards-inline-padding, var(--page-margin));scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.link-cards__track--mobile-carousel>.link-cards__item{flex:0 0 var(--link-cards-mobile-card-width, 153px);scroll-snap-align:start}.link-cards__arrows{display:none}}@media screen and (min-width:750px){.link-cards__track{grid-template-columns:repeat(var(--link-cards-columns),minmax(0,1fr))}.link-cards__track--desktop-carousel{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--link-cards-inline-padding, var(--page-margin));scrollbar-width:none;-ms-overflow-style:none}.link-cards__track--desktop-carousel>.link-cards__item{flex:0 0 calc((100% - (var(--link-cards-column-gap) * (var(--link-cards-columns) - 1))) / var(--link-cards-columns));scroll-snap-align:start}.link-cards__title{font-size:var(--link-cards-title-size, 18px)}}
/*# sourceMappingURL=/cdn/shop/t/308/assets/link-cards.css.map */