.image-with-slide .grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing);margin-bottom:0}.image-with-slide .grid__item{position:relative}.template-index .image-with-slide .grid__item:first-child:after,.template-index .image-with-slide .grid__item:last-child:after{position:absolute;content:"JOURNAL";bottom:10px;right:10px;background:#2a2827;color:#fff;padding:4px 20px;line-height:normal}.image-with-slide__media{min-height:100%;overflow:visible}.image-with-slide__media--small{height:19.4rem}.image-with-slide__media--medium{height:24.4rem}.image-with-slide__media--large{height:43.5rem}@media screen and (min-width: 750px){.image-with-slide__media--small{height:31.4rem}.image-with-slide__media--medium{height:38.4rem}.image-with-slide__media--large{height:69.5rem}.image-with-slide.page-width{max-width:800px}}.image-with-slide__media--placeholder{position:relative;overflow:hidden}.image-with-slide__media--placeholder:after{content:"";position:absolute;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.image-with-slide__media--placeholder.image-with-slide__media--adapt{height:20rem}@media screen and (min-width: 750px){.image-with-slide__media--placeholder.image-with-slide__media--adapt{height:30rem}}.image-with-slide__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.slide-banner img{max-width:100%;height:100%;width:100%;max-height:460px;min-height:460px;object-fit:cover;object-position:center}.prev-arrow{position:absolute;left:0;top:0;bottom:0;height:30px;margin:auto;width:30px;z-index:1;cursor:pointer;opacity:.8}.next-arrow{position:absolute;right:0;top:0;bottom:0;height:30px;margin:auto;width:30px;cursor:pointer;z-index:1;opacity:.8}.slide-arrow img{max-width:100%}.slider-link img{max-width:100%;max-height:100%}@media screen and (max-width: 989px){.image-with-slide .image-with-slide__media-item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.slide-banner img{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-image-with-slide.css.map */