@property --beat-dx{syntax:"<length>";inherits:false;initial-value:0}@property --beat-dy{syntax:"<length>";inherits:false;initial-value:0}@property --beat-rise{syntax:"<length>";inherits:false;initial-value:0}.beat-in{--beat-rise:4px;animation-name:beat-in;animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.beat-on{animation-name:beat-on;animation-duration:.4s;animation-timing-function:ease-out;animation-fill-mode:both}.beat-pop{transform-origin:50%;transform-box:fill-box;animation-name:beat-pop;animation-duration:.42s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.beat-until{opacity:0;animation-name:beat-until;animation-timing-function:linear;animation-fill-mode:both}.beat-flash{opacity:0;animation-name:beat-flash;animation-timing-function:linear;animation-fill-mode:both}.beat-packet{--beat-dx:48px;opacity:0;animation-name:beat-packet;animation-duration:.8s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.beat-drop{--beat-dy:-12px;animation-name:beat-drop;animation-duration:.5s;animation-timing-function:cubic-bezier(.34,1.4,.64,1);animation-fill-mode:both}.beat-lid{--beat-dy:-12px;animation-name:beat-lift,beat-drop;animation-duration:.4s,.6s;animation-timing-function:cubic-bezier(.5,0,.75,0),cubic-bezier(.34,1.4,.64,1);animation-fill-mode:both,forwards}.beat-squash{transform-box:view-box;animation-name:beat-squash;animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:forwards}.beat-scan{--beat-dy:-40px;opacity:0;animation-name:beat-scan;animation-timing-function:linear;animation-fill-mode:both}.beat-ripple{opacity:0;transform-box:view-box;animation-name:beat-ripple;animation-duration:1.4s;animation-timing-function:cubic-bezier(.2,.6,.3,1);animation-fill-mode:forwards}.beat-ping{opacity:0;transform-origin:50%;transform-box:fill-box;animation-name:beat-ping;animation-duration:1.4s;animation-timing-function:cubic-bezier(0,0,.2,1);animation-iteration-count:2;animation-fill-mode:forwards}.beat-state{opacity:0;animation-name:beat-up,beat-out;animation-duration:.35s,.2s;animation-timing-function:cubic-bezier(.2,.7,.2,1),cubic-bezier(.4,0,1,1);animation-fill-mode:both,forwards}.beat-grow,.beat-grow-y{transform-box:fill-box;animation-duration:.9s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.beat-grow{transform-origin:0;animation-name:beat-grow}.beat-grow-y{transform-origin:bottom;animation-name:beat-grow-y}.beat-spin{transform-origin:50%;transform-box:fill-box;animation-name:beat-spin;animation-duration:.8s;animation-timing-function:linear;animation-iteration-count:2;animation-fill-mode:forwards}.beat-dash{animation-name:beat-dash;animation-duration:.9s;animation-timing-function:linear;animation-iteration-count:3;animation-fill-mode:both}.beat-draw{stroke-dasharray:1;animation-name:beat-draw;animation-duration:.9s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}@property --beat-len{syntax:"<number>";inherits:false;initial-value:.12}.beat-comet{stroke-dasharray:calc(var(--beat-len) * 1px) 3px;stroke-dashoffset:-1.05px;animation-name:beat-comet;animation-duration:.8s;animation-timing-function:cubic-bezier(.45,0,.3,1);animation-fill-mode:both}.beat-type{animation-name:beat-type;animation-duration:.7s;animation-timing-function:linear;animation-fill-mode:both}@media not (min-width:40rem){.beat-pan{animation-name:beat-pan;animation-duration:.7s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both;transform:translate(calc(100cqw - 100%))}}@keyframes beat-in{0%{opacity:0;transform:translateY(var(--beat-rise))}}@keyframes beat-on{0%{opacity:0}}@keyframes beat-pop{0%{opacity:0;transform:scale(.6)}}@keyframes beat-until{0%,88%{opacity:1}to{opacity:0}}@keyframes beat-flash{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes beat-packet{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(var(--beat-dx), var(--beat-dy))}}@keyframes beat-drop{0%{opacity:0;transform:translateY(var(--beat-dy))}35%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes beat-lift{to{opacity:0;transform:translateY(var(--beat-dy))}}@keyframes beat-squash{35%{transform:scale(1.02,.965)}}@keyframes beat-scan{0%{opacity:0;transform:translateY(0)}20%,75%{opacity:1}to{opacity:0;transform:translateY(var(--beat-dy))}}@keyframes beat-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes beat-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes beat-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes beat-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes beat-grow{0%{transform:scaleX(0)}}@keyframes beat-grow-y{0%{transform:scaleY(0)}}@keyframes beat-spin{to{transform:rotate(360deg)}}@keyframes beat-dash{to{stroke-dashoffset:-14px}}@keyframes beat-draw{0%{stroke-dashoffset:1px}}@keyframes beat-comet{0%{stroke-dashoffset:calc(var(--beat-len) * 1px + .05px)}to{stroke-dashoffset:-1.05px}}@keyframes beat-pan{0%{transform:translate(0)}}@keyframes beat-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}[data-beats=view]:not([data-play=true]) *,[data-beats][data-paused=true] *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){[data-beats] *{animation:none!important}}