.ft-showcase{background-color:var(--ft-showcase-bg, #000000);padding:var(--spacing-xl) var(--spacing-md)}.ft-showcase__inner{max-width:var(--container-max-width);margin-inline:auto}.ft-showcase__heading{text-transform:uppercase;line-height:.95;text-align:center;margin:0 0 var(--spacing-xl)}.ft-showcase--outlined .ft-showcase__heading{-webkit-text-stroke:var(--ft-showcase-stroke-width, 2px) var(--ft-showcase-heading-color);-webkit-text-fill-color:var(--ft-showcase-heading-fill);paint-order:stroke fill}.ft-showcase__grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.ft-showcase__card{display:flex;flex-direction:column;align-items:center;text-align:center}.ft-showcase__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--spacing-md);margin-bottom:var(--spacing-md)}.ft-showcase__media img,.ft-showcase__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ft-showcase__media img{z-index:1;transition:opacity .4s ease}.ft-showcase__media video{z-index:0}.ft-showcase__play-icon{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:3;width:32px;height:32px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .3s ease}.ft-showcase__play-icon svg{width:14px;height:14px;fill:#fff;margin-left:2px}.ft-showcase__media.is-playing .ft-showcase__play-icon{opacity:0}@keyframes ft-shimmer{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.ft-showcase__media.is-loading img{animation:ft-shimmer 1.5s ease-in-out infinite}.ft-showcase__media.is-ready img{animation:none}.ft-showcase__media.is-playing img{opacity:0}.ft-showcase__title{margin:0 0 var(--spacing-xs)}.ft-showcase__description{margin:0;max-width:28rem}.ft-showcase__description p{margin:0}@media(min-width:768px){.ft-showcase{padding:var(--spacing-2xl) var(--spacing-xl)}}@media(min-width:1200px){.ft-showcase__grid{display:grid;grid-template-columns:repeat(var(--ft-showcase-columns, 3),1fr);gap:var(--spacing-xl)}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/flavortown-product-showcase.css.map */