.ycj-hero{position:relative;width:100%;height:auto;margin-top:-80px;padding-top:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ycj-hero__video-wrapper{position:relative;width:100%;height:0;padding-bottom:45%;z-index:1}.ycj-hero__video{position:absolute;top:-20%;left:0;width:100%;height:120%;z-index:1;border:none;outline:none;object-fit:cover}.ycj-hero__fallback-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ycj-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2;transition:background .3s ease}.ycj-hero--dark-overlay .ycj-hero__overlay{background:#00000080}.ycj-hero--light-overlay .ycj-hero__overlay{background:#fff3}.ycj-hero__content{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;text-align:center;color:#fff;padding:72px 20px 80px;animation:fadeInUp 1s ease-out;justify-content:center;align-items:center}.ycj-hero__content-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.ycj-hero__title-image{margin-bottom:0;font-family:Be Vietnam!important;font-weight:700;font-style:Bold;font-size:50px;color:#ffecc1;user-select:none;-webkit-user-select:none;-ms-user-select:none}.ycj-hero__icon{position:absolute;transform-origin:center;will-change:transform;animation-timing-function:ease-in-out;animation-direction:alternate;animation-fill-mode:both;animation-iteration-count:infinite}.ycj-hero__icon-tape{right:-120px;top:-12px;animation-name:ycj-hero-icon-orbit-tape;animation-duration:12.8s;animation-delay:-2.3s}.ycj-hero__icon-paw{top:-10px;left:-100px;animation-name:ycj-hero-icon-orbit-paw;animation-duration:9.4s;animation-delay:-.8s}.ycj-hero__icon-flower{top:100px;animation-name:ycj-hero-icon-orbit-flower;animation-duration:15.1s;animation-delay:-4.5s}.ycj-hero__icon-small-cherry{right:0;top:160px;animation-name:ycj-hero-icon-orbit-small-cherry;animation-duration:17.3s;animation-delay:-6.2s}.ycj-hero__icon-big-cherry{left:-20px;top:100px;animation-name:ycj-hero-icon-orbit-big-cherry;animation-duration:11.6s;animation-delay:-5.1s}.ycj-hero__subtitle{margin:0;position:absolute;bottom:-60px;user-select:none;-webkit-user-select:none;-ms-user-select:none}.ycj-hero__button{margin-top:auto}@media screen and (max-width: 1024px){.ycj-hero__title-image{width:500px}.ycj-hero__icon{width:50px}.ycj-hero__icon-flower{width:30px;top:80px}.ycj-hero__icon-big-cherry{width:100px;top:90px}.ycj-hero__icon-small-cherry{top:100px}.ycj-hero__icon-tape{right:-98px}}@media screen and (max-width: 768px){.ycj-hero__title-image{width:350px}.ycj-hero__icon-tape{right:-80px;top:-4px}.ycj-hero__icon-paw{left:-60px;top:-4px}.ycj-hero__icon{width:40px}.ycj-hero__icon-flower{width:30px;top:60px}.ycj-hero__icon-big-cherry{width:70px;top:70px}.ycj-hero__icon-small-cherry{top:60px}.ycj-hero__subtitle-svg{width:auto}}@media screen and (max-width: 768px){.ycj-hero{margin-top:-60px;padding-top:60px}.ycj-hero__video-wrapper{padding-bottom:50%}.ycj-hero__title-image{font-size:22px}.ycj-hero__subtitle{bottom:-32px}.ycj-hero__subtitle-svg{width:112px}.ycj-hero__content{padding:72px 15px 40px}}@media screen and (max-width: 600px){.ycj-hero__title-image{width:300px}.ycj-hero__icon{width:30px}.ycj-hero__icon-big-cherry{width:50px;top:60px}.ycj-hero__icon-tape{right:-50px}.ycj-hero__icon-paw{left:-50px}.ycj-hero__icon-flower{top:45px;width:25px}.ycj-hero__content{padding:48px 15px 40px}}@media screen and (max-width: 480px){.ycj-hero__title-image{width:240px}.ycj-hero__title{font-size:22px}.ycj-hero__subtitle-svg{width:112px}.ycj-hero__button{display:none}.ycj-hero__content{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.ycj-hero__icon{animation:none!important}}@keyframes ycj-hero-icon-orbit-paw{0%{transform:translateZ(0) rotate(0)}12%{transform:translate3d(8px,-4px,0) rotate(2deg)}25%{transform:translate3d(14px,-6px,0) rotate(5deg)}37%{transform:translate3d(16px,4px,0) rotate(2deg)}50%{transform:translate3d(8px,12px,0) rotate(-2deg)}62%{transform:translate3d(0,14px,0) rotate(-4deg)}75%{transform:translate3d(-10px,6px,0) rotate(0)}87%{transform:translate3d(-12px,-4px,0) rotate(3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes ycj-hero-icon-orbit-tape{0%{transform:translateZ(0) rotate(0)}10%{transform:translate3d(-6px,-10px,0) rotate(-3deg)}20%{transform:translate3d(-14px,-18px,0) rotate(-6deg)}35%{transform:translate3d(-10px,-6px,0) rotate(-2deg)}50%{transform:translate3d(0,6px,0) rotate(2deg)}65%{transform:translate3d(10px,18px,0) rotate(5deg)}80%{transform:translate3d(16px,6px,0) rotate(3deg)}90%{transform:translate3d(6px,-2px,0) rotate(1deg)}to{transform:translateZ(0) rotate(0)}}@keyframes ycj-hero-icon-orbit-big-cherry{0%{transform:translateZ(0) rotate(0)}15%{transform:translate3d(-8px,8px,0) rotate(-2deg)}30%{transform:translate3d(-4px,16px,0) rotate(0)}45%{transform:translate3d(10px,18px,0) rotate(4deg)}60%{transform:translate3d(18px,6px,0) rotate(7deg)}75%{transform:translate3d(10px,-8px,0) rotate(3deg)}88%{transform:translate3d(-6px,-14px,0) rotate(-4deg)}to{transform:translateZ(0) rotate(0)}}@keyframes ycj-hero-icon-orbit-small-cherry{0%{transform:translateZ(0) rotate(0)}12%{transform:translate3d(-6px,-10px,0) rotate(-3deg)}28%{transform:translate3d(-2px,-16px,0) rotate(-5deg)}40%{transform:translate3d(10px,-12px,0) rotate(1deg)}55%{transform:translate3d(16px,-2px,0) rotate(4deg)}70%{transform:translate3d(12px,12px,0) rotate(6deg)}85%{transform:translate3d(-2px,10px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes ycj-hero-icon-orbit-flower{0%{transform:translateZ(0) rotate(0)}18%{transform:translate3d(4px,-12px,0) rotate(4deg)}36%{transform:translate3d(8px,-18px,0) rotate(7deg)}50%{transform:translate3d(2px,-8px,0) rotate(3deg)}62%{transform:translate3d(-6px,-4px,0) rotate(-2deg)}78%{transform:translate3d(-12px,6px,0) rotate(2deg)}92%{transform:translate3d(-4px,10px,0) rotate(-1deg)}to{transform:translateZ(0) rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ycj-hero.css.map */