.button{position:relative;display:inline-block;background:var(--backgroundButtonColor);color:var(--fontButtonColor);border:none;border-radius:4px;font-size:16px;line-height:1.25;font-weight:bold;padding:14px 20px;transition:all .2s ease;vertical-align:middle;display:flex;flex-direction:row;justify-content:center;text-align:center}.button.buttonComponent{padding:8px 12px}.button .buttonIcon{display:flex;align-items:center}.button .buttonIcon svg{display:block;height:24px;width:24px;fill:var(--fontButtonColor)}.button .buttonIcon+.buttonText{margin-left:8px}.button .buttonText{display:flex;flex-direction:column;justify-content:center;text-align:center;vertical-align:middle;padding:6px 8px;font-family:var(--fontFamily)}.button.small{font-size:11px;font-weight:normal}.button.small .buttonIcon svg{height:11px;width:11px}.button.buttonCentered{width:100%;text-align:center}@media(hover: hover){.button:hover{opacity:.8}}.button.withIcon{padding-left:50px}.button.loading{pointer-events:none;padding-left:50px;background-color:var(--backgroundButtonPrimaryDisabledColor);opacity:.8}.button.loading:before{content:"";position:absolute;display:block}.button.loading .loadingSpinner{opacity:1}.button .loadingSpinner{position:absolute;top:50%;left:12px;transform:translateY(-50%);opacity:0;transition:opacity .2s ease}.button .loadingSpinner>div:after{background:var(--fontButtonColor)}.button.notClickable{pointer-events:none}.button.notClickable.loading{opacity:1}.button.disabled{pointer-events:none;opacity:.8;background-color:var(--backgroundButtonPrimaryDisabledColor)}.button.check,.button.success{padding-left:50px}.button.check:before,.button.success:before{content:"";display:block;width:11px;height:20px;border-right:4px solid var(--stateSuccessColor);border-bottom:4px solid var(--stateSuccessColor);transform:rotate(45deg);position:absolute;top:50%;left:16px;margin-top:-13px}.button.cross,.button.error{padding-left:50px}.button.cross:before,.button.cross:after,.button.error:before,.button.error:after{content:"";display:block;width:20px;border-bottom:4px solid var(--stateErrorColor);position:absolute;top:50%;left:11px;margin-top:-2px}.button.cross:before,.button.error:before{transform:rotate(45deg)}.button.cross:after,.button.error:after{transform:rotate(-45deg)}.buttonPrimary{background:var(--backgroundButtonPrimaryColor);color:var(--fontButtonPrimaryColor)}.buttonPrimary .loadingSpinner>div:after{background:var(--fontButtonPrimaryColor)}.buttonGroup{display:flex;column-gap:15px;row-gap:15px;flex-wrap:wrap;justify-content:space-between}.buttonGroup.buttonGroupCentered{text-align:center;justify-content:center}.buttonCircleLarge{width:auto;min-width:42px;min-height:42px;border-radius:100px}.buttonCircleLarge.withIcon{padding-left:40px}.buttonCircleLarge.iconOnly{padding-left:0}.buttonCircleLarge.info:before,.buttonCircleLarge.info:after{content:"";display:block;width:4px;position:absolute;left:19px;background-color:var(--stateInfoColor)}.buttonCircleLarge.info:before{top:10px;height:4px}.buttonCircleLarge.info:after{top:19px;height:13px}.buttonCircleLarge.dots:before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);left:19px;width:4px;height:4px;border-radius:100%;background-color:var(--fontButtonColor);box-shadow:-8px 0 var(--fontButtonColor),8px 0 var(--fontButtonColor)}input.button,input.buttonPrimary{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}