@media screen and (min-width:769px){.joe-flyin_title{color:#121212;margin:0 min(20.3125vw,287.5px);font-family:Lexend;font-weight:700;font-size:min(3.125vw,50px);line-height:min(calc(46/1280*100vw),calc(46/1280*1600px));text-align:center;margin-bottom:min(calc(22/1280*100vw),calc(22/1280*1600px))}.joe-flyin_sub-title{color:#63635f;margin:0 min(21.09375vw,287.5px);font-family:Lexend;font-weight:400;font-size:min(1.25vw,20px);line-height:min(calc(24/1280*100vw),calc(24/1280*1600px));text-align:center;margin-bottom:min(calc(48/1280*100vw),calc(48/1280*1600px))}}@media screen and (max-width:768px){.joe-flyin_title{color:#121212;margin:0 15px;font-family:Lexend;font-weight:600;font-size:24px;line-height:32px;text-align:center;margin-bottom:4.8vw}.joe-flyin_sub-title{color:#63635f;margin:0 15px;font-family:Lexend;font-weight:400;font-size:12px;line-height:20px;text-align:center;margin-bottom:9.8vw}.joe-flyin_wrapper img{width:100%;height:auto;display:block;border-radius:3px}}.joe-flyin_wrapper img{width:100%;height:auto;display:block;border-radius:min(.78125vw,12.5px)}.joe-flyin_wrapper svg{display:block;width:100%;height:auto}.joe-flyin_img{box-shadow:0 min(.3125vw,5px) min(.3125vw,5px) 0 #00000040}.flyin_img-1,.flyin_img-2,.flyin_img-3,.flyin_img-4{overflow:hidden;border-radius:min(.78125vw,12.5px)}@media screen and (min-width:200px){.joe-flyin_wrapper{max-width:1600px;margin:0 auto}.joe-flyin_items{position:relative;overflow:hidden;width:100%;aspect-ratio:1600 / 912}.joe-flyin_images{position:absolute;top:0;left:0;width:100%;height:100%}.joe-flyin_images .flyin_img-1,.joe-flyin_images .flyin_img-2,.joe-flyin_images .flyin_img-3{border-radius:min(.78125vw,12.5px)}.joe-flyin_images .joe-flyin_images img{display:block;width:100%;height:auto;object-fit:cover;border-radius:min(.78125vw,12.5px)}.joe-flyin_images .flyin_img-1{position:absolute;width:min(calc(493/1280*100vw),616.25px);max-width:min(calc(493/1280*100vw),616.25px);aspect-ratio:493 / 277;top:min(calc(9/1280*100vw),11.25px);left:min(calc(227/1280*100vw),calc(227/1280*1600px));opacity:0;transform:translate(var(--tx));will-change:transform,opacity}.joe-flyin_images .flyin_img-2{position:absolute;width:min(calc(215/1280*100vw),268.75px);max-width:min(calc(215/1280*100vw),268.75px);aspect-ratio:217 / 335;top:min(calc(44/1280*100vw),calc(44/1280*1600px));right:min(calc(281/1280*100vw),351.25px);opacity:0;transform:translate(var(--tx));will-change:transform,opacity;z-index:1}.joe-flyin_images .flyin_img-3{position:absolute;width:min(18.75vw,300px);max-width:min(18.75vw,300px);aspect-ratio:240 / 287;left:min(calc(259/1280*100vw),323.75px);top:min(calc(331/1280*100vw),413.75px);opacity:0;transform:translate(var(--tx));will-change:transform,opacity}.joe-flyin_images .flyin_img-4{position:absolute;width:min(34.0625vw,545px);max-width:min(34.0625vw,545px);aspect-ratio:436 / 335;top:min(27.65625vw,442.5px);right:min(calc(227/1280*100vw),calc(227/1280*1600px));opacity:0;transform:translate(var(--tx));will-change:transform,opacity}.joe-flyin_images .joe-flyin_img.from-left{--tx: -120%}.joe-flyin_images .joe-flyin_img.from-right{--tx: 120%}.joe-flyin_colors{position:absolute;top:0;left:0;width:100%;height:100%}.joe-flyin_colors .joe-flyin_colors img{display:block;width:100%;height:auto;object-fit:cover}.joe-flyin_colors .flyin_color-1{position:absolute;width:min(9.53125vw,152.5px);max-width:min(9.53125vw,152.5px);aspect-ratio:122 / 141;top:min(calc((75 - (var(--j) - 1) * 14)/1280*100vw),calc((75 - (var(--j) - 1) * 14)/1280*1600px));left:min(10.3125vw,165px);opacity:0;transform:translate(var(--tx));will-change:transform,opacity;border-radius:min(.78125vw,12.5px);overflow:hidden}.joe-flyin_colors .flyin_color-2{position:absolute;width:min(9.53125vw,152.5px);max-width:min(9.53125vw,152.5px);aspect-ratio:122 / 141;top:min(calc((415 - (var(--j) - 1) * 14)/1280*100vw),calc((415 - (var(--j) - 1) * 14)/1280*1600px));right:min(calc(151/1280*100vw),calc(151/1280*1600px));opacity:0;transform:translate(var(--tx));will-change:transform,opacity;border-radius:min(.78125vw,12.5px);overflow:hidden}.joe-flyin_colors .flyin_color-3{position:absolute;width:min(9.53125vw,152.5px);max-width:min(9.53125vw,152.5px);aspect-ratio:122 / 141;top:min(calc((580 - (var(--j) - 1) * 14)/1280*100vw),calc((580 - (var(--j) - 1) * 14)/1280*1600px));left:min(41.40625vw,662.5px);opacity:0;transform:translate(var(--tx));will-change:transform,opacity;border-radius:min(.78125vw,12.5px);overflow:hidden}.joe-flyin_colors .joe-flyin_color.from-left{--tx: -120%}.joe-flyin_colors .joe-flyin_color.from-right{--tx: 120%}.joe-flyin_svgs{position:absolute;top:0;left:0;width:100%;height:100%}.joe-flyin_svgs .joe-flyin_svgs img{display:block;width:100%;height:auto;object-fit:cover}.joe-flyin_svgs .flyin_svg-1{position:absolute;width:min(calc(63/1280*100vw),calc(63/1280*1600px));max-width:min(calc(63/1280*100vw),calc(63/1280*1600px));top:min(23.4375vw,375px);left:min(calc(151/1280*100vw),calc(151/1280*1600px));opacity:0}.joe-flyin_svgs .flyin_svg-1_2{position:absolute;width:min(calc(17/1280*100vw),calc(17/1280*1600px));max-width:min(calc(17/1280*100vw),calc(17/1280*1600px));top:min(calc(232/1280*100vw),calc(232/1280*1600px));left:min(14.0625vw,225px);opacity:1}.joe-flyin_svgs .flyin_svg-2{position:absolute;width:min(calc(131/1280*100vw),calc(131/1280*1600px));max-width:min(calc(131/1280*100vw),calc(131/1280*1600px));top:min(calc(417/1280*100vw),521.25px);left:min(11.71875vw,187.5px);opacity:0}.joe-flyin_svgs .flyin_svg-2_2{position:absolute;width:min(calc(55/1280*100vw),68.75px);max-width:min(calc(55/1280*100vw),68.75px);top:min(calc(477/1280*100vw),596.25px);left:min(calc(213/1280*100vw),266.25px);opacity:1}.joe-flyin_svgs .flyin_svg-3{position:absolute;width:min(calc(49/1280*100vw),calc(49/1280*1600px));max-width:min(calc(49/1280*100vw),calc(49/1280*1600px));top:min(calc(409/1280*100vw),550px);left:min(40.625vw,650px);opacity:0}.joe-flyin_svgs .flyin_svg-3_2{position:absolute;width:min(2.5vw,40px);max-width:min(2.5vw,40px);top:min(37.5vw,625px);left:min(41.875vw,670px);opacity:1}.joe-flyin_svgs .flyin_svg-4{position:absolute;width:min(calc(59/1280*100vw),73.75px);max-width:min(calc(59/1280*100vw),73.75px);top:min(calc(93/1280*100vw),calc(93/1280*1600px));left:min(calc(1038/1280*100vw),calc(1038/1280*1600px));opacity:0}.joe-flyin_svgs .flyin_svg-4_2{position:absolute;width:min(calc(55/1280*100vw),68.75px);max-width:min(calc(55/1280*100vw),68.75px);top:min(calc(153/1280*100vw),191.25px);left:min(calc(988/1280*100vw),calc(988/1280*1600px));opacity:1;z-index:2;padding:min(calc(1/1280*100vw),1.25px)}.joe-flyin_svgs .flyin_svg-5{position:absolute;width:min(4.375vw,70px);max-width:min(4.375vw,70px);top:min(21.875vw,350px);left:min(85.3125vw,1365px);opacity:0}.joe-flyin_svgs .flyin_svg-5_2{position:absolute;width:min(calc(16.8/1280*100vw),calc(16.8/1280*1600px));max-width:min(calc(16.8/1280*100vw),calc(16.8/1280*1600px));top:min(26.5625vw,425px);left:min(calc(1093/1280*100vw),calc(1093/1280*1600px));opacity:1}.joe-flyin_svgs .flyin_svg-1 path,.joe-flyin_svgs .flyin_svg-2 path,.joe-flyin_svgs .flyin_svg-3 path,.joe-flyin_svgs .flyin_svg-4 path,.joe-flyin_svgs .flyin_svg-5 path{stroke-dasharray:1;stroke-dashoffset:1;opacity:1;transition:stroke-dashoffset 0s}}@media screen and (max-width:758px){.joe-flyin_img{box-shadow:none}.flyin_img-1,.flyin_img-2,.flyin_img-3,.flyin_img-4{border-radius:3px!important;overflow:hidden}.flyin_color-1,.flyin_color-2,.flyin_color-3{border-radius:3px!important}.joe-flyin_svgs{position:absolute;top:0;left:0;width:100%;height:100%}.joe-flyin_svgs .joe-flyin_svgs img{display:block;width:100%;height:auto;object-fit:cover}.joe-flyin_svgs .flyin_svg-1{position:absolute;width:4.6vw;max-width:63px;top:min(22vw,300px);left:min(11.7vw,151px);opacity:0}.joe-flyin_svgs .flyin_svg-1_2{position:absolute;width:1.3vw;max-width:17px;top:min(17vw,232px);left:min(13.7vw,180px);opacity:1;padding:.1px}.joe-flyin_svgs .flyin_svg-2{position:absolute;width:10.2vw;max-width:131px;top:min(33.5vw,417px);left:min(11.7vw,150px);opacity:0}.joe-flyin_svgs .flyin_svg-2_2{position:absolute;width:4.2vw;max-width:55px;top:min(38.5vw,477px);left:min(16.6vw,213px);opacity:1;padding:1px}.joe-flyin_svgs .flyin_svg-3{position:absolute;width:3.8vw;max-width:49px;top:min(32.9vw,409px);left:min(40.6vw,520px);opacity:0}.joe-flyin_svgs .flyin_svg-3_2{position:absolute;width:2.5vw;max-width:55px;top:min(37.9vw,480px);left:min(41.8vw,536px);opacity:1}.joe-flyin_svgs .flyin_svg-4{position:absolute;width:4.6vw;max-width:59px;top:min(8.2vw,93px);left:min(81vw,1038px);opacity:0}.joe-flyin_svgs .flyin_svg-4_2{position:absolute;width:4.2vw;max-width:55px;top:min(13.2vw,153px);left:min(77vw,988px);opacity:1;z-index:2;padding:1px}.joe-flyin_svgs .flyin_svg-4_2 svg{display:block;width:100%;height:auto;margin:1px}.joe-flyin_svgs .flyin_svg-5{position:absolute;width:5.3vw;max-width:56px;top:min(21.8vw,280px);left:min(85vw,1092px);opacity:0}.joe-flyin_svgs .flyin_svg-5_2{position:absolute;width:1.3vw;max-width:16.8px;top:min(27.8vw,340px);left:min(85.3vw,1093px);opacity:1}.joe-flyin_svgs .flyin_svg-1 path,.joe-flyin_svgs .flyin_svg-2 path,.joe-flyin_svgs .flyin_svg-3 path,.joe-flyin_svgs .flyin_svg-4 path,.joe-flyin_svgs .flyin_svg-5 path{stroke-dasharray:1;stroke-dashoffset:1;opacity:1;transition:stroke-dashoffset 0s}.joe-flyin_wrapper{max-width:1600px;margin:0 auto}.joe-flyin_items{position:relative;overflow:hidden;width:100%;aspect-ratio:1600 / 912}.joe-flyin_images,.joe-flyin_colors,.joe-flyin_svgs{position:absolute;top:0;left:0;width:100%;height:100%}.joe-flyin_wrapper svg{display:block;width:100%;height:auto}.joe-flyin_colors img{display:block;width:100%;height:auto;object-fit:cover}.joe-flyin_images img{display:block;width:100%;height:auto;object-fit:cover;border-radius:3px}.joe-flyin_svgs img{display:block;width:100%;height:auto;object-fit:cover}}.joe-flyin_container.in-view .flyin_img-1,.joe-flyin_container.in-view .flyin_img-2,.joe-flyin_container.in-view .flyin_img-3,.joe-flyin_container.in-view .flyin_img-4{animation:flyIn .6s ease-out forwards;animation-delay:calc(var(--i) * .3s)}.joe-flyin_container.in-view .flyin_color-1,.joe-flyin_container.in-view .flyin_color-2,.joe-flyin_container.in-view .flyin_color-3,.joe-flyin_container.in-view .flyin_color-4{animation:flyIn .6s ease-out forwards;animation-delay:calc(1.2s + var(--i) * .4s + var(--j) * .1s)}.joe-flyin_container.in-view .flyin_svg-1,.joe-flyin_container.in-view .flyin_svg-2,.joe-flyin_container.in-view .flyin_svg-3,.joe-flyin_container.in-view .flyin_svg-4,.joe-flyin_container.in-view .flyin_svg-5{animation:flyIn .3s ease-out forwards;animation-delay:calc(1.2s + 1.6s + var(--i) * .4s + (2 - var(--j)) * .3s)}.joe-flyin_container.in-view .flyin_svg-1 path,.joe-flyin_container.in-view .flyin_svg-2 path,.joe-flyin_container.in-view .flyin_svg-3 path,.joe-flyin_container.in-view .flyin_svg-4 path,.joe-flyin_container.in-view .flyin_svg-5 path{animation:drawPath .6s ease-out forwards;animation-delay:calc(1.2s + 1.6s + var(--i) * .4s + (2 - var(--j)) * .3s)}@keyframes flyIn{to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes drawPath{to{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/joe-flyin.css.map */