.loader{background:var(--color_divider);box-shadow:var(--boxShadow);border-radius:25px;justify-content:center;align-items:center;width:100px;height:50px;display:flex}.loader li{background:var(--color_action);border:1px solid var(--color_white);border-radius:50%;width:12px;height:12px;animation:2.1s ease-in-out infinite loaderDot;display:inline-flex}.loader li:first-of-type{animation-delay:.2s}.loader li:nth-of-type(2){margin:0 6px;animation-delay:.8s}.loader li:nth-of-type(3){animation-delay:1.4s}@keyframes loaderDot{40%{background:var(--color_loaderGradientY)}50%{background:var(--color_loaderGradientY);border-radius:6px;height:24px}60%{background:var(--color_loaderGradientY)}}.component-button{background:var(--color_action);border:1px solid var(--color_action);border-radius:var(--borderRadius);color:var(--color_white);cursor:pointer;font-family:var(--fontFamily_body);height:50px;padding:0 var(--margin);justify-content:center;align-items:center;width:100%;font-weight:600;line-height:5rem;display:flex}.component-button .icon svg{fill:var(--color_white)}.component-button.small{height:40px;padding:0 var(--margin_s)}a.component-button{text-decoration:none}.component-button[disabled]{background-color:var(--color_buttonDisabled);border-color:var(--color_buttonDisabled);cursor:not-allowed;transform:none}.component-button:not([disabled]):not(.loading):hover{transform:scale(1.05)}.component-button.loading{border-color:var(--color_buttonDisabled);cursor:not-allowed;background-color:var(--color_buttonDisabled)!important}.component-button.loading .loader{box-shadow:none;background:0 0;border-radius:0}.component-button.loading .loader li{background-color:var(--color_action)}.component-button:focus{transform:scale(1.05)}.component-button.secondary{background-color:inherit;color:var(--color_action)}.component-button.secondary[disabled]{color:var(--color_buttonDisabled)}.component-button.secondary:not([disabled]):not(.loading):hover{background-color:var(--color_action);color:var(--color_white)}.component-button.secondary.loading{border-color:var(--color_buttonDisabled)}.component-button.secondary .icon svg{fill:var(--color_action)}.component-button.secondary:hover .icon svg{fill:var(--color_white)}.component-button.tertiary{background-color:inherit;border-color:var(--color_textDark);color:var(--color_textDark)}.component-button.tertiary[disabled]{border-color:var(--color_buttonDisabled);color:var(--color_buttonDisabled)}.component-button.tertiary:not([disabled]):not(.loading):hover{background-color:var(--color_textDark);color:var(--color_white)}.component-button.tertiary.loading{border-color:var(--color_buttonDisabled)}.component-button.tertiary .icon svg{fill:var(--color_divider)}.component-button.tertiary:hover .icon svg{fill:var(--color_white)}.component-button.text{background-color:inherit;color:var(--color_action);border:none;width:auto;padding:0}.component-button.text[disabled]{color:var(--color_textDisabled)}.component-button.text.loading{border-color:var(--color_buttonDisabled)}.component-button.text .icon svg{fill:var(--color_divider)}.component-button.text:hover .icon svg{fill:var(--color_white)}
