.kc-race{--px:min(100cqw / 200, 100cqh / 110);--krill-w:calc(44 * var(--px));--window-h:calc(66 * var(--px));--pack-top:calc(14 * var(--px));--swing:calc(11 * var(--px));--lap:4.2s;--back:-40%;--level:62%;--ahead:86%;background:linear-gradient(#72e1f4 0 14%,#57d6ef 14% 32%,#3fcbe8 32%);position:absolute;inset:0;overflow:hidden;container-type:size}.kc-race-window{height:var(--window-h);background:linear-gradient(#3fcbe8 0 22%,#2fb6e2 22% 48%,#1fa0d8 48%);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.kc-race-far,.kc-race-floor,.kc-race-streaks{width:calc(100% + var(--run));will-change:transform;display:block;position:absolute;left:0}.kc-race-far{--run:calc(120 * var(--px));bottom:calc(8 * var(--px));height:calc(26 * var(--px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='26' shape-rendering='crispEdges'%3E%3Cpath fill='%2319527a' opacity='.55' d='M0 26V18h4v-4h4v-4h6v2h4v6h6v4h8v-6h4V8h4V4h6v4h2v6h6v4h10v-4h6v-2h6v4h6v6h6v-4h6v-4h6V8h4v6h4v4h8v8z'/%3E%3C/svg%3E") 0 0 / var(--run) 100% repeat-x}.kc-race-floor{--run:calc(288 * var(--px));height:calc(10 * var(--px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='10' shape-rendering='crispEdges'%3E%3Cpath fill='%23d4dcb6' d='M0 2h14v-2h10v2h24v8H0z'/%3E%3Cpath fill='%23fffbe8' d='M2 4h8v2H2zM28 6h10v2H28zM16 0h6v2h-6z'/%3E%3Cpath fill='%232c6a86' opacity='.45' d='M12 8h8v2h-8zM40 4h6v2h-6z'/%3E%3C/svg%3E") 0 0 / calc(48 * var(--px)) 100% repeat-x;bottom:0}.kc-race-streaks{--run:calc(480 * var(--px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='74' shape-rendering='crispEdges'%3E%3Cpath fill='%23d4f7ff' opacity='.55' d='M6 8h22v2H6zM92 16h14v2H92zM48 30h18v2H48zM128 38h20v2h-20zM20 52h12v2H20zM104 58h16v2h-16z'/%3E%3C/svg%3E") 0 100% / calc(160 * var(--px)) calc(74 * var(--px)) repeat;height:100%;top:0}.kc-race-pack{transform-style:preserve-3d;display:block;position:absolute;inset:0}.kc-race-lane{left:calc(6 * var(--px));right:calc(var(--krill-w) + 6 * var(--px));top:var(--pack-top);transform:translateX(var(--seat));transform-style:preserve-3d;will-change:transform;display:block;position:absolute}.kc-race-lane:first-child,.kc-race-dust:first-child{--go:0s;--seat:62%;--rise:-1}.kc-race-lane:nth-child(2),.kc-race-dust:nth-child(2){--go:-1.4s;--seat:34%;--rise:.4}.kc-race-lane:nth-child(3),.kc-race-dust:nth-child(3){--go:-2.8s;--seat:6%;--rise:1}.kc-race-swim{width:var(--krill-w);transform:translateY(calc(var(--swing) * var(--rise)));will-change:transform;display:block;position:relative}.kc-race-dusts,.kc-race-dust{display:block;position:absolute;inset:0}.kc-race-dust i{--height:-1;--when:0s;left:calc(6 * var(--px) + (100% - var(--krill-w) - 12 * var(--px)) * var(--share));top:calc(var(--pack-top) + var(--krill-w) * .32 + var(--swing) * var(--height));width:calc(4 * var(--px));height:calc(4 * var(--px));box-shadow:calc(5 * var(--px)) calc(-4 * var(--px)) 0 0 #d4dcb6, calc(-5 * var(--px)) calc(3 * var(--px)) 0 var(--px) #d4dcb6, calc(7 * var(--px)) calc(5 * var(--px)) 0 var(--px) #fffbe8, calc(-3 * var(--px)) calc(-6 * var(--px)) 0 0 #fffbe8, calc(-8 * var(--px)) calc(-2 * var(--px)) 0 0 #d4dcb6;opacity:0;background:#fffbe8;position:absolute}.kc-race-dust i:first-child{--share:.06;--when:calc(var(--lap) * .02)}.kc-race-dust i:nth-child(2){--share:.62;--height:-.45;--when:calc(var(--lap) * .2)}.kc-race-krill{width:var(--krill-w);aspect-ratio:22/14;display:block;position:relative}.kc-race-legs+.kc-race-legs{opacity:0}.kc-race-wake{left:0;top:calc(5 * var(--px));width:0;height:calc(18 * var(--px));opacity:.35;display:block;position:absolute}.kc-race-wake i{width:calc(4 * var(--px));height:calc(4 * var(--px));background:#e8f9ff;position:absolute;right:0}.kc-race-wake i:first-child{width:calc(6 * var(--px));height:calc(6 * var(--px));top:0}.kc-race-wake i:nth-child(2){top:calc(13 * var(--px))}.kc-race-wake i:nth-child(3){top:calc(6 * var(--px))}.kc-race-wake i:nth-child(4){top:calc(16 * var(--px));width:calc(6 * var(--px));height:calc(6 * var(--px))}.kc-race-wake i:nth-child(5){top:calc(3 * var(--px))}.kc-race-wake i:nth-child(6){top:calc(10 * var(--px));width:calc(16 * var(--px));height:calc(2 * var(--px))}.kc-race-wake i:nth-child(7){top:calc(19 * var(--px));width:calc(10 * var(--px));height:calc(2 * var(--px))}.kc-race-judge{right:calc(14 * var(--px));bottom:calc(var(--window-h) + 2 * var(--px));pointer-events:none;display:block;position:absolute}.kc-race-judge .kb-mark{width:calc(40 * var(--px));height:auto}@media (prefers-reduced-motion:no-preference){.kc-race-far,.kc-race-floor,.kc-race-streaks{animation:kc-race-by calc(var(--lap) / 3) calc(var(--lap) * -.1333) linear infinite}.kc-race-lane{animation:kc-race-dash var(--lap) var(--go) linear infinite}.kc-race-swim{animation:kc-race-cross var(--lap) var(--go) linear infinite}.kc-race-dust i{animation:kc-race-puff var(--lap) calc(var(--go) + var(--when)) steps(1, end) infinite}.kc-race-krill{animation:kc-race-stroke .48s var(--go) steps(1, end) infinite}.kc-race-legs{animation:.3s step-end infinite kc-race-glide}.kc-race-legs+.kc-race-legs{animation-name:kc-race-kick}.kc-race-wake{animation:kc-race-wake var(--lap) var(--go) steps(1, end) infinite}.kc-race-wake i{animation:.6s steps(6,end) infinite kc-race-bubble}.kc-race-wake i:nth-child(2){animation-delay:-.1s}.kc-race-wake i:nth-child(3){animation-delay:-.2s}.kc-race-wake i:nth-child(4){animation-delay:-.3s}.kc-race-wake i:nth-child(5){animation-delay:-.4s}.kc-race-wake i:nth-child(6){animation-duration:.4s}.kc-race-wake i:nth-child(7){animation-duration:.4s;animation-delay:-.2s}}[data-card-still] .kc-race *{animation-play-state:paused}@keyframes kc-race-by{0%{animation-timing-function:cubic-bezier(.25,.75,.6,.85);transform:translate(0)}38%{transform:translateX(calc(-.62 * var(--run)))}to{transform:translateX(calc(-1 * var(--run)))}}@keyframes kc-race-dash{0%{transform:translateX(var(--back));animation-timing-function:cubic-bezier(.16,.84,.3,1)}13%,20%{transform:translateX(var(--level));animation-timing-function:cubic-bezier(.2,.8,.3,1)}27%{transform:translateX(var(--ahead));animation-timing-function:ease-in-out}53%{transform:translateX(var(--level));animation-timing-function:cubic-bezier(.5,0,.8,.6)}84%,to{transform:translateX(var(--back))}}@keyframes kc-race-cross{0%{transform:translate3d(0, calc(-1 * var(--swing)), 1px);animation-timing-function:ease-in-out}50%{transform:translate3d(0, var(--swing), 1px);animation-timing-function:step-end}50.01%{transform:translate3d(0, var(--swing), -1px);animation-timing-function:ease-in-out}99.99%{transform:translate3d(0, calc(-1 * var(--swing)), -1px);animation-timing-function:step-end}to{transform:translate3d(0, calc(-1 * var(--swing)), 1px)}}@keyframes kc-race-puff{0%{opacity:1;transform:translate(0)scale(.6)}2.5%{opacity:1;transform:translateX(calc(-14 * var(--px))) scale(1)}5%{opacity:.85;transform:translateX(calc(-32 * var(--px))) scale(1.5)}7.5%{opacity:.6;transform:translateX(calc(-54 * var(--px))) scale(2)}10%{opacity:.3;transform:translateX(calc(-80 * var(--px))) scale(2.4)}12.5%,to{opacity:0;transform:translateX(calc(-110 * var(--px))) scale(2.4)}}@keyframes kc-race-stroke{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-2 * var(--px)))}}@keyframes kc-race-glide{0%{opacity:1}50%,to{opacity:0}}@keyframes kc-race-kick{0%{opacity:0}50%,to{opacity:1}}@keyframes kc-race-wake{0%{opacity:1}48%{opacity:.35}}@keyframes kc-race-bubble{0%{transform:translateX(calc(4 * var(--px)))}to{transform:translateX(calc(-38 * var(--px)));opacity:0}}