.portivo-mark{display:block;overflow:visible}.portivo-mark .node{transform-box:fill-box;transform-origin:50%}.portivo-mark .edge{opacity:.55}.portivo-mark--idle .node{animation:3s ease-in-out infinite pm-breathe}.portivo-mark--idle .node:nth-child(2){animation-delay:.25s}.portivo-mark--idle .node:nth-child(3){animation-delay:.5s}.portivo-mark--idle .node:nth-child(4){animation-delay:.75s}.portivo-mark--idle .node:nth-child(5){animation-delay:1s}.portivo-mark--idle .node:nth-child(6){animation-delay:1.25s}@keyframes pm-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}.portivo-mark--loading .edge{stroke-dasharray:70;stroke-dashoffset:70px;opacity:1;animation:1.5s forwards pm-draw-line}.portivo-mark--loading .edge:first-child{animation-delay:50ms}.portivo-mark--loading .edge:nth-child(2){animation-delay:.2s}.portivo-mark--loading .edge:nth-child(3){animation-delay:.35s}.portivo-mark--loading .edge:nth-child(4){animation-delay:.5s}.portivo-mark--loading .edge:nth-child(5){animation-delay:.65s}.portivo-mark--loading .edge:nth-child(6){animation-delay:.8s}.portivo-mark--loading .edge:nth-child(7){animation-delay:.95s}.portivo-mark--loading .node{opacity:0;animation:.5s forwards pm-fade-in;transform:scale(.3)}.portivo-mark--loading .node--center{animation-delay:0s}.portivo-mark--loading .node:nth-child(2){animation-delay:.3s}.portivo-mark--loading .node:nth-child(3){animation-delay:.45s}.portivo-mark--loading .node:nth-child(4){animation-delay:.6s}.portivo-mark--loading .node:nth-child(5){animation-delay:.75s}.portivo-mark--loading .node:nth-child(6){animation-delay:.9s}@keyframes pm-draw-line{to{stroke-dashoffset:0}}@keyframes pm-fade-in{to{opacity:1;transform:scale(1)}}.portivo-mark--syncing .node:not(.node--center){transform-box:view-box;transform-origin:50px 50px;animation:pm-orbit var(--orbit-dur,5s) linear infinite}.portivo-mark--syncing .node:nth-child(2){--orbit-dur:4s}.portivo-mark--syncing .node:nth-child(3){--orbit-dur:5s;animation-direction:reverse}.portivo-mark--syncing .node:nth-child(4){--orbit-dur:6s}.portivo-mark--syncing .node:nth-child(5){--orbit-dur:4.5s;animation-direction:reverse}.portivo-mark--syncing .node:nth-child(6){--orbit-dur:5.5s}.portivo-mark--syncing .node--center{opacity:.55;animation:3s ease-in-out infinite pm-breathe}.portivo-mark--syncing .edge{opacity:.2}@keyframes pm-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portivo-mark--success .node{animation:1.5s ease-in-out pm-pulse}.portivo-mark--success .node--center{animation:1.5s ease-in-out pm-pulse,1.5s ease-in-out pm-glow}.portivo-mark--success .edge{opacity:.85;stroke-width:1.4px}@keyframes pm-pulse{0%,to{opacity:.85;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}@keyframes pm-glow{0%,to{filter:drop-shadow(0 0 1px)}40%{filter:drop-shadow(0 0 9px)}}.portivo-mark--error .node:not(.node--center){opacity:.28;animation:8s ease-in-out infinite pm-scatter}.portivo-mark--error .node:nth-child(3){animation-delay:.6s}.portivo-mark--error .node:nth-child(4){animation-delay:1.2s}.portivo-mark--error .node:nth-child(5){animation-delay:.3s}.portivo-mark--error .node:nth-child(6){animation-delay:.9s}.portivo-mark--error .node--center{opacity:.45}.portivo-mark--error .edge{opacity:.1;stroke-width:.5px}@keyframes pm-scatter{0%,to{transform:translate(0)}25%{transform:translate(5px,-4px)}50%{transform:translate(-3px,6px)}75%{transform:translate(4px,3px)}}.portivo-mark--transition .node:not(.node--center){animation:1.2s ease-out forwards pm-converge}.portivo-mark--transition .node:nth-child(3){animation-delay:50ms}.portivo-mark--transition .node:nth-child(4){animation-delay:.1s}.portivo-mark--transition .node:nth-child(5){animation-delay:.15s}.portivo-mark--transition .node:nth-child(6){animation-delay:.2s}@keyframes pm-converge{0%{opacity:.2;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.portivo-mark--add .node--new{animation:.8s ease-out forwards pm-birth}.portivo-mark--add .edge--new{stroke-dasharray:70;stroke-dashoffset:70px;opacity:1;animation:.8s .2s forwards pm-draw-line}.portivo-mark--add .node:not(.node--new){animation:.8s ease-in-out pm-pulse}@keyframes pm-birth{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.portivo-mark .node,.portivo-mark .edge{transition:none!important;animation:none!important}.portivo-mark .node{opacity:1;transform:none}.portivo-mark .edge{opacity:.55;stroke-dashoffset:0}.portivo-mark--error .node:not(.node--center){opacity:.3}.portivo-mark--error .node--center{opacity:.45}.portivo-mark--error .edge{opacity:.12}.portivo-mark--syncing .node--center{opacity:.55}}