@property --pp-l{syntax:"<length>";inherits:true;initial-value:0}@property --pp-r{syntax:"<length>";inherits:true;initial-value:0}.lp-periodo{--pp-muelle:linear(0 0.0%, .0204 2.22%, .075 4.44%, .1546 6.67%, .251 8.89%, .3569 11.11%, .4661 13.33%, .5738 15.56%, .676 17.78%, .7698 20.0%, .8533 22.22%, .9254 24.44%, .9855 26.67%, 1.0337 28.89%, 1.0707 31.11%, 1.0973 33.33%, 1.1146 35.56%, 1.1238 37.78%, 1.1263 40.0%, 1.1233 42.22%, 1.1161 44.44%, 1.1058 46.67%, 1.0935 48.89%, 1.08 51.11%, 1.0662 53.33%, 1.0527 55.56%, 1.0398 57.78%, 1.0281 60%, 1.0177 62.22%, 1.0087 64.44%, 1.0012 66.67%, .9953 68.89%, .9907 71.11%, .9875 73.33%, .9854 75.56%, .9843 77.78%, .9841 80.0%, .9845 82.22%, .9854 84.44%, .9868 86.67%, .9883 88.89%, .99 91.11%, .9918 93.33%, .9935 95.56%, .9951 97.78%, 1 100.0%);isolation:isolate;position:relative}.lp-periodo>button{z-index:2;position:relative}.pp-pastilla,.pp-luz{top:4px;bottom:4px;left:max(4px, var(--pp-l));width:calc(min(var(--pp-r), 100% - 4px) - max(4px, var(--pp-l)));pointer-events:none;opacity:0;border-radius:999px;position:absolute}.lp-periodo[data-medido] .pp-pastilla,.lp-periodo[data-medido] .pp-luz{opacity:1}.lp-periodo[data-medido]>button.activo{background:0 0}.pp-pastilla{z-index:1;background:linear-gradient(115deg,#03f,#977dff)}.pp-luz{z-index:0;filter:blur(8px);opacity:0;background:radial-gradient(closest-side,#4650ff8c,#977dff00);transform:scale(1.25,1.9)}.lp-periodo[data-medido] .pp-luz{opacity:.55}:root[data-theme=light] .pp-luz{display:none}:root[data-theme=light] .pp-pastilla{box-shadow:0 6px 14px -6px #2e51ff80}.lp-periodo[data-medido]{transition:--pp-l .9s var(--pp-muelle), --pp-r .9s var(--pp-muelle)}.lp-periodo[data-medido][data-dir=der]{transition:--pp-r .9s var(--pp-muelle), --pp-l .9s var(--pp-muelle) 60ms}.lp-periodo[data-medido][data-dir=izq]{transition:--pp-l .9s var(--pp-muelle), --pp-r .9s var(--pp-muelle) 60ms}.lp-periodo[data-viaje] .pp-pastilla{animation:.8s ease-out ppCuerpo}@keyframes ppCuerpo{0%{transform:scale(1)}22%{transform:scaleY(.84)}44%{transform:scaleY(1.07)}66%{transform:scaleY(.97)}to{transform:scale(1)}}.lp-periodo[data-viaje] .pp-luz{animation:.95s ease-out ppLuz}@keyframes ppLuz{0%{opacity:.55;transform:scale(1.25,1.9)}40%{opacity:.95;transform:scale(1.45,2.3)}to{opacity:.55;transform:scale(1.25,1.9)}}.lp-periodo[data-viaje]{animation:.62s ease-out ppOndula}@keyframes ppOndula{0%{transform:scale(1)}30%{transform:scale(1.008,.975)}60%{transform:scale(.997,1.012)}to{transform:scale(1)}}.lp-periodo[data-medido]>button{transition:color .2s}.lp-periodo[data-medido]>button.activo{transition:color .25s .14s}@media (prefers-reduced-motion:reduce){.lp-periodo[data-medido],.lp-periodo[data-medido][data-dir]{transition:none}.lp-periodo[data-viaje],.lp-periodo[data-viaje] .pp-pastilla,.lp-periodo[data-viaje] .pp-luz{animation:none}}