.image-showcase{padding-top:calc(var(--section-padding-top, 8px));padding-bottom:calc(var(--section-padding-bottom, 8px));background:#000}.image-showcase__wrapper{position:relative;overflow:hidden}.image-showcase__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;transition:transform .3s ease}.image-showcase__item{position:relative}.image-showcase__link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease;cursor:pointer}.image-showcase__link:hover{transform:translateY(-2px)}.image-showcase__image-wrapper{position:relative;border-radius:.8rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.image-showcase__image{width:100%;height:auto}.image-showcase__link:hover .image-showcase__image{transform:scale(1.05)}.image-showcase__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-showcase__placeholder svg{width:60%;height:60%;opacity:.3}.image-showcase__title{font-size:1.4rem;font-weight:500;margin:0 0 .5rem;text-align:center;line-height:1.3}.image-showcase__subtitle{font-size:1.2rem;margin:0;text-align:center;line-height:1.4;opacity:.8;font-weight:400}.image-showcase__item-placeholder .image-showcase__title,.image-showcase__item-placeholder .image-showcase__subtitle{opacity:.6}.image-showcase__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.image-showcase__nav-btn{background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-showcase__nav-btn:hover{background:rgba(var(--color-background),1);transform:scale(1.05)}.image-showcase__nav-btn--prev{left:-2rem;transform:rotate(90deg)}.image-showcase__nav-btn--next{right:-2rem;transform:rotate(-90deg)}.image-showcase__nav-btn .icon{width:1.6rem;height:1.6rem}@media screen and (max-width: 749px){.image-showcase__grid{grid-template-columns:repeat(5,100%);gap:0}.image-showcase__item{width:100%;padding:0 1rem;box-sizing:border-box}.image-showcase__nav{display:block}.mobile-only{display:block!important}.image-showcase__title{font-size:1.6rem}.image-showcase__subtitle{font-size:1.3rem}}@media screen and (min-width: 750px) and (max-width: 989px){.image-showcase__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 990px){.image-showcase__grid{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 750px){.mobile-only{display:none!important}}.image-showcase.color-background-1{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.image-showcase.color-background-2{background-color:rgb(var(--color-background-2));color:rgb(var(--color-foreground-2))}.image-showcase.color-inverse{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.image-showcase.color-accent-1{background-color:rgb(var(--color-accent-1));color:rgb(var(--color-accent-1-text))}.image-showcase.color-accent-2{background-color:rgb(var(--color-accent-2));color:rgb(var(--color-accent-2-text))}.image-showcase__link[target=_blank]:after{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin-left:.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'%3e%3c/path%3e%3c/svg%3e");opacity:.6;vertical-align:middle}@media (prefers-reduced-motion: reduce){.image-showcase__grid,.image-showcase__image,.image-showcase__link,.image-showcase__nav-btn{transition:none}}.image-showcase__link:focus-visible,.image-showcase__nav-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.image-showcase__link:not([href]){cursor:default}.image-showcase__link:not([href]):hover{transform:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-image-showcase.css.map */