.intro{position:fixed;top:0;bottom:0;left:0;right:0;background:var(--primary-color);z-index:9999}.intro-enter-active{background:transparent}.intro-enter-active:before{content:"";position:absolute;top:50%;left:50%;width:150px;height:150px;margin-top:-75px;margin-left:-75px;background:var(--primary-color);border-radius:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-animation:enterBackground 1s;animation:enterBackground 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes enterBackground{0%{-webkit-transform:scale(.2);transform:scale(.2)}60%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(80);transform:scale(80)}}@keyframes enterBackground{0%{-webkit-transform:scale(.2);transform:scale(.2)}60%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(80);transform:scale(80)}}.intro-leave-active{-webkit-animation-name:leaveBackground;animation-name:leaveBackground;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes leaveBackground{to{opacity:0}}@keyframes leaveBackground{to{opacity:0}}.intro .logo{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:200px;height:auto}.intro-enter-active .logo{opacity:0;-webkit-animation-name:enterLogo;animation-name:enterLogo;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes enterLogo{0%{opacity:0}to{opacity:1}}@keyframes enterLogo{0%{opacity:0}to{opacity:1}}.intro .logo .path{fill:none;stroke:var(--surface-0)}.intro-enter-active .logo .path,.intro-leave-active .logo .path{-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:enterDraw;animation-name:enterDraw;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.intro .logo .path1{clip-path:url(#clippath1);stroke-width:20;stroke-dasharray:278;stroke-dashoffset:278}.intro .logo .path2{clip-path:url(#clippath2);stroke-width:21;stroke-dasharray:159;stroke-dashoffset:159}.intro .logo .path3{clip-path:url(#clippath2);stroke-width:20;stroke-dasharray:70;stroke-dashoffset:70}.intro .logo .path4{clip-path:url(#clippath3);stroke-width:20;stroke-dasharray:259;stroke-dashoffset:259}.intro .logo .path5{clip-path:url(#clippath4);stroke-width:21;stroke-dasharray:436;stroke-dashoffset:436}.intro .logo .path6{clip-path:url(#clippath5);stroke-width:21;stroke-dasharray:114;stroke-dashoffset:114}.intro .logo .path7{clip-path:url(#clippath6);stroke-width:21;stroke-dasharray:21;stroke-dashoffset:21}.intro .logo .path8{clip-path:url(#clippath7);stroke:var(--secondary-color);stroke-width:30;stroke-dasharray:548;stroke-dashoffset:548}@-webkit-keyframes enterDraw{to{stroke-dashoffset:0}}@keyframes enterDraw{to{stroke-dashoffset:0}}