.viva-show__head{padding-top:var(--viva-section-pad);padding-bottom:var(--viva-section-pad)}.viva-show__panel{background:var(--viva-show-bg, #00010c)}.viva-show__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--viva-content-max);margin:0 auto;padding:0 var(--viva-gutter) var(--viva-section-pad)}.viva-show__figure{position:relative;width:100%}.viva-show__media{position:relative;width:100%;overflow:hidden}.viva-show__media img{width:100%;height:auto}.viva-show--wide .viva-show__media{aspect-ratio:1312 / 468}.viva-show--wide .viva-show__media img{height:100%;object-fit:cover}.viva-show--boxed .viva-show__inner{max-width:calc(764px + var(--viva-gutter) * 2);padding-top:25px;padding-bottom:25px;gap:48px}.viva-show--boxed .viva-show__figure{padding:0 68px}.viva-show--boxed .viva-show__media{aspect-ratio:628 / 373}.viva-show .viva-brackets--sm:before,.viva-show .viva-brackets--sm:after,.viva-show .viva-brackets--sm>i:before,.viva-show .viva-brackets--sm>i:after{width:8px;height:8px}.viva-show__list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px;width:100%;margin:0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.25);list-style:none;font-size:16px;line-height:1.3;color:#ffffffbf}.viva-show__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:32px;padding:12px 28px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;font-size:16px;text-decoration:none;transition:background-color .2s var(--viva-ease),color .2s var(--viva-ease)}.viva-show__cta:hover{background:#fff;color:#000}@media screen and (max-width:749px){.viva-show__head{padding-bottom:24px}.viva-show--wide .viva-show__inner{padding:0}.viva-show--wide .viva-show__media{aspect-ratio:360 / 459}.viva-show--boxed .viva-show__inner{gap:24px;padding:24px 16px var(--viva-section-pad)}.viva-show--boxed .viva-show__figure{padding:34px 10px}.viva-show--boxed .viva-show__media{aspect-ratio:308 / 183}.viva-show .viva-brackets--sm:before,.viva-show .viva-brackets--sm:after,.viva-show .viva-brackets--sm>i:before,.viva-show .viva-brackets--sm>i:after{width:6px;height:6px}.viva-show__list{display:grid;grid-template-columns:1fr 1fr;gap:20px 8px;padding-top:20px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-viva-showcase.css.map */