.embroidery-design[data-v-bdd54d9e]{align-items:center;height:calc(var(--screen-height)*2);justify-content:center}.embroidery-design .embroidery-design-container[data-v-bdd54d9e]{animation:mockScroll-bdd54d9e 0s linear 0 forwards;animation-iteration-count:var(--trans-rate);box-sizing:border-box;display:none;height:var(--screen-height);left:50%;position:fixed;top:78px;transform:translate3d(-50%,0,0);transition:all .3s;width:1582px}@keyframes mockScroll-bdd54d9e{0%{transform:translate3d(-50%,0,0)}to{transform:translate3d(-50%,calc(var(--screen-height)*-1),0)}}.embroidery-design .embroidery-design-container.fixed[data-v-bdd54d9e]{display:inline-block}.embroidery-design .embroidery-design-container .embroidery-design-images[data-v-bdd54d9e]{align-items:center;animation:leftJoin-bdd54d9e 0s ease-out forwards;animation-iteration-count:var(--left-join-rate);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;height:var(--screen-height);justify-content:flex-end;opacity:0;position:relative;transform:translate3d(-100%,0,0);width:100%;z-index:0}@keyframes leftJoin-bdd54d9e{0%{opacity:0;transform:translate3d(-100%,0,0)}40%{opacity:1;transform:translate3d(-80%,0,0)}to{opacity:1;transform:translateZ(0)}}.embroidery-design .embroidery-design-container .embroidery-design-images p[data-v-bdd54d9e]{animation:h2-opacity-bdd54d9e 0s linear forwards;animation-iteration-count:var(--h2-opacity-rate);background:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 8px 12px 0 rgba(0,0,0,.2);color:#fff;font-family:Roboto-Medium,Roboto;font-size:24px;font-weight:500;left:50%;line-height:44px;opacity:0;padding:30px 60px;position:absolute;text-align:center;top:50%;transform:translate3d(-50%,-50%,0);width:70%;z-index:1}@keyframes h2-opacity-bdd54d9e{0%{opacity:0}to{opacity:1}}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]{animation:leftJoinItem-bdd54d9e 0s linear forwards;animation-iteration-count:var(--left-join-rate);border-radius:10px;height:auto;width:25%}@keyframes leftJoinItem-bdd54d9e{0%{transform:translate3d(var(--translateX),0,0)}1%{transform:translate3d(calc(var(--translateX)*.5),0,0)}80%{transform:translate3d(calc(var(--translateX)*.5),0,0)}to{transform:translateZ(0)}}.embroidery-design .embroidery-design-container .embroidery-design-images figure img[data-v-bdd54d9e]{border-radius:10px;height:auto;width:100%}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:not(:last-child){margin-right:16px}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:nth-child(2){--translateX:0}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:nth-child(3){--translateX:-15vw}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:nth-child(4){--translateX:-30vw}.embroidery-design .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:nth-child(5){--translateX:-45vw}.embroidery-design .embroidery-design-container p.breaking-p[data-v-bdd54d9e]{display:none}.embroidery-design-warp.animation-none[data-v-bdd54d9e]{--trans-rate:0!important}.embroidery-design-warp.animation-none .embroidery-design[data-v-bdd54d9e]{height:auto;min-height:auto}.embroidery-design-warp.animation-none .embroidery-design-container[data-v-bdd54d9e]{animation:none;display:block;height:auto;position:relative;top:auto}.embroidery-design-warp.animation-none .embroidery-design-container .embroidery-design-images[data-v-bdd54d9e]{--h2-opacity-rate:0!important;--left-join-rate:1!important;height:auto;padding:0 14px}.embroidery-design-warp.animation-none .embroidery-design-container .embroidery-design-images p[data-v-bdd54d9e]{animation:none}.embroidery-design-warp.animation-none .embroidery-design-container .embroidery-design-images figure[data-v-bdd54d9e]:not(:last-child){margin-right:6px}.embroidery-design-warp.animation-none .embroidery-design-container p.breaking-p[data-v-bdd54d9e]{color:#000;display:inline-block;font-family:Roboto-Medium,Roboto;font-size:16px;font-weight:500;line-height:24px;margin-top:24px;padding:0 14px;text-align:center}@media(max-height:768px),(max-width:1640px){.embroidery-design-container[data-v-bdd54d9e]{width:1200px!important}}@media(max-height:600px),(max-width:1240px){.embroidery-design-container[data-v-bdd54d9e]{width:960px!important}}