.jacket-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .8s ease-out,visibility .8s ease-out}.jacket-loader.fade-out{opacity:0;visibility:hidden}.jacket-container{text-align:center;position:relative}.jacket-wrapper{position:relative;width:280px;height:340px;margin:0 auto}.jacket-svg{position:absolute;width:100%;height:100%;top:0;left:0}.jacket-left-panel,.jacket-right-panel{transition:transform 2.5s cubic-bezier(.4,0,.2,1);transform-origin:center center}.jacket-lapel-left,.jacket-lapel-right{transition:opacity .8s ease-out,transform .8s ease-out;transform-origin:center bottom;animation:lapelIntro .6s ease-out .2s both}@keyframes lapelIntro{0%{opacity:0;transform:scale(.8) rotateY(0)}50%{transform:scale(1.05) rotateY(5deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.zipper-track{position:absolute;left:50%;top:15%;width:3px;height:65%;background:linear-gradient(to bottom,#e8e8e8,silver,#a0a0a0,gray,#606060);transform:translate(-50%);border-radius:1px;box-shadow:0 0 6px #ffffff4d,inset 1px 0 1px #fff9,inset -1px 0 1px #0006;opacity:0;animation:showZipper .5s ease-out .5s forwards}.zipper-track:before{content:"";position:absolute;top:0;left:-1px;right:-1px;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 4px,rgba(255,255,255,.8) 4px,rgba(255,255,255,.8) 5px,transparent 5px,transparent 9px);border-radius:1px}.zipper-pull{position:absolute;left:50%;top:15%;width:14px;height:8px;background:linear-gradient(135deg,#f0f0f0,#d0d0d0,#b0b0b0,#909090,#707070);border-radius:4px;transform:translate(-50%);box-shadow:0 2px 8px #0006,inset 0 1px 1px #fffc,inset 0 -1px 1px #0000004d;animation:zipUp 2.5s cubic-bezier(.4,0,.2,1) 1s forwards;z-index:10}.zipper-handle{position:absolute;top:-6px;left:50%;width:4px;height:12px;background:linear-gradient(to bottom,#e0e0e0,silver,#a0a0a0);border-radius:2px;transform:translate(-50%);box-shadow:0 1px 3px #0000004d,inset 0 0 1px #fffc}@keyframes showZipper{0%{opacity:0;transform:translate(-50%) scaleY(0)}to{opacity:1;transform:translate(-50%) scaleY(1)}}@keyframes zipUp{0%{top:75%;opacity:0}15%{opacity:1}to{top:15%;opacity:1}}.jacket-loader.closing .jacket-left-panel{transform:translate(20px)}.jacket-loader.closing .jacket-right-panel{transform:translate(-20px)}.jacket-loader.closing .jacket-lapel-left{opacity:0;transform:rotateY(45deg);transition:opacity .8s ease-out 1.5s,transform .8s ease-out 1.5s}.jacket-loader.closing .jacket-lapel-right{opacity:0;transform:rotateY(-45deg);transition:opacity .8s ease-out 1.5s,transform .8s ease-out 1.5s}.jacket-loader.closing .zipper-track,.jacket-loader.closing .zipper-pull{opacity:0;transition:opacity .3s ease-out 2s}@media (max-width: 768px){.jacket-wrapper{width:240px;height:300px}}@media (max-width: 480px){.jacket-wrapper{width:200px;height:250px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jacket-loader.css.map */