<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">jacket-animation{display:block;overflow:hidden}.jacket-animation .page-width{display:flex;align-items:flex-end}.jacket-animation .left-item{padding:11.82vw 0 13.02vw;flex:1;max-width:52%}.jacket-animation h2{display:inline-block}.jacket-animation .icon-list{display:inline-flex;margin:0;justify-content:stretch}.jacket-animation h2:not(.np-section-title)+.icon-list{margin-top:35px}.jacket-animation .icon-list .icon-item{padding:0 clamp(15px,1.56vw,30px);position:relative;flex:1;height:auto}.jacket-animation .icon-list .icon-item:before{display:block;content:"";width:1px;height:clamp(15px,23%,38px);position:absolute;top:90%;left:0;background-color:#ffffff80;transform:translateY(-100%)}.jacket-animation .icon-list .icon-item:first-child{padding-left:0}.jacket-animation .icon-list .icon-item:first-child:before{display:none}.jacket-animation .icon-list .icon-item:last-child{padding-right:0}.jacket-animation .icon-list .icon-title{margin-top:clamp(10px,1.04vw,20px);font-family:var(--fonts-body)}.jacket-animation .icon-list .icon-title span{display:inline-block;margin-right:clamp(8px,.63vw,12px)}.jacket-animation .icon-list .icon-desc{margin-top:clamp(10px,1.04vw,20px);line-height:1.25;font-weight:460}.jacket-animation .icon-list svg{width:clamp(50px,3.13vw,60px);height:clamp(50px,3.13vw,60px)}.jacket-animation .right-item{width:clamp(36%,36.04vw,692px);position:relative;margin:0 auto}.jacket-animation .right-image{position:relative}.jacket-animation .image-1{margin-bottom:-38.4%}.jacket-animation .image-2,.jacket-animation .image-3{position:absolute;bottom:0;left:50%;width:100%;height:100%;transform:translate(-50%)}.jacket-animation .image-3{opacity:0}.jacket-animation .image-1,.jacket-animation .image-2{opacity:1}@media only screen and (min-width: 1921px){.jacket-animation .left-item{max-width:50%}}@media only screen and (max-width: 1100px){.jacket-animation .left-item{max-width:60%}}@media only screen and (max-width: 1000px){.jacket-animation .icon-list .icon-item{padding:0 10px}.jacket-animation .icon-list .icon-title{font-size:14px}.jacket-animation .icon-list .icon-desc{font-size:12px}}@media only screen and (max-width: 590px){.jacket-animation .page-width{flex-direction:column;padding-top:25px;padding-bottom:25px}.jacket-animation .np-section-title.text-60{margin-bottom:0}.jacket-animation h2{margin:0 auto}.jacket-animation .left-item{padding:0;order:2;max-width:100%}.jacket-animation .icon-list .icon-title span{display:block;width:100%;margin-right:0}.jacket-animation .icon-list .icon-item:before{display:none}.jacket-animation .right-item{width:70%}.jacket-animation .image-1{margin-bottom:0}.jacket-animation .icon-list .icon-item{padding:0 5px}}.jacket-animation .right-image{transition:all 1.2s ease-in-out}.jacket-animation [data-step="1"] .image-1{transform:translate(75%)}.jacket-animation [data-step="2"] .image-1{transform:translate(0)}.jacket-animation [data-step="3"] .image-1,.jacket-animation [data-step="3"] .image-2{opacity:0}.jacket-animation [data-step="3"] .image-3{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-3in1-jacket-animation.css.map */
</pre></body></html>