.hermelin-async-button{border-radius:var(--hermelin-async-button--border-radius);cursor:pointer;font-size:var(--hermelin-base);padding:.5em 1em;line-height:1.15;display:inline-block;position:relative;overflow:hidden}.hermelin-async-button.hermelin-async-button--theme-finanzritter{border:2px solid var(--hermelin-finanzritter-500);background:var(--hermelin-finanzritter-500);color:#fff}.hermelin-async-button.hermelin-async-button--theme-finanzritter:focus{outline:3px solid var(--hermelin-finanzritter-200)}.hermelin-async-button.hermelin-async-button--theme-finanzritter:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__left-icon,.hermelin-async-button.hermelin-async-button--theme-finanzritter:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__right-icon{color:var(--hermelin-finanzritter-200)}.hermelin-async-button.hermelin-async-button--theme-finanzritter.hermelin-async-button--ghost{border:2px solid var(--hermelin-finanzritter-400);color:var(--hermelin-finanzritter-600);background:0 0}.hermelin-async-button.hermelin-async-button--theme-finanzritter.hermelin-async-button--ghost.hermelin-async-button--importance-low,.hermelin-async-button.hermelin-async-button--theme-finanzritter.hermelin-async-button--ghost.hermelin-async-button--importance-lower{border-width:1px}.hermelin-async-button.hermelin-async-button--theme-red{border:2px solid var(--hermelin-red-500);background:var(--hermelin-red-500);color:#fff}.hermelin-async-button.hermelin-async-button--theme-red:focus{outline:3px solid var(--hermelin-red-200)}.hermelin-async-button.hermelin-async-button--theme-red:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__left-icon,.hermelin-async-button.hermelin-async-button--theme-red:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__right-icon{color:var(--hermelin-red-200)}.hermelin-async-button.hermelin-async-button--theme-red.hermelin-async-button--ghost{border:2px solid var(--hermelin-red-400);color:var(--hermelin-red-600);background:0 0}.hermelin-async-button.hermelin-async-button--theme-red.hermelin-async-button--ghost.hermelin-async-button--importance-low,.hermelin-async-button.hermelin-async-button--theme-red.hermelin-async-button--ghost.hermelin-async-button--importance-lower{border-width:1px}.hermelin-async-button.hermelin-async-button--theme-gray{border:2px solid var(--hermelin-gray-500);background:var(--hermelin-gray-500);color:#fff}.hermelin-async-button.hermelin-async-button--theme-gray:focus{outline:3px solid var(--hermelin-gray-200)}.hermelin-async-button.hermelin-async-button--theme-gray:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__left-icon,.hermelin-async-button.hermelin-async-button--theme-gray:not(.hermelin-async-button--ghost,.hermelin-async-button--transparent,.hermelin-async-button--light) .hermelin-async-button__right-icon{color:var(--hermelin-gray-200)}.hermelin-async-button.hermelin-async-button--theme-gray.hermelin-async-button--ghost{border:2px solid var(--hermelin-gray-400);color:var(--hermelin-gray-600);background:0 0}.hermelin-async-button.hermelin-async-button--theme-gray.hermelin-async-button--ghost.hermelin-async-button--importance-low,.hermelin-async-button.hermelin-async-button--theme-gray.hermelin-async-button--ghost.hermelin-async-button--importance-lower{border-width:1px}.hermelin-async-button.hermelin-async-button--theme-white{color:var(--hermelin-text);background:#fff;border:2px solid #fff}.hermelin-async-button.hermelin-async-button--theme-white:focus{outline:3px solid var(--hermelin-gray-200)}.hermelin-async-button.hermelin-async-button--theme-white.hermelin-async-button--ghost{border:2px solid var(--hermelin-gray-400);color:var(--hermelin-gray-600);background:0 0}.hermelin-async-button.hermelin-async-button--theme-white.hermelin-async-button--ghost.hermelin-async-button--importance-low,.hermelin-async-button.hermelin-async-button--theme-white.hermelin-async-button--ghost.hermelin-async-button--importance-lower{border-width:1px}.hermelin-async-button.hermelin-async-button--disabled{cursor:default}.hermelin-async-button.hermelin-async-button--disabled:not(.hermelin-async-button--pending,.hermelin-async-button--success,.hermelin-async-button--error){opacity:.5}.hermelin-async-button:not(.hermelin-async-button--disabled){cursor:pointer}.hermelin-async-button__caption{color:inherit;font-weight:400}.hermelin-async-button.hermelin-async-button--importance-lower{font-size:var(--hermelin-smaller)}.hermelin-async-button.hermelin-async-button--importance-low{font-size:var(--hermelin-small)}.hermelin-async-button.hermelin-async-button--importance-normal{font-size:var(--hermelin-base)}.hermelin-async-button.hermelin-async-button--importance-high{font-size:var(--hermelin-large)}.hermelin-async-button.hermelin-async-button--importance-higher{font-size:var(--hermelin-larger)}.hermelin-async-button.hermelin-async-button--shadow{box-shadow:var(--hermelin-async-button--box-shadow)}.hermelin-async-button.hermelin-async-button--alignment-left{text-align:left}.hermelin-async-button.hermelin-async-button--alignment-center{text-align:center}.hermelin-async-button__accesskey{color:inherit;border-bottom:2px solid var(--hermelin-async-button--text-decoration-color)}.hermelin-async-button.hermelin-async-button--icon-only{padding-inline:.5em}.hermelin-async-button .hermelin-async-button__left-icon{color:inherit;margin-left:-.25em;margin-right:.75em;display:inline-block}.hermelin-async-button .hermelin-async-button__right-icon{color:inherit;margin-left:.75em;margin-right:-.25em;display:inline-block}.hermelin-async-button.hermelin-async-button--error .hermelin-async-button__spinner,.hermelin-async-button.hermelin-async-button--pending .hermelin-async-button__spinner,.hermelin-async-button.hermelin-async-button--success .hermelin-async-button__spinner{opacity:1}.hermelin-async-button.hermelin-async-button--error .hermelin-async-button__caption,.hermelin-async-button.hermelin-async-button--error .hermelin-async-button__spinner,.hermelin-async-button.hermelin-async-button--pending .hermelin-async-button__caption,.hermelin-async-button.hermelin-async-button--success .hermelin-async-button__caption,.hermelin-async-button.hermelin-async-button--success .hermelin-async-button__spinner{transform:translateY(calc(1em + var(--hermelin-base)*2))}.hermelin-async-button.hermelin-async-button--success{background:var(--hermelin-green-500)!important;border-color:var(--hermelin-green-500)!important;color:#fff!important}.hermelin-async-button.hermelin-async-button--error{background:var(--hermelin-red-500)!important;border-color:var(--hermelin-red-500)!important;color:#fff!important}.hermelin-async-button.hermelin-async-button--pending .hermelin-async-button__spinner{transform:translateY(0)}.hermelin-async-button.hermelin-async-button--error .hermelin-async-button__error,.hermelin-async-button.hermelin-async-button--success .hermelin-async-button__success{opacity:1;transform:translateY(0)}.hermelin-async-button .hermelin-async-button__error,.hermelin-async-button .hermelin-async-button__spinner,.hermelin-async-button .hermelin-async-button__success{opacity:0;transform:translateY(calc(-1em + var(--hermelin-base)*2*-1));color:inherit;position:absolute;left:50%}.hermelin-async-button .hermelin-async-button__error .hermelin-icon,.hermelin-async-button .hermelin-async-button__spinner .hermelin-icon,.hermelin-async-button .hermelin-async-button__success .hermelin-icon{position:relative;left:-50%}.hermelin-dark .hermelin-async-button__caption{color:var(--hermelin-background)}.hermelin-dark .hermelin-async-button.hermelin-async-button--ghost .hermelin-async-button__caption,.hermelin-dark .hermelin-async-button.hermelin-async-button--light .hermelin-async-button__caption,.hermelin-dark .hermelin-async-button.hermelin-async-button--transparent .hermelin-async-button__caption{color:var(--hermelin-text)}.hermelin-black .hermelin-async-button__caption{color:var(--hermelin-background)}.hermelin-black .hermelin-async-button.hermelin-async-button--ghost .hermelin-async-button__caption,.hermelin-black .hermelin-async-button.hermelin-async-button--light .hermelin-async-button__caption,.hermelin-black .hermelin-async-button.hermelin-async-button--transparent .hermelin-async-button__caption{color:var(--hermelin-text)}@media (prefers-reduced-motion:no-preference),(update:fast){.hermelin-async-button__error,.hermelin-async-button__spinner,.hermelin-async-button__success{transition:transform .75s cubic-bezier(.18,.89,.32,1.28),opacity .5s ease-in-out}.hermelin-async-button__caption{transition:transform .75s cubic-bezier(.18,.89,.32,1.28)}.hermelin-async-button{transition:background-color .5s ease-in-out,border-color .5s ease-in-out,outline .1s ease-out}.hermelin-async-button:not(.hermelin-async-button--pending,.hermelin-async-button--success,.hermelin-async-button--error) .hermelin-async-button__spinner{transition:none}}