:root{--large-size: 600px;--scale: .5}.image-grid-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--grid-padding-vertical, 10px) var(--grid-padding-horizontal, 20px);text-align:center;overflow:hidden}.image-grid{display:grid;grid-template-areas:"large small" "large small";grid-template-columns:auto auto;gap:calc(var(--grid-gap, 20px) * var(--grid-scale, 1));justify-content:center;align-items:start;max-width:100%;width:auto}.large-image{grid-area:large;width:var(--large-size);height:var(--large-size);padding:calc(var(--image-padding, 10px) * var(--grid-scale, 1));box-sizing:border-box;max-width:100%}.small-images{grid-area:small;display:flex;flex-direction:column;justify-content:space-between;width:calc(var(--large-size) * var(--scale));height:var(--large-size);padding:0;box-sizing:border-box;max-width:100%}.small-image{flex:1;height:50%;width:100%;padding:calc(var(--image-padding, 10px) * var(--grid-scale, 1));box-sizing:border-box;max-width:100%}.large-image img,.small-image img{width:100%;height:auto;object-fit:contain;display:block;max-width:100%}.image-link{display:block;position:relative;overflow:hidden}.image-link img{transition:opacity .3s ease}.image-link:hover img{opacity:.5}.image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.image-wrapper img{width:100%;height:auto;display:block}.image-overlay{position:absolute;bottom:2%;left:50%;transform:translate(-50%);background:#fff;padding:15px 20px;text-align:center;border-radius:1px;box-shadow:0 0 #0003;width:70%;max-width:300px}.large-overlay-text{margin:0 0 10px;font-size:2rem;word-wrap:break-word;color:#333}.small-overlay-text{margin:0 0 10px;font-size:1.25rem;word-wrap:break-word;color:#333}.overlay-button{display:inline-block;padding:10px 20px;background-color:#eabd23cc;color:#00000080;text-decoration:none;border-radius:10px;font-weight:regular;transition:background-color .3s ease;box-shadow:0 4px 4px #0003}.overlay-button:hover{background-color:#3fa164}@media (max-width: 768px){.image-grid{display:flex;flex-direction:column;align-items:center}.large-image{order:1;width:100%;height:auto;padding:10px 0}.small-images{order:2;display:flex;flex-direction:column;width:100%;height:auto}.small-image{width:100%;height:auto;padding:10px 0}.image-overlay{position:static;transform:none;margin:10px auto 0;width:90%;max-width:90%}.large-overlay-text{font-size:1.5rem}.small-overlay-text{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-three-image-grid.css.map */