.trio-showcase{position:relative;display:flex;flex-wrap:wrap;gap:var(--sh-colum-gap-m);padding-right:2rem;padding-left:2rem;margin-left:auto;margin-right:auto}.trio-showcase .title-wrapper{position:relative;width:100%;z-index:1;margin-bottom:0;display:flex;flex-direction:column;justify-content:var(--sh-vertical_align)}@media screen and (min-width: 750px){.trio-showcase__title.title-wrapper{max-width:100rem}}.trio-showcase .title-wrapper.left{align-items:flex-start}.trio-showcase .title-wrapper.center{align-items:center}.trio-showcase .title-wrapper.right{align-items:flex-end}.trio-showcase .title-wrapper .description{max-width:100%;width:100%}.trio-showcase .trio-showcase__images{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.trio-showcase.image-1-column .trio-showcase__images{width:calc((100% - var(--tsh-content-width)));margin-left:auto;margin-right:auto}.trio-showcase.image-2-column .trio-showcase__images{width:calc((100% - var(--tsh-content-width)) / 2)}.trio-showcase__media{display:flex}.trio-showcase__media .trio-showcase__media-image,.trio-showcase__media svg{width:100%;height:auto;object-fit:contain;border-radius:var(--sh-border-radius, var(--media-radius))}.trio-showcase__media .placeholder-svg{border:.1rem solid rgb(var(--border-color))}.trio-showcase__media:nth-child(1){width:80%;order:2}.trio-showcase__media:nth-child(1):not(:only-child){margin-right:auto}.trio-showcase__media:nth-child(2){width:55%;margin-left:auto;margin-bottom:-3rem;order:1;z-index:1}.trio-showcase__media:nth-child(3){width:65%;margin-left:auto;margin-top:-3rem;order:3;z-index:1}.trio-showcase__images--right .trio-showcase__media:nth-child(1):not(:only-child){margin-left:auto;margin-right:0}.trio-showcase__images--right .trio-showcase__media:nth-child(2),.trio-showcase__images--right .trio-showcase__media:nth-child(3){margin-right:auto;margin-left:0}@media screen and (max-width: 749px){.trio-showcase.image-1-column .trio-showcase__images,.trio-showcase.image-2-column .trio-showcase__images{width:80%}}@media screen and (min-width: 990px){.trio-showcase{padding-right:4rem;padding-left:4rem;flex-wrap:nowrap}.trio-showcase .title-wrapper{max-width:var(--tsh-content-width)}}@media screen and (min-width: 1200px){.trio-showcase{gap:var(--sh-colum-gap-d);max-width:144rem;padding-right:8rem;padding-left:8rem}}.trio-showcase .title-wrapper>*+.button{margin-top:4rem}@media screen and (min-width: 990px){.trio-showcase .title-wrapper>*+.mt-lg-6{margin-top:6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-trio-showcase.css.map */