@keyframes cs-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cs-slide{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes cs-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cs-fillY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-shine{0%{transform:translate(-120%) skew(-18deg);opacity:1}to{transform:translate(320%) skew(-18deg);opacity:1}}@keyframes cs-pulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes cs-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes cs-doc{0%{transform:translate(-18px);opacity:0}to{transform:none;opacity:1}}@keyframes cs-out{0%{transform:none;opacity:1}to{transform:translate(-14px);opacity:0}}@keyframes cs-in{0%{transform:translate(14px);opacity:0}to{transform:none;opacity:1}}@keyframes cs-draw{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes cs-gauge{0%{transform:rotate(-80deg)}to{transform:rotate(0)}}.cs-play .cs-a-rise{animation:cs-rise .6s ease-out both}.cs-play .cs-a-slide{animation:cs-slide .45s ease-out both}.cs-play .cs-a-pop{animation:cs-pop .35s ease-out both}.cs-play .cs-a-fill{transform-origin:left;animation:cs-fill .45s ease-out both}.cs-play .cs-a-fade{animation:cs-fade .4s ease-out both}.cs-play .cs-a-bar{transform-box:fill-box;transform-origin:bottom;animation:cs-bar .35s ease-out both}.cs-play .cs-a-doc{animation:cs-doc .6s ease-out both}.cs-play .cs-a-out{animation:cs-out .4s ease-in both}.cs-play .cs-a-in{animation:cs-in .4s ease-out both}.cs-play .cs-a-draw{stroke-dasharray:40;animation:cs-draw .6s ease-out both}.cs-play .cs-a-gauge{transform-box:view-box;animation:cs-gauge .9s cubic-bezier(.2,.8,.2,1) both}.cs-play .cs-a-pulse{animation:cs-pulse .5s ease-out both}.cs-play .cs-a-line-x{transform-origin:left;animation:cs-fill .5s linear both}.cs-play .cs-a-line-y{transform-origin:top;animation:cs-fillY .5s linear both}.cs-out-rest{opacity:0}.cs-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.cs-card-shine:after{content:"";position:absolute;top:0;bottom:0;width:30%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.cs-play .cs-card-shine:after{animation:cs-shine 1.1s ease-in-out 2.1s both}.cs-row{transition:transform .2s ease,background-color .2s ease}.cs-row:hover{transform:translateY(-2px);background-color:#ffffff0d}.cs-life{display:grid;grid-template-columns:1fr;gap:28px;position:relative}.cs-life-item{position:relative;display:grid;grid-template-columns:28px 1fr;gap:16px;align-items:start;align-content:start}.cs-life-conn{position:absolute;left:13px;top:14px;width:2px;height:calc(100% + 28px)}@media (min-width: 768px){.cs-life{grid-template-columns:repeat(5,1fr);gap:0}.cs-life-item{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:0 10px}.cs-life-conn{left:50%;top:13px;height:2px;width:100%}.cs-play .cs-life-conn.cs-a-line-y{animation-name:cs-fill;transform-origin:left}}.cs-ba-row{display:grid;grid-template-columns:1fr}@media (min-width: 768px){.cs-ba-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.cs-play *,.cs-play *:after{animation:none!important;transition:none!important}.cs-row:hover{transform:none}}