.image-showcase__container{display:grid;grid-template-columns:1fr;gap:2rem}.image-showcase__main-image-wrapper{width:100%}@media (max-width: 767px){.image-showcase__main-image-wrapper{display:none}}@media (min-width: 768px){.image-showcase__container{display:flex;gap:3rem;align-items:flex-start}.image-showcase__main-image-wrapper{flex:0 0 var(--main-image-width-desktop, 50%);max-width:var(--main-image-width-desktop, 50%);height:calc((var(--thumbnail-item-height-desktop, 200px) * 3) + 2rem)}.image-showcase__main-image,.image-showcase__main-image-item .media-wrapper{height:100%}.image-showcase__thumbnails{flex:1;min-width:0;height:calc((var(--thumbnail-item-height-desktop, 200px) * 3) + 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.image-showcase__thumbnails::-webkit-scrollbar{width:6px}.image-showcase__thumbnails::-webkit-scrollbar-track{background:transparent}.image-showcase__thumbnails::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.image-showcase__thumbnails::-webkit-scrollbar-thumb:hover{background-color:#0000004d}}.image-showcase__main-image{width:100%;position:sticky;top:2rem}.image-showcase__main-image-item{display:none;height:100%}.image-showcase__main-image-item:first-child{display:block}.image-showcase__main-image-item .media-wrapper{width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius, .5rem);display:flex;align-items:center;justify-content:center}.image-showcase__main-image-item img{width:100%;height:100%;object-fit:cover}.image-showcase__thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.image-showcase__container:has(.image-showcase__thumbnail:hover) .image-showcase__main-image-item{display:none}.image-showcase__container:has(.image-showcase__thumbnail:nth-child(1):hover) .image-showcase__main-image-item:nth-child(1),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(2):hover) .image-showcase__main-image-item:nth-child(2),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(3):hover) .image-showcase__main-image-item:nth-child(3),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(4):hover) .image-showcase__main-image-item:nth-child(4),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(5):hover) .image-showcase__main-image-item:nth-child(5),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(6):hover) .image-showcase__main-image-item:nth-child(6),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(7):hover) .image-showcase__main-image-item:nth-child(7),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(8):hover) .image-showcase__main-image-item:nth-child(8),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(9):hover) .image-showcase__main-image-item:nth-child(9),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(10):hover) .image-showcase__main-image-item:nth-child(10),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(11):hover) .image-showcase__main-image-item:nth-child(11),.image-showcase__container:has(.image-showcase__thumbnail:nth-child(12):hover) .image-showcase__main-image-item:nth-child(12){display:block}.image-showcase__thumbnails{height:calc((var(--thumbnail-item-height-desktop, 200px) * 3) + 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.image-showcase__thumbnails::-webkit-scrollbar{width:6px}.image-showcase__thumbnails::-webkit-scrollbar-track{background:transparent}.image-showcase__thumbnails::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.image-showcase__thumbnails::-webkit-scrollbar-thumb:hover{background-color:#0000004d}}.image-showcase__thumbnail{display:flex;flex-direction:column;background-color:var(--thumbnail-bg-color, #f5f5f5);border-radius:.5rem;padding:1rem;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer;border:2px solid transparent;overflow:hidden;min-height:var(--thumbnail-item-height-mobile, 200px)}.image-showcase__thumbnail:hover{background-color:var(--thumbnail-hover-bg-color, #e8e8e8);border-color:#0000001a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-showcase__thumbnail--active{background-color:var(--thumbnail-active-bg-color, #e0e0e0);border-color:#0003}.image-showcase__thumbnail-content{display:flex;flex-direction:column;gap:.75rem}.image-showcase__thumbnail-image{width:var(--thumbnail-image-width-mobile, 100px);margin:0 auto}.image-showcase__thumbnail-image-wrapper{width:100%;border-radius:.375rem;overflow:hidden}@media (min-width: 768px){.image-showcase__thumbnail-image{width:var(--thumbnail-image-width-desktop, 120px)}.image-showcase__thumbnail{min-height:var(--thumbnail-item-height-desktop, 200px)}}.image-showcase__thumbnail-text{display:flex;flex-direction:column;gap:.5rem}.image-showcase__thumbnail-title{font-size:var(--title-font-size-mobile, 15px);font-weight:var(--title-font-weight, 600);margin:0;line-height:1.4;text-align:var(--title-text-align, center);color:var(--title-color, #000000)}@media (min-width: 768px){.image-showcase__thumbnail-title{font-size:var(--title-font-size-desktop, 16px)}}.image-showcase__thumbnail-description{font-size:.875rem;line-height:1.5;color:#000000b3;margin:0;text-align:var(--title-text-align, center)}.image-showcase__thumbnail-description p{margin:0}.image-showcase__thumbnail-description p+p{margin-top:.5rem}@media (max-width: 767px){.image-showcase__thumbnails{gap:.75rem}.image-showcase__thumbnail{padding:.75rem;border-radius:.5rem}.image-showcase__thumbnail-content{gap:.5rem}.image-showcase__thumbnail-description{font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-image-showcase.css.map */