home-media{width:100%;display:block;position:relative;--top: calc(100vw * 67 / var(--base-width));display:flex;flex-direction:column;gap:calc(100vw * 30 / var(--base-width));color:#171717}home-media .mobile{display:none}home-media .home-media-main{position:relative}home-media .home-media-header{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:calc(100vw * 13 / var(--base-width));top:var(--top);z-index:3}home-media .home-media-button{display:flex;align-items:center;padding:8px 16px;background-color:#000;color:#fff;border-radius:50px;gap:10px}home-media .slide-body{display:flex;flex-direction:column;align-items:center}home-media .slide-image{width:100%}home-media .slide-image-group{display:flex;margin-bottom:calc(100vw * 30 / var(--base-width));--offset:-60%;--offset-top:calc(100vw * 10 / var(--base-width));--offset-deg:15deg}home-media .slide-image-group:hover{--offset-deg:10deg}home-media .image-item{position:relative;max-width:calc(100vw * 300 / var(--base-width));max-height:calc(100vw * 400 / var(--base-width));width:100vw;height:100vh}home-media .image-main{z-index:3;position:relative;overflow:hidden}home-media .image-main>*:not(.active){position:absolute;top:0}home-media .image-main>*.active{position:relative;animation:image-main-animation .3s ease-in-out}@keyframes image-main-animation{0%{top:-100%}to{top:0%}}home-media .image-item>*{width:100%;height:100%;border-radius:6px;object-fit:cover;display:none;z-index:0}home-media .image-item>*.active{display:block;z-index:2}home-media .image-item>*.last{display:block;z-index:1}home-media .image-left>*:not(.active,.last){left:100%}home-media .image-left>*.active,home-media .image-left>*.last{position:absolute;transform:rotate(calc(var(--offset-deg) * -1)) scale(.8);right:var(--offset);top:var(--offset-top);transition:transform .3s,top .3s;transform-origin:bottom left}home-media .image-left>*.active{animation:image-left-animation .3s ease-in-out}@keyframes image-left-animation{0%{right:-100%;transform:rotate(0) scale(.8);top:calc(var(--offset-top) * -1)}to{right:var(--offset);transform:rotate(calc(var(--offset-deg) * -1)) scale(.8);top:var(--offset-top)}}home-media .image-right>*:not(.active,.last){right:100%}home-media .image-right>*.active,home-media .image-right>*.last{position:absolute;transform:rotate(var(--offset-deg)) scale(.8);left:var(--offset);top:var(--offset-top);transition:transform .3s,top .3s;transform-origin:bottom right}home-media .image-right>*.active{animation:image-right-animation .3s ease-in-out}@keyframes image-right-animation{0%{left:-100%;transform:rotate(0) scale(.8);top:calc(var(--offset-top) * -1)}to{left:var(--offset);transform:rotate(var(--offset-deg)) scale(.8);top:var(--offset-top)}}home-media .author-image{max-width:calc(100vw * 42 / var(--base-width));max-height:calc(100vw * 42 / var(--base-width));flex:0 0 auto;border-radius:50%}home-media .slide-author-item{display:none;gap:calc(100vw * 11 / var(--base-width))}home-media .slide-author-item.active{display:flex}home-media .author-info-top{display:flex;align-items:center;justify-content:space-between}home-media .author-info-content{max-width:calc(100vw * 382 / var(--base-width));width:100%}home-media .slide-info{position:absolute;top:var(--top);right:0;max-width:calc(100vw * 265 / var(--base-width));text-align:right}home-media .slide-info .slide-info-item{display:none}home-media .slide-info .slide-info-item.active{display:block}home-media .home-media-swiper-pagination .swiper-slide{text-align:center}home-media .embla{overflow:hidden;cursor:grab}home-media .home-media-pagination .embla__container{display:flex}home-media .home-media-pagination .embla__slide{flex:0 0 calc(100% / 9);min-width:0;text-align:center;-webkit-user-select:none;user-select:none;opacity:.5;display:flex;align-items:center;justify-content:center}home-media .home-media-pagination .embla__slide.active{opacity:1}home-media .home-media-pagination{padding-block:calc(100vw * 20 / var(--base-width));background-position:top center,bottom center;background-size:100% 25%,100% 25%;background-repeat:no-repeat}home-media .media-pagination{display:flex;justify-content:center}home-media .pagination-body{display:flex;align-items:center;gap:calc(100vw * 20 / var(--base-width))}home-media .page-number{display:flex;height:18px;overflow:hidden}home-media .page-digit{display:flex;flex-direction:column;transition:transform .3s ease}home-media .home-media-header .slide-info{display:none}@media (max-width:1024px){home-media{--top: 0}home-media .home-media-pagination .embla__slide{flex:0 0 20%}home-media .image-item{max-width:calc(100vw * 260 / var(--base-width));max-height:calc(100vw * 340 / var(--base-width))}home-media .author-info-content{max-width:calc(100vw * 400 / var(--base-width))}}@media (max-width:768px){home-media{gap:calc(100vw * 38 / var(--base-width))}home-media .mobile{display:block;width:100%;margin:0 auto}home-media .pc{display:none}home-media .home-media-header{position:static;justify-content:space-between;flex-direction:row}home-media .home-media-pagination .embla__slide{flex:0 0 calc(100% / 3)}home-media .page-number{height:calc(100vw * 28 / var(--base-font))}home-media .home-media-main.mobile .embla__container{display:flex}home-media .home-media-main.mobile .embla__slide{flex:0 0 85%;margin:0 calc(100vw * 4 / var(--base-width))}home-media .home-media-main.mobile .embla__slide .slide-body{opacity:.5;transform:scale(.95);transition:all .3s}home-media .home-media-main.mobile .embla__slide.active .slide-body{opacity:1;transform:scale(1)}home-media .home-media-main.mobile .embla__slide .slide-author{display:none}home-media .home-media-main.mobile .embla__slide.active .slide-author{display:flex}home-media .image-item{max-width:100%;max-height:80vh;width:100%}home-media .image-item>*{display:block;position:static!important}home-media .slide-author-item{display:flex}home-media .author-info-content{max-width:100%}home-media .slide-body{gap:calc(100vw * 40 / var(--base-width))}home-media .author-image{max-width:calc(100vw * 64 / var(--base-width));max-height:calc(100vw * 64 / var(--base-width))}home-media .home-media-button{display:none}home-media .home-media-header .slide-info{display:block;position:static;max-width:calc(100vw * 294 / var(--base-width))}home-media .home-media-header>h1{max-width:calc(100vw * 264 / var(--base-width))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/home-media.css.map */