.component-subscription{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.component-subscription .content{display:flex;flex-direction:column}.component-subscription .content-container{margin-top:18px}.component-subscription .small-image-container{display:grid;grid-template-columns:repeat(3,1fr);flex-direction:row;width:100%;gap:10px}.component-subscription .small-image-container div{display:flex;aspect-ratio:1}.component-subscription .small-image-container img{aspect-ratio:1;border-radius:20px;width:100%;object-fit:cover}.component-subscription.media-bottom{flex-direction:column-reverse}.component-subscription .media-wrapper{width:100%;border-radius:20px;border:3px solid #FFFDF1}.component-subscription .hero-image,.component-subscription video,.component-subscription iframe{width:100%;height:auto;object-fit:cover;border-radius:18px}.component-subscription video,.component-subscription iframe{display:block}.component-subscription .video-container-desktop,.component-subscription .hero-image.desktop{display:none}.component-subscription .hero-image.mobile{display:block}.component-subscription .block-text-section span:before{content:"";display:block}@media screen and (min-width: 992px){.component-subscription .block-text-section span:before{content:unset;display:unset}.component-subscription{align-items:stretch}.component-subscription .content{flex-direction:row-reverse}.component-subscription .small-image-container{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);height:100%;width:max(30%,200px);justify-content:space-between}.component-subscription .small-image-container img{width:100%}.component-subscription .content-container{margin-top:0;margin-right:30px;display:flex;flex-direction:column;justify-content:end}.component-subscription .video-container-desktop,.component-subscription .hero-image.desktop{display:block}.component-subscription .hero-image.mobile,.component-subscription .video-container-mobile{display:none}.component-subscription{flex-direction:row}.component-subscription.media-right{flex-direction:row-reverse}}@media (min-width: 1441px){.component-subscription{max-width:1440px;margin:0 auto!important}}
/*# sourceMappingURL=/cdn/shop/t/347/assets/component-subscription.css.map */