.intro-64{animation: kf_5_64_opacity_0 2.5s linear, kf_5_64_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes kf_5_64_opacity_0 { 0% { opacity: 0; } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 21.6% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_5_64_translate_0 { 0% { translate: -507px 0px; } 20% { animation-timing-function: ease-out; translate: -507px 0px; } 46% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro-65{animation: kf_5_65_opacity_0 2.5s linear, kf_5_65_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes kf_5_65_opacity_0 { 0% { opacity: 0; } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 21.6% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_5_65_translate_0 { 0% { translate: 0px 36px; } 20% { animation-timing-function: ease-out; translate: 0px 36px; } 46% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro-81{animation: kf_5_81_opacity_0 2.5s linear, kf_5_81_scale_0 2.5s linear, kf_5_81_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes kf_5_81_opacity_0 { 0% { opacity: 0; } 50% { opacity: 0; } 51.2% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_5_81_scale_0 { 0% { scale: 1 0.04; } 50% { scale: 1 0.04; } 51.6% { scale: 1 0.222; } 53.2% { scale: 1 0.413; } 54.8% { scale: 1 0.57; } 56.4% { scale: 1 0.694; } 58% { scale: 1 0.788; } 59.6% { scale: 1 0.858; } 61.2% { scale: 1 0.908; } 62.8% { scale: 1 0.943; } 64.4% { scale: 1 0.966; } 66% { scale: 1 0.981; } 67.6% { scale: 1 0.99; } 69.2% { scale: 1 0.995; } 70.8% { scale: 1 0.998; } 72.4% { scale: 1 0.999; } 74% { scale: 1 1; } 75.6% { scale: 1 1; } 77.2% { scale: 1 1; } 78.8% { scale: 1 1; } 80.4% { scale: 1 1; } 100% { scale: 1 1; } } @keyframes kf_5_81_translate_0 { 0% { translate: 0px 35.827px; } 50% { translate: 0px 35.827px; } 51.6% { translate: 0px 32.983px; } 53.2% { translate: 0px 29.091px; } 54.8% { translate: 0px 25.026px; } 56.4% { translate: 0px 21.062px; } 58% { translate: 0px 17.373px; } 59.6% { translate: 0px 14.06px; } 61.2% { translate: 0px 11.164px; } 62.8% { translate: 0px 8.69px; } 64.4% { translate: 0px 6.619px; } 66% { translate: 0px 4.919px; } 67.6% { translate: 0px 3.55px; } 69.2% { translate: 0px 2.471px; } 70.8% { translate: 0px 1.643px; } 72.4% { translate: 0px 1.029px; } 74% { translate: 0px 0.593px; } 75.6% { translate: 0px 0.303px; } 77.2% { translate: 0px 0.127px; } 78.8% { translate: 0px 0.038px; } 80.4% { translate: 0px 0.005px; } 82% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro-92{animation: kf_5_92_opacity_0 2.5s linear, kf_5_92_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: forwards; }
@keyframes kf_5_92_opacity_0 { 0% { opacity: 0; } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 21.6% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_5_92_translate_0 { 0% { translate: -507px 0px; } 20% { animation-timing-function: ease-out; translate: -507px 0px; } 46% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
@media(max-width:560px){.intro-art{--intro-scale:.6}}
.read-the-race{position:absolute;left:50%;bottom:44px;width:187.88px;height:85.62px;transform:translateX(-50%);animation:read-enter .65s ease-out 2.5s both}
.read-label{position:absolute;left:0;top:0;display:block}
.read-mark{position:absolute;left:89.582px;top:35.986px;display:block}
.read-the-race img{display:block;max-width:none}
@keyframes read-enter{from{opacity:0;translate:0 -28px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.read-the-race{animation:none}}
@media(prefers-reduced-motion:reduce){.intro-layer{animation:none!important;opacity:1;translate:none;scale:none}}