@keyframes key-ani-fade-out{0%{opacity:.9}to{opacity:0}}@keyframes key-ani-zoom{0%{transform:scale(1.2) translateY(-3rem)}to{transform:scale(1) translateY(0)}}@keyframes ani-up{0%{transform:translate3d(0,100%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes ani-up2{0%{transform:translate3d(0,70%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes key_opacity_01{0%{opacity:0}to{opacity:1}}@keyframes key_opacity_02{0%{opacity:.3}50%{opacity:.6}to{opacity:1}}@keyframes key_opacity_03{0%{opacity:.2}50%{opacity:.2}to{opacity:1}}@keyframes ani-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ani-scale-center{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(3)}}.component-plp-banner *{margin:0;padding:0}.component-plp-banner ul,.component-plp-banner ol{font:inherit;color:inherit;list-style:none;padding:0}.component-plp-banner h1,.component-plp-banner h2,.component-plp-banner h3,.component-plp-banner h4,.component-plp-banner h5,.component-plp-banner p{font:inherit;color:inherit}.component-plp-banner button,.component-plp-banner a,.component-plp-banner .button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;background-color:transparent;border:none;cursor:pointer}.component-plp-banner dl,.component-plp-banner dt,.component-plp-banner dd{display:initial;font:inherit;color:inherit}.component-plp-banner img{vertical-align:top}.component-plp-banner em,.component-plp-banner i{font-style:normal}.component-plp-banner a{text-decoration:none}.component-plp-banner{position:relative;height:66rem;z-index:3;overflow:hidden}.component-plp-banner--type2.right .layout_inner .title_h,.component-plp-banner--type2.left .layout_inner .title_h{text-align:center!important}.component-plp-banner.right .layout_inner{justify-content:flex-end}.component-plp-banner.right .layout_inner .title_h{text-align:right}.component-plp-banner.left .layout_inner{justify-content:flex-start}.component-plp-banner.left .layout_inner .title_h{text-align:left}.component-plp-banner:before{content:"";display:block;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:11;opacity:.9}.component-plp-banner .layout_inner{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;max-width:192rem;margin:0 auto;padding:0 8rem;left:0;right:0;bottom:0;top:0;z-index:12}.component-plp-banner .img{position:relative;width:100%;height:100%;bottom:0;left:0;z-index:10;transform:scale(1.2) translateY(-3rem)}.component-plp-banner .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:75% center;object-position:75% center;transform:scale(1)}.component-plp-banner--type2 .img img{width:auto;height:100%;max-width:none;position:absolute;right:50%;top:50%;transform:translate(50%,-50%) scale(1)}.component-plp-banner .title{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:#000;z-index:2}.component-plp-banner .title_h{opacity:0;text-align:center;font-family:futura-pt,sans-serif;font-size:5.6rem;font-weight:400;line-height:1.1}.component-plp-banner .title p{opacity:0;text-align:center;font-size:2rem;font-weight:300;margin-top:2rem}.component-plp-banner.active .title_h{animation:ani-up .8s linear .2s forwards}.component-plp-banner.active .title p{animation:ani-up2 .8s linear .2s forwards}.component-plp-banner.active .img{animation:key-ani-zoom 1.5s forwards}.component-plp-banner.active:before{animation:key-ani-fade-out .8s linear .8s forwards}@media (min-width: 1921px){.component-plp-banner,.component-plp-banner .layout_inner{height:88rem}}@media (max-width: 1280px){.component-plp-banner .title_h{font-size:3.6rem;margin-left:auto;margin-right:auto}.component-plp-banner .layout_inner{padding:0 1.6rem}}@media (max-width: 768px){.component-plp-banner--type2{width:100%;height:auto;position:relative;display:flex}.component-plp-banner .layout_inner{align-items:flex-end;padding:0 1.6rem}.component-plp-banner--type2 .img img{position:static;width:100%;height:auto;-o-object-position:center center;object-position:center center;transform:translate(0) scale(1)}.component-plp-banner .title{margin-bottom:auto;position:absolute;left:50%;width:100%;z-index:auto;top:auto;bottom:10%;transform:translate(-50%);color:#fff}.component-plp-banner .title_h{font-size:3.6rem}.component-plp-banner--type2 .title{bottom:3rem}.component-plp-banner--type2 .title_h{font-size:2.8rem}.component-plp-banner .title p{margin-top:1rem;padding-left:2rem;padding-right:2rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-plp-banner.scss.css.map */