.new-animation-slider{overflow:hidden;height:calc(100vh - 105px);display:grid;grid-template-columns:45% 55%;grid-template-rows:25% 25% 25% 25%;grid-template-areas:". ." ". ." ". ." "slide-navigation ."}.new-animation-slider .slide-index{position:relative;z-index:1;top:30px;right:30px;width:auto;min-width:120px;height:22px;display:flex;align-self:center;justify-self:center;grid-area:1 / 1 / span 2 / span 2;transform:rotate(-90deg);font-size:.85rem;font-weight:500;letter-spacing:1px}.new-animation-slider .slide-index-current{position:relative;width:50%;text-align:left}.new-animation-slider .slide-index-inner{display:block}.new-animation-slider .slide-index-total{position:relative;width:50%;text-align:right}.new-animation-slider .slide-index-total:before{content:"";position:absolute;z-index:1;left:0;bottom:11px;width:60%;height:2px;background-color:var(--color-body-text)}.new-animation-slider .slide-navigation{padding:0 5vw;display:block;grid-area:slide-navigation;text-align:right}.new-animation-slider .slide-content .slide-btn{z-index:2}.new-animation-slider .slide-navigation .slide-navigation-item-prev{margin-right:5px}.new-animation-slider .slide-item{display:grid;grid-area:1 / 1 / 5 / 4;grid-template-columns:50% 22% 28%;grid-template-rows:26% 74% 0%;grid-template-areas:"... slide-image-wrapper slide-image-wrapper" "slide-content slide-image-wrapper slide-image-wrapper" "... ... more";pointer-events:none}.new-animation-slider .slide-item:not(.current-slide){pointer-events:none}.new-animation-slider .current-slide{pointer-events:auto}.new-animation-slider .slide-content{width:100%;max-width:100%;padding:0 2vw;grid-area:slide-content}.new-animation-slider .slide-title{overflow:hidden;position:relative;font-weight:800;line-height:1;margin-top:0;margin-bottom:10px}.new-animation-slider .slide-title span{display:inline-block}.new-animation-slider .slide-item:not(.current-slide) .slide-title span{opacity:0}.new-animation-slider .slide-sub-title{font-size:3.2rem;font-weight:100;line-height:1;font-style:italic}.new-animation-slider .slide-btn{margin-top:2rem}.new-animation-slider .slide-description{overflow:hidden;position:relative;margin-right:3vw}.new-animation-slider .slide-item:not(.current-slide) .slide-description{opacity:0}.new-animation-slider .slide-animated-underline{position:relative;z-index:1;padding:0;display:inline-block;background:none;text-decoration:none;color:inherit}.new-animation-slider .slide-animated-underline:before{content:"";position:absolute;z-index:-1;bottom:0;left:0;width:0;height:30%;background-color:var(--slide-strip-color)}.new-animation-slider .slide-animated-underline.active:before,.new-animation-slider .parent:hover .slide-animated-underline:before{animation:slide-strip-animation .5s forwards}.new-animation-slider .slide-image-wrapper{overflow:hidden;z-index:2;height:auto;grid-area:slide-image-wrapper;pointer-events:none}.new-animation-slider .slide-item:fist-of-type .slide-image-wrapper{background-color:var(--lightgrey)}.new-animation-slider .slide-image-inner{width:100%;height:100%;background-size:cover;background-position:50% 50%}.new-animation-slider .slide-item:not(.current-slide) .slide-image-inner{opacity:0}.new-animation-slider .slide-image-inner .slide-image{width:100%;height:100%;object-fit:cover}@media (max-width: 1199px){.new-animation-slider .slide-content{padding:4vh 4vw 5vh 4vw}}@media (max-width: 1023px){.new-animation-slider .slide-title{font-size:3.5rem;margin-bottom:10px}.new-animation-slider .slide-sub-title{font-size:2.5rem}}@media (max-width: 767px){.new-animation-slider{overflow:initial;height:auto;display:grid;grid-template-columns:100%;grid-template-rows:100%;grid-template-areas:"slide-navigation";align-items:flex-start}.new-animation-slider .slide-index{display:none}.new-animation-slider .slide-navigation{position:relative;width:100%;top:90%;padding:1rem}.new-animation-slider .slide-title{font-size:3rem;margin-bottom:10px}.new-animation-slider .slide-sub-title{font-size:2rem}.new-animation-slider .slide-item{display:flex;flex-wrap:wrap}.new-animation-slider .slide-content{width:100%;margin-bottom:2rem;padding:1rem 2rem 2rem;flex:0 0 auto;order:2}.new-animation-slider.is-banner .slide-content{margin-bottom:0}.new-animation-slider .slide-description{margin-right:0}.new-animation-slider .slide-image-wrapper{width:100%;height:100%;flex:0 0 auto;order:1}}.new-animation-slider .arrow-button{transform:rotate(180deg);padding:20px 0;display:inline-flex;align-items:center;text-decoration:none;background:none;border:0}.new-animation-slider .arrow-button .text{position:absolute;left:0;bottom:25px;transform:rotate(180deg);background:linear-gradient(to right,var(--slide-arrow-color),var(--slide-arrow-color) 50%,#1a1a20 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;font-size:14px;font-weight:500;line-height:1.2;color:var(--color-body-text);transition:background-position .4s ease}.new-animation-slider .arrow-button:hover .text,.new-animation-slider .parent:hover .arrow-button .text{background-position:0 100%}.new-animation-slider .arrow-button .arrow{width:0;display:grid}.new-animation-slider .arrow-button .arrow .item{overflow:hidden;position:relative;right:21.1px;bottom:-1px;z-index:2;width:20px;height:2px;background:var(--color-body-text)}.new-animation-slider .arrow-button .arrow .item:nth-child(1){transform-origin:left bottom;transform:rotate(45deg) translate3d(15px,-15px,0)}.new-animation-slider .arrow-button .arrow .item:nth-child(2){margin-left:10px;transform-origin:left bottom;transform:rotate(-45deg) translate3d(-4px,-6px,0);visibility:hidden}.new-animation-slider .arrow-button .arrow .item:after{content:"";position:absolute;left:0;height:2px;display:block;background:var(--slide-arrow-color)}.new-animation-slider .arrow-button:hover .arrow .item:after,.new-animation-slider .parent:hover .arrow-button .arrow .item:after{animation:slide-strip-animation .2s forwards;animation-delay:.2s}.new-animation-slider .arrow-button .line{overflow:hidden;position:relative;z-index:1;width:100px;height:2px;background:var(--color-body-text)}.new-animation-slider .arrow-button:hover .line:after,.new-animation-slider .parent:hover .arrow-button .line:after{animation:left-animation .4s forwards}.new-animation-slider .arrow-button .line:after{content:"";position:absolute;left:100%;width:100px;height:2px;display:block;background:var(--slide-arrow-color)}.new-animation-slider .arrow-button.prev{transform:rotate(0)}.new-animation-slider .arrow-button.prev .text{transform:rotate(0);background:linear-gradient(to right,#1a1a20,#1a1a20 50%,var(--slide-arrow-color) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:0;color:var(--slide-arrow-color)}.new-animation-slider .arrow-button.prev:hover .text,.new-animation-slider .parent.prev:hover .arrow-button .text{background-position:100% 0}.new-animation-slider .arrow-button.cross{padding:0;transform:rotate(0)}.new-animation-slider .arrow-button.cross .arrow .item:nth-child(1){width:14px;right:0;transform-origin:center;transform:rotate(90deg) translateZ(0);-webkit-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.new-animation-slider .arrow-button.cross .text{position:relative;top:0;margin-left:7.5px;transform:rotate(0)}.new-animation-slider .arrow-button.cross .line{width:14px;position:relative;z-index:2}.new-animation-slider .arrow-button-color{--slide-arrow-color: var(--color-body-text) !important}.new-animation-slider.slide-up .upcoming-slide .slide-description{opacity:0;transition:.5s;transform:translate3d(0,50%,0)}.new-animation-slider.slide-up .change-slide .slide-description{transition:.5s;transform:translate3d(0,-50%,0)}.new-animation-slider.slide-down .upcoming-slide .slide-description{opacity:0;transition:.5s;transform:translate3d(0,-50%,0)}.new-animation-slider.slide-down .change-slide .slide-description{transition:.5s;transform:translate3d(0,50%,0)}.new-animation-slider .slide-description{transition:.5s}.new-animation-slider.slide-up .upcoming-slide .slide-image-inner{scale:2;transition:1.5s;transform:translate3d(0,100%,0)}.new-animation-slider.slide-up .change-slide .slide-image-inner{opacity:0;transition:1s;transform:translate3d(0,-100%,0)}.new-animation-slider.slide-down .upcoming-slide .slide-image-inner{scale:2;transition:1.5s;transform:translate3d(0,-100%,0)}.new-animation-slider.slide-down .change-slide .slide-image-inner{opacity:0;transition:1s;transform:translate3d(0,100%,0)}.new-animation-slider .slide-image-inner{scale:1;transition:1.5s}@keyframes slide-strip-animation{0%{width:0}to{width:100%}}@-webkit-keyframes slide-strip-animation{0%{width:0}to{width:100%}}@keyframes left-animation{0%{left:100%}to{left:0}}@-webkit-keyframes left-animation{0%{left:100%}to{left:0}}@media (min-width: 1024px){.new-animation-slider .large-title{margin-bottom:1.5rem}.new-animation-slider .slide-sub-title{margin-bottom:2.5rem;display:block}.new-animation-slider .slide-text:empty{display:none}.new-animation-slider .slide-btn{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/slideshow.css.map */