.image-display{display:flex;justify-content:center;align-items:center;width:100%}.image-display__media-item{display:flex;justify-content:center;align-items:center;max-width:100%}.image-display__media{display:flex;justify-content:center;align-items:center}.image-display__media--adapt{width:auto;height:auto}.image-display__media--small{height:19.4rem;width:100%}.image-display__media--medium{height:29.6rem;width:100%}.image-display__media--large{height:43.5rem;width:100%}@media screen and (min-width: 750px){.image-display__media--small{height:25rem}.image-display__media--medium{height:35rem}.image-display__media--large{height:50rem}}.image-display__media--placeholder{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-display__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.image-display__media--placeholder.image-display__media--adapt{height:20rem}@media screen and (min-width: 750px){.image-display__media--placeholder.image-display__media--adapt{height:30rem}}.image-display__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.image-display__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.image-display__img,.image-display__media img{display:block;margin:0 auto;max-width:100%;height:auto;object-fit:contain}.image-display__media--adapt .image-display__img,.image-display__media--adapt img{width:auto;height:auto;max-width:500px}@media screen and (max-width: 749px){.image-display__media--adapt .image-display__img,.image-display__media--adapt img{max-width:300px}}.image-display__media,.image-display__media-item{max-width:100%;overflow:hidden}.image-display .gradient{transform:perspective(0)}.image-display .global-media-settings{overflow:hidden!important}.image-display__media.animate--ambient img,.image-display__media.animate--zoom-in img{transition:transform .3s ease}.image-display__media.animate--zoom-in:hover img{transform:scale(1.05)}@media screen and (max-width: 749px){.image-display,.image-display__media-item,.image-display__media{max-width:100vw;overflow-x:hidden}.image-display__media img{max-width:100%;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-image-display.css.map */