:root{--ease-arrive:cubic-bezier(.22, 1, .36, 1);--rise-words:24px;--rise-picture:40px}@media (max-width:639px){:root{--rise-words:16px;--rise-picture:24px}}.arrive,.arrive-picture{transition:opacity .56s var(--ease-arrive), transform .7s var(--ease-arrive);transition-delay:calc(var(--arrive-i,0) * .12s)}.arrive-picture{transition-duration:.72s,.9s}[data-arrive=pending] .arrive{opacity:0;transform:translateY(var(--rise-words))}[data-arrive=pending] .arrive-picture{opacity:0;transform:translateY(var(--rise-picture))}@keyframes arrive-words{0%{opacity:0;transform:translateY(var(--rise-words))}to{opacity:1;transform:none}}@keyframes arrive-picture{0%{opacity:0;transform:translateY(var(--rise-picture))}to{opacity:1;transform:none}}.arrive-load{animation:arrive-words .7s var(--ease-arrive) both;animation-delay:calc(var(--arrive-i,0) * .12s)}.arrive-load-picture{animation:arrive-picture .9s var(--ease-arrive) both;animation-delay:calc(var(--arrive-i,0) * .12s)}@keyframes play-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes play-in-x{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes play-fade{0%{opacity:0}to{opacity:1}}@keyframes play-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes play-mark{0%{box-shadow:0 0 #1f4fa800}to{box-shadow:0 0 0 1.5px #1f4fa8}}@keyframes play-wipe{0%{background-size:0% 100%}to{background-size:100% 100%}}[data-play=off] :is(.play-step,.play-slide,.play-fade,.play-type){opacity:0}[data-play=on] .play-step,[data-play=load] .play-step{animation:play-in .5s var(--ease-arrive) both;animation-delay:var(--play-at,0s)}[data-play=on] .play-slide,[data-play=load] .play-slide{animation:play-in-x .7s var(--ease-arrive) both;animation-delay:var(--play-at,0s)}[data-play=on] .play-fade,[data-play=load] .play-fade{animation:play-fade .4s var(--ease-arrive) both;animation-delay:var(--play-at,0s)}[data-play=on] .play-type,[data-play=load] .play-type{animation:play-type var(--play-for,1.2s) steps(var(--play-steps,40), end) both;animation-delay:var(--play-at,0s)}.play-mark{box-shadow:0 0 0 1.5px #1f4fa8}[data-play=off] .play-mark{box-shadow:none}[data-play=on] .play-mark,[data-play=load] .play-mark{animation:play-mark .3s var(--ease-arrive) both;animation-delay:var(--play-at,0s)}.play-wipe{background-image:linear-gradient(#1f4fa81f,#1f4fa81f);background-repeat:no-repeat;background-size:100% 100%}[data-play=off] .play-wipe{background-size:0% 100%}[data-play=on] .play-wipe,[data-play=load] .play-wipe{animation:play-wipe .6s var(--ease-arrive) both;animation-delay:var(--play-at,0s)}@keyframes switch-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.switch-progress{transform-origin:0;animation:switch-progress var(--switch-for,8s) linear both}.switch-progress[data-running=false]{animation-play-state:paused}.switch-picture{transition:opacity .4s var(--ease-arrive)}@keyframes menu-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes bar-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arrive,.arrive-picture,.switch-picture{transition:none}[data-arrive=pending] :is(.arrive,.arrive-picture){opacity:1;transform:none}.arrive-load,.arrive-load-picture,[data-play] :is(.play-step,.play-slide,.play-fade,.play-type,.play-mark,.play-wipe){opacity:1;clip-path:none;animation:none}[data-play=off] .play-mark{box-shadow:0 0 0 1.5px #1f4fa8}[data-play=off] .play-wipe{background-size:100% 100%}.switch-progress{animation:none;display:none}}