.vvf-UI_loader_circle{border-style:solid;border-color:var(--color-gray-300);border-bottom-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite loader-rotation;display:inline-block}.vvf-UI_loader_circle.vvf-UI_loader_white{border-color:var(--color-gray-300);border-bottom-color:var(--color-white)}.vvf-UI_loader_circle.vvf-UI_loader_sizeXS{border-width:2px;width:8px;height:8px}.vvf-UI_loader_circle.vvf-UI_loader_sizeSM{border-width:3px;width:12px;height:12px}.vvf-UI_loader_circle.vvf-UI_loader_sizeMD{border-width:4px;width:16px;height:16px}.vvf-UI_loader_circle.vvf-UI_loader_sizeLG{border-width:5px;width:24px;height:24px}@keyframes loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vvf-UI_loader_dots{flex-flow:row;display:inline-flex;position:relative}.vvf-UI_loader_dots.vvf-UI_loader_white .vvf-UI_dot{animation:1s linear infinite alternate dots-dance-white}.vvf-UI_loader_dots .vvf-UI_dot{aspect-ratio:1;border-radius:50%;animation:1s linear infinite alternate dots-dance}.vvf-UI_loader_dots .vvf-UI_dot:nth-child(2){animation-delay:.25s}.vvf-UI_loader_dots .vvf-UI_dot:nth-child(3){animation-delay:.5s}.vvf-UI_loader_dots.vvf-UI_loader_sizeXS{gap:calc(var(--spacer)*.2)}.vvf-UI_loader_dots.vvf-UI_loader_sizeXS .vvf-UI_dot{width:8px;height:8px}.vvf-UI_loader_dots.vvf-UI_loader_sizeSM{gap:calc(var(--spacer)*.33)}.vvf-UI_loader_dots.vvf-UI_loader_sizeSM .vvf-UI_dot{width:12px;height:12px}.vvf-UI_loader_dots.vvf-UI_loader_sizeMD{gap:calc(var(--spacer)*.5)}.vvf-UI_loader_dots.vvf-UI_loader_sizeMD .vvf-UI_dot{width:16px;height:16px}.vvf-UI_loader_dots.vvf-UI_loader_sizeLG{gap:calc(var(--spacer)*.75)}.vvf-UI_loader_dots.vvf-UI_loader_sizeLG .vvf-UI_dot{width:24px;height:24px}@keyframes dots-dance{0%{background:var(--color-gray-300)}33%{background:var(--color-primary)}66%{background:var(--color-primary)}to{background:var(--color-gray-300)}}@keyframes dots-dance-white{0%{background:var(--color-gray-50)}33%{background:var(--color-gray-300)}66%{background:var(--color-gray-300)}to{background:var(--color-gray-50)}}.vvf-UI_loader_illustration.vvf-UI_loader_white{filter:brightness(0)invert()}.vvf-UI_loader_illustration.vvf-UI_loader_sizeXS{width:64px;height:64px}.vvf-UI_loader_illustration.vvf-UI_loader_sizeSM{width:96px;height:96px}.vvf-UI_loader_illustration.vvf-UI_loader_sizeMD{width:144px;height:144px}.vvf-UI_loader_illustration.vvf-UI_loader_sizeLG{width:256px;height:256px}