.loader-container{justify-content:center;align-items:center;padding:10px;display:flex}.loader{background:conic-gradient(var(--colors-primary), transparent 75%);border-radius:50%;animation:1s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff calc(100% - 4px))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.Ellipsis{animation-name:bouncing;animation-duration:.7s;animation-timing-function:ease-out;animation-iteration-count:infinite;display:inline-block}.Ellipsis:nth-child(2){animation-delay:.125s}.Ellipsis:nth-child(3){animation-delay:.25s}@keyframes bouncing{0%{transform:none}33%{transform:translateY(-.5em)}66%{transform:none}}@property --fill-1{syntax:"<color>";inherits:false;initial-value:#0000}@property --fill-2{syntax:"<color>";inherits:false;initial-value:#0000}@property --fill-3{syntax:"<color>";inherits:false;initial-value:#0000}@property --fill-4{syntax:"<color>";inherits:false;initial-value:#0000}@property --fill-5{syntax:"<color>";inherits:false;initial-value:#0000}.LoaderOutline{padding:4px;overflow:hidden}.LoaderOutline-background{background:conic-gradient(from 90deg at 52.75% 66.67%, var(--colors-accent-2) 0deg, var(--fill-1) 8.65384deg, var(--fill-2) 90deg, var(--fill-3) 180deg, var(--fill-4) 270deg, var(--fill-5) 360deg)}@keyframes conic-load{0%{--fill-1:transparent;--fill-2:transparent;--fill-3:transparent;--fill-4:transparent;--fill-5:transparent}20%{--fill-1:#d0f08b;--fill-2:transparent;--fill-3:transparent;--fill-4:transparent;--fill-5:transparent}40%{--fill-1:#d0f08b;--fill-2:#d0f08b;--fill-3:transparent;--fill-4:transparent;--fill-5:transparent}60%{--fill-1:#d0f08b;--fill-2:#d0f08b;--fill-3:#d0f08b;--fill-4:transparent;--fill-5:transparent}80%{--fill-1:#d0f08b;--fill-2:#d0f08b;--fill-3:#d0f08b;--fill-4:#d0f08b;--fill-5:transparent}to{--fill-1:#d0f08b;--fill-2:#d0f08b;--fill-3:#d0f08b;--fill-4:#d0f08b;--fill-5:#d0f08b}}.SnakeLoader{display:inline-block;position:relative}.SnakeLoader__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.SnakeLoader__rect{fill:none;stroke:var(--snake-color);stroke-width:var(--snake-thickness);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:SnakeLoaderTrace var(--snake-duration) linear var(--snake-iteration) forwards}@keyframes SnakeLoaderTrace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}