.section-ugc-image-grid{background:#f8f8f8}.ugc-image-grid__wrapper{padding:40px 20px;max-width:1440px;margin:0 auto}.ugc-image-grid__content{display:flex;gap:12px;margin-bottom:22px}.ugc-image-grid__text{display:flex;flex-direction:column}.ugc-image-grid__heading{color:#212123;font-size:18px;font-style:normal;font-weight:800;line-height:normal;margin:0;text-transform:uppercase}.ugc-image-grid__social{color:#6486de;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.64px;text-transform:uppercase}.ugc-image-grid{display:flex;flex-direction:column;width:100%;gap:20px}.ugc-image-grid img,.ugc-image-grid .placeholder-svg{width:100%;height:auto;display:block}.main-image__container{width:100%}.main-image__container img{aspect-ratio:1 / 1}.secondary-images__container{display:grid;grid-template-columns:.4fr .6fr;grid-gap:20px}.secondary-column{display:flex;flex-direction:column;gap:23px}.secondary-column img{aspect-ratio:1 / 1}.vertical-image__container{display:flex}.vertical-image__container img,.vertical-image__container .placeholder-svg{aspect-ratio:4 / 5;height:100%}@media (min-width: 425px){.ugc-image-grid__heading{font-size:20px}}@media (min-width: 768px){.ugc-image-grid__wrapper{padding:40px}.ugc-image-grid__content{margin-bottom:30px}.ugc-image-grid__social{font-size:16px}.ugc-image-grid{flex-direction:row}.main-image__container{flex:calc(46% - 10px)}.secondary-column{flex:calc(36% - 10px)}.secondary-images__container{display:flex;flex:calc(60% - 10px)}.vertical-image__container{flex:calc(60% - 10px)}}@media (min-width: 1024px){.ugc-image-grid__wrapper{padding:64px}.ugc-image-grid__content{gap:16px;margin-bottom:20px}.ugc-image-grid__text{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.ugc-image-grid__heading{font-size:32px}.ugc-image-grid__social{font-size:24px;margin-top:8px}.ugc-image-grid{flex-direction:row}.main-image__container{flex:calc(46% - 10px)}.secondary-column{flex:calc(36% - 10px)}.secondary-images__container{display:flex;flex:calc(60% - 10px)}.vertical-image__container{flex:calc(60% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-ugc-image-grid.css.map */