.media-with-cards-section{--media-content-spacing: 40px;--media-clip-spacing: 40px;--media-height: 500px}.media-with-cards-cardswrap{position:absolute;top:0;right:0;bottom:0;left:0}.media-with-cards-section .section-wrapper.section-height.no-scroll-animation{display:grid}.media-with-cards-mediawrap{--media-clip-spacing-top: var(--top-spacing);--media-clip-spacing-bottom: var(--bottom-spacing);overflow:hidden;position:relative;height:100%}.media-with-cards-mediawrap{--media-clip-spacing: 80px}.no-scroll-animation .media-with-cards-mediawrap{--media-clip-spacing: 0}.no-scroll-animation .media-with-cards-media{--card-radius: 0}.media-with-cards-media{height:var(--media-height)}.media-with-cards-content{--media-content-spacing: 80px;position:absolute;inset:var(--media-content-spacing) 0}.media-with-cards-content-inner{will-change:transform}.media-with-cards-content-inner.top-left,.media-with-cards-content-inner.bottom-left{transform:translate3d(var(--media-content-spacing),0 0)}.media-with-cards-content-inner.top-right,.media-with-cards-content-inner.bottom-right{transform:translate3d(calc(var(--media-content-spacing) * -1),0 0)}.media-with-cards-content-inner.center-right{transform:translate3d(calc(var(--media-content-spacing) * -1),-50% 0)}html.no-js .media-with-cards-mediawrap,html.no-animation .media-with-cards-mediawrap,.no-scroll-animation .media-with-cards-mediawrap{height:100vh;overflow:hidden}.minicards-list{display:grid;gap:15px}.minicards-item{width:100%;padding:20px;display:flex;border-radius:var(--card-radius);background:var(--card-background)}.minicards-content{width:100%}.minicards-item.minicard-visible{-webkit-animation:scaleUp .8s ease-out forwards;animation:scaleUp .8s ease-out forwards;transform-origin:bottom}.minicards-content p{margin-top:10px}.minicards-content .button-element{margin-top:20px}.no-scroll-animation .media-with-cards-minicards{transform:translate(0)}@media (max-width:1200px){.no-scroll-animation .media-with-cards-content{--media-content-spacing: 20px}}@media (max-width:767px){.media-with-cards-section{overflow:hidden}.media-with-cards-content{--media-content-spacing: 0px !important;pointer-events:none;height:var(--media-height)}.no-scroll-animation .media-with-cards-content{--media-content-spacing: 0px}.media-with-cards-minicards{padding:15px}.minicards-list.mobile-swipe{grid-auto-flow:column;grid-auto-columns:minmax(85%,1fr);grid-template-columns:repeat(auto-fill,minmax(85%,1fr));overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.no-scroll-animation .media-with-cards-mediawrap{height:auto}}@media (min-width:768px){.media-with-cards-media{height:100%;clip-path:inset(var(--media-clip-spacing) var(--media-clip-spacing) round var(--card-radius))}.media-with-cards-content-inner.center-left{transform:translate3d(var(--media-content-spacing),-50% 0)}.content-for-layout .shopify-section.media-with-cards-section:first-of-type .media-with-cards-media{clip-path:inset(var(--media-clip-spacing-top) var(--media-clip-spacing) var(--media-clip-spacing-bottom) round var(--card-radius))}.media-with-cards-minicards{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(100%);padding:var(--media-content-spacing) var(--media-content-spacing);display:grid;align-items:center;grid-template-areas:"empty minicards";grid-template-columns:repeat(var(--column-count, 2),1fr)}.minicards-list{grid-area:minicards;gap:var(--row-gap, 30px)}.minicards-item{max-width:80%;padding:20px 25px;gap:var(--column-gap, 16px)}.minicards-item:nth-child(odd){margin-left:auto}}@media (min-width:1025px){.media-with-cards-section{--media-content-spacing: 80px;--media-clip-spacing: 80px}.media-with-cards-content{inset:calc(var(--media-content-spacing) * 2) 0}.media-with-cards-content-inner.top-left,.media-with-cards-content-inner.bottom-left{transform:translate3d(calc(var(--media-content-spacing) * 2),0,0)}.media-with-cards-content-inner.center-left{transform:translate3d(calc(var(--media-content-spacing) * 2),-50%,0)}.media-with-cards-content-inner.top-right,.media-with-cards-content-inner.bottom-right{transform:translate3d(calc(var(--media-content-spacing) * -2),0,0)}.media-with-cards-content-inner.center-right{transform:translate3d(calc(var(--media-content-spacing) * -2),-50%,0)}.media-with-cards-minicards{grid-template-areas:"empty empty2 minicards";grid-template-columns:repeat(var(--column-count, 3),1fr)}.minicards-item{max-width:80%;padding:26px 36px}.minicards-list{gap:var(--row-gap, 60px)}}@media (min-width:1441px){.minicards-item{max-width:70%}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/media-with-cards.css.map */