.hero-wall{position:relative;overflow:hidden;isolation:isolate;width:100%;aspect-ratio:3 / 4;background-color:#f1eeea;--hw-visible: 3;--hw-gap: .8rem;--hw-slider-width: 100%;--hw-move: .9s}.hero-wall__room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 100%}.hero-wall__slider{position:absolute;top:8%;left:50%;display:block;width:var(--hw-slider-width);transform:translate(-50%);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);padding:2.8rem 0 3.6rem;opacity:0;animation:hero-wall-fade 1s ease .2s forwards}.hero-wall__track{display:flex;gap:var(--hw-gap);margin:0;padding:0;list-style:none;will-change:transform}.hero-wall__item{position:relative;flex:0 0 calc((100% - (var(--hw-visible) - 1) * var(--hw-gap)) / var(--hw-visible));min-width:0;transform:scale(.84);opacity:.72;transition:transform var(--hw-move) cubic-bezier(.45,0,.2,1),opacity var(--hw-move) ease}.hero-wall__item.is-active{z-index:2;transform:scale(1.14);opacity:1}.hero-wall__frame{line-height:0;background:#fff;box-shadow:0 .2rem .4rem #0000001a,0 .8rem 1.4rem #0000001f;transition:box-shadow var(--hw-move) ease}.hero-wall__item.is-active .hero-wall__frame{box-shadow:0 .3rem .6rem #00000024,0 1.8rem 3rem #0000003d}.hero-wall__frame img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.hero-wall__slider.is-resetting .hero-wall__item,.hero-wall__slider.is-resetting .hero-wall__frame{transition:none!important}@keyframes hero-wall-fade{to{opacity:1}}@media screen and (min-width:750px){.hero-wall{aspect-ratio:16 / 9;--hw-gap: 2.4rem;--hw-slider-width: min(46vw, 68rem)}.hero-wall__slider{top:5%}}@media screen and (min-width:750px)and (max-width:989px){.hero-wall{--hw-gap: 1.8rem;--hw-slider-width: 62vw}}@media(prefers-reduced-motion:reduce){.hero-wall__slider{opacity:1;animation:none}}.hero-wall__slider.is-static{overflow-x:auto;scrollbar-width:none}.hero-wall__slider.is-static::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hero-wall.css.map */