.xm-hero-anim{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:size;background:#0e1116}.xm-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;background:#0e1116}.xm-stage img{display:block;width:100%;height:100%}.xm-l{position:absolute}.xm-l--padel img{object-fit:fill}.xm-l--blue .xm-room{position:absolute;top:0;bottom:0;right:0;background:#1065f9;overflow:hidden}.xm-l--street .xm-cell{position:absolute;top:0;bottom:0;right:0;overflow:hidden}.xm-l--street picture{display:block;width:100%;height:100%}.xm-l--street img{object-fit:cover}.xm-walk{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.xm-walk img,.xm-walk video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xm-walk video{display:none}.xm-guy{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.xm-guy img,.xm-guy video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xm-guy video{display:none}@media(min-aspect-ratio:5/4){.xm-stage{width:max(100cqw,calc(100cqh * 2200 / 933));aspect-ratio:2200 / 933}.xm-l--padel{left:-13.1818%;top:0%;width:63.6364%;height:100%;transform-origin:0 0}.xm-l--blue{top:0;bottom:0;left:24.5%;width:50.2727%;background:#0e1116}.xm-l--blue .xm-room{left:1.2658%}.xm-l--street{top:0;bottom:0;left:74.7727%;width:25.2273%;background:#0e1116}.xm-l--street .xm-cell{left:2.5225%}}@media not all and (min-aspect-ratio:5/4){.xm-stage{width:max(100cqw,60cqh);aspect-ratio:750 / 1250}.xm-l--padel{left:-13.7333%;top:61.6%;width:96%;height:38.4%;transform-origin:0 0}.xm-l--blue{left:0;top:0;width:100%;height:61.6%;background:#0e1116}.xm-l--blue .xm-room{left:0;bottom:auto;height:98.7013%}.xm-l--street{left:49.3333%;top:61.6%;width:50.6667%;height:38.4%;background:#0e1116}.xm-l--street .xm-cell{left:2.6316%}}@media(prefers-reduced-motion:no-preference){.xm-stage:not(.is-done):not(.xm-settled) .xm-l{will-change:transform}@media(min-aspect-ratio:5/4){.xm-stage:not(.is-playing):not(.is-done) .xm-l--padel{transform:translate(20.7143%,-31.7256%) scale(1.57143)}.xm-stage:not(.is-playing):not(.is-done) .xm-l--blue{transform:translate(150.1808%)}.xm-stage:not(.is-playing):not(.is-done) .xm-l--street{transform:translate(299.2793%)}}@media not all and (min-aspect-ratio:5/4){.xm-stage:not(.is-playing):not(.is-done) .xm-l--padel{transform:translate(-32.5%,-160.4167%) scale(2.60417)}.xm-stage:not(.is-playing):not(.is-done) .xm-l--blue{transform:translate(100%)}.xm-stage:not(.is-playing):not(.is-done) .xm-l--street{transform:translate(100%)}}.xm-stage.is-playing .xm-l--padel,.xm-stage.is-playing .xm-l--blue,.xm-stage.is-playing .xm-l--street{transition:transform 1.2s cubic-bezier(.65,0,.35,1) .35s}@media not all and (min-aspect-ratio:5/4){.xm-stage.is-playing .xm-l--street{transition-delay:.5s}}.xm-stage:not(.is-done) .xm-walk img{opacity:0;transition:opacity .5s ease}.xm-stage.is-playing .xm-walk video{display:block;opacity:0}.xm-stage.is-walking .xm-walk video{opacity:1;animation:xm-walk-in .5s cubic-bezier(.22,.61,.36,1) both}.xm-stage.walk-fallback .xm-walk video{display:none}.xm-stage.walk-fallback .xm-walk img{opacity:1}.xm-stage:not(.is-done) .xm-guy .xm-guy__end{opacity:0}.xm-stage:not(.is-done) .xm-guy video{display:block}.xm-stage.guy-fallback .xm-guy video{display:none}.xm-stage.guy-fallback .xm-guy .xm-guy__end{opacity:1;transition:opacity .5s ease}}@keyframes xm-walk-in{0%{transform:translate(-15%)}to{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/xm-hero-anim.css.map */