.story-cards-section{background-color:var(--story-cards-bg, transparent);color:var(--story-cards-text-color, inherit);padding-block:var(--story-cards-padding)}.story-cards{display:block}.story-cards__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.story-cards__heading{color:var(--story-cards-heading-color, inherit);font-family:var(--story-cards-heading-font, var(--font-header));font-weight:var(--story-cards-heading-weight, var(--font-header-weight));line-height:1.3;margin:0}.story-cards__arrows{margin-left:auto}.story-cards__arrows .icon-button{fill:var(--story-cards-heading-color, var(--text-color, #000))}.story-cards__viewport{margin:0 calc(-1 * var(--gutter-width)) 0 0;-webkit-mask-image:none;mask-image:none;padding:0 var(--gutter-width) 0 0;row-gap:0;width:auto}.story-cards__list{display:grid;gap:var(--story-cards-gap);grid-auto-columns:calc(100% - 8px - var(--story-cards-gap));grid-auto-flow:column;list-style:none;margin:0;padding:0}.story-cards__card{min-width:0}.story-cards__media{aspect-ratio:var(--story-cards-ratio);overflow:hidden}.story-cards__image{display:block;height:100%;object-fit:cover;width:100%}.story-cards__title{color:var(--story-cards-heading-color, inherit);font-family:var(--story-cards-heading-font, var(--font-header));font-weight:var(--story-cards-title-weight, var(--font-header-weight));line-height:1.3;margin:16px 0 0}.story-cards__text{font-weight:var(--story-cards-text-weight);line-height:1.45;margin-top:12px}.story-cards__text>:first-child,.story-cards__text .metafield-rich_text_field>:first-child{margin-top:0}.story-cards__text>:last-child,.story-cards__text .metafield-rich_text_field>:last-child{margin-bottom:0}@media(min-width:768px){.story-cards-section{padding-block:var(--story-cards-padding-desktop)}.story-cards__arrows{display:none}.story-cards__viewport{margin:0;overflow:visible;padding:0}.story-cards__viewport:active{cursor:auto}.story-cards__list{gap:var(--story-cards-gap-desktop);grid-auto-flow:row;margin:0;padding:0;grid-template-columns:repeat(var(--story-cards-count),minmax(0,1fr))}.story-cards__title{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/story-cards.css.map */