1// !!!! - DO NOT MODIFY - !!!! 2// THIS FILE IS DEPLOYED AUTOMATICALLY BY MATTv2. 3// 4// Deployment info: 5// Updated at: 2026-06-18T09:47:01+00:00 6// Cause: Manual deployment. 7// Deployment ID: 192497 8// Project: 234 9// Environment: 493 - master 10// MD5: 3fee71d5c2dff7c562b2891144bba841 11// Signature: eyJpdiI6IlwvckJHcnkrVndLOWdcL0J1Zm9NcVQ4UT09IiwidmFsdWUiOiJNdkhDbmE0ZERmb3NLWUJFUENjODJzWUZ2bkRPdFVRdXhMeUpiWCsxUHk1cjZFNHdcL1VwUEM5U2NOOHBLWUlEYTdkcVZ5TEt2ZTBwTXZCMVBBU3RTWEpyaG1zYnozWUtsMEhpQ09kcXVIT0tvYjluVWd4T2NiVlAwbGxybTlsODlSbGN0OWhDSHd1RGd5Zkg5UWI4VzJUTkJXb1lCQTh1N0VvTTFYV2tsVkczUkZPMXVudXhaRldKRldjQzZSK0J5cE5VTlM1Rjl6RldTbk5JUTBZajhnZzh3dnR1bUQ4ckJOa2Z5NkkyUmluUlRsR3J0dzJwbVJLTmxLTWNQNEhjT0RkRCtiOUpHNWNmaW40TnlXTzVkZzY5NVRXVGw2dkYyQW0zWTAzdWZzTng1N0M4aFZScXhDdUs3TFhINERHQ2FJMXFMSDhIR1VuM2s2aUZlbnpYaWdXUHdsMnNWUlFHMDArblYyY0w2QTF4QXI4TVlIdk5ObVZcL2VON1JHU1l3bEsybWkreWM1clwvNXQ4d1dhNzVTS05KNndDTzQxSEFXcW5EU3orN251OVFFPSIsIm1hYyI6ImJmZmEyNjI2ZDhiNGVmNzc1NTQ4YTZlODlmZWY2YjUzZjU0NDZjNzY0MmViODg4MzYzZjEzZWFhMGJhZTBlZjkifQ== 12import { ThemeComponent } from "./theme.min.js"; 13import "./vendor.min.js"; 14class ImageGroupText extends ThemeComponent { 15} 16const ___PropTypes = {}; 17ImageGroupText.prototype.$name = "ImageGroupText"; 18ImageGroupText.prototype.$info = JSON.parse('{"name":"ImageGroupText","meta":{"isLegacy":false,"selector":"image-group-text"},"props":[],"refs":[]}'); 19ImageGroupText.prototype.$info.component = ImageGroupText; 20for (const prop of ImageGroupText.prototype.$info.props) { 21 prop.propertyType = ___PropTypes[prop.propertyType]; 22} 23window.componentService.registerComponent("ImageGroupText/ImageGroupText.ts", { ImageGroupText }, void 0); 24 25;(() => { 26 const style = document.createElement('style'); 27 style.innerHTML =`/* component-ImageGroupText.css */ 28/* --------------------------------------------- 29 Variables 30--------------------------------------------- */ 31/** 32 ------------------------------------------------------------------------- 33 Global Variables - Fonts 34 ------------------------------------------------------------------------- 35*/ 36/* --------------------------------------------- 37 Fonts 38--------------------------------------------- */ 39/* --------------------------------------------- 40 Font Weight 41--------------------------------------------- */ 42/* --------------------------------------------- 43 Line Height 44--------------------------------------------- */ 45/* --------------------------------------------- 46 Z-index 47--------------------------------------------- */ 48/* --------------------------------------------- 49 Spacing 50--------------------------------------------- */ 51/* --------------------------------------------- 52 Screen sizes 53--------------------------------------------- */ 54/* --------------------------------------------- 55 Animation 56--------------------------------------------- */ 57.image-group-text { 58 display: grid; 59 grid-template-columns: 1fr 1fr; 60} 61.image-group-text--duo .image-group-text__images { 62 display: grid; 63 grid-template-columns: 65% 5% 30%; 64} 65.image-group-text--duo .image-group-text__images > * { 66 -ms-flex-negative: 0; 67 flex-shrink: 0; 68 border-radius: 10px; 69 -o-object-fit: cover; 70 object-fit: cover; 71 height: auto; 72 width: 100%; 73} 74.image-group-text--duo .image-group-text__images > *:nth-child(1) { 75 grid-column: 1/span 2; 76 grid-row: 1/span 3; 77 aspect-ratio: 42/50; 78} 79.image-group-text--duo .image-group-text__images > *:nth-child(2) { 80 grid-column: 2/span 2; 81 grid-row: 2/span 1; 82} 83.image-group-text--trio .image-group-text__images { 84 display: grid; 85 grid-template-columns: 12% 20% 10% 35% 23%; 86} 87.image-group-text--trio .image-group-text__images > * { 88 -ms-flex-negative: 0; 89 flex-shrink: 0; 90 border-radius: 10px; 91 -o-object-fit: cover; 92 object-fit: cover; 93 height: auto; 94 width: 100%; 95} 96.image-group-text--trio .image-group-text__images > *:nth-child(1) { 97 grid-column: 1/span 2; 98 grid-row: 2/span 2; 99 position: relative; 100 z-index: 1; 101} 102.image-group-text--trio .image-group-text__images > *:nth-child(2) { 103 grid-column: 2/span 3; 104 grid-row: 1/span 2; 105} 106.image-group-text--trio .image-group-text__images > *:nth-child(3) { 107 grid-column: 4/span 2; 108 grid-row: 2/span 3; 109} 110.image-group-text--short .image-group-text__text { 111 padding: 5rem; 112 text-align: center; 113 display: -webkit-box; 114 display: -ms-flexbox; 115 display: flex; 116 -webkit-box-orient: vertical; 117 -webkit-box-direction: normal; 118 -ms-flex-direction: column; 119 flex-direction: column; 120 -webkit-box-pack: end; 121 -ms-flex-pack: end; 122 justify-content: flex-end; 123 -webkit-box-align: center; 124 -ms-flex-align: center; 125 align-items: center; 126} 127.image-group-text--long .image-group-text__content { 128 padding: 5rem; 129} 130.image-group-text.image-group-text--align-center .image-group-text__content { 131 -webkit-box-pack: center; 132 -ms-flex-pack: center; 133 justify-content: center; 134} 135.image-group-text.image-group-text--align-bottom .image-group-text__content { 136 -webkit-box-pack: end; 137 -ms-flex-pack: end; 138 justify-content: flex-end; 139} 140.image-group-text__quote { 141 font-size: 1.875rem; 142 font-weight: 600; 143} 144.image-group-text__content { 145 display: -webkit-box; 146 display: -ms-flexbox; 147 display: flex; 148 -webkit-box-orient: vertical; 149 -webkit-box-direction: normal; 150 -ms-flex-direction: column; 151 flex-direction: column; 152} 153.image-group-text__content h1:first-child, .image-group-text__content .h1:first-child, .image-group-text__content h2:first-child, .image-group-text__content .h2:first-child, .image-group-text__content h3:first-child, .image-group-text__content .h3:first-child, .image-group-text__content h4:first-child, .image-group-text__content .h4:first-child { 154 margin-top: 0; 155} 156html .shopify-section.section-hero:nth-of-type(1) + .shopify-section.section-profile-snapsh
156ot { 157 margin-top: calc(-2rem - 65px); 158 position: relative; 159 z-index: 1; 160} 161@media (min-width: 1025px) { 162 .image-group-text.image-group-text--indent .image-group-text__text { 163 padding-left: 1.5rem; 164 } 165 html .shopify-section.section-hero:nth-of-type(1) + .shopify-section.section-profile-snapshot { 166 margin-top: calc(-4rem - 140px); 167 } 168} 169@media (max-width: 768px) { 170 .image-group-text { 171 grid-template-columns: 1fr; 172 gap: 2.5rem; 173 } 174 .image-group-text--short .image-group-text__text { 175 padding: 0.5rem 0 0; 176 } 177 .image-group-text--long .image-group-text__content { 178 padding: 0; 179 } 180 .image-group-text--reverse-mobile .image-group-text__images { 181 grid-row: 2; 182 } 183}`; 184 document.body.appendChild(style); 185})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.