.button-base[disabled]{pointer-events:none}.button{position:relative;display:inline-flex;align-items:center;overflow:hidden;line-height:1;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;transition-timing-function:.17,.17,0,1;cursor:pointer;--color-active:var(--color);--bg-color:transparent;--bg-color-hover:transparent;--bg-color-active:transparent;color:var(--color, inherit);background-color:var(--bg-color, transparent)!important}.button.only-icon{height:var(--space-xl)}@media (hover: hover) and (pointer: fine){.button.hover,.button:hover{color:var(--color-hover);background-color:var(--bg-color-hover)!important}.button.hover .icon,.button:hover .icon{color:var(--icon-color-hover, currentColor)}}.button.active,.button:active{color:var(--color-active, currentColor);background-color:var(--bg-color-active)!important}.button.solid,.button.outlined{border-radius:.25rem;padding:.75rem 1rem}.button.solid.size-l,.button.outlined.size-l{padding:.75rem 1.25rem}@media (min-width: 1024px){.button.solid.size-l,.button.outlined.size-l{padding:1rem 1.5rem}}.button.solid{--color:#FFFFFF;--color-hover:var(--color);border:1px solid transparent}.button.solid.primary{--bg-color:#014FA2;--bg-color-hover:#1570D1;--bg-color-active:#4AA2FF}.button.solid.dark{--bg-color:#050B1A;--bg-color-hover:var(--bg-color);--bg-color-active:#1D335C}.button.solid.dark-blue{--bg-color:#1D335C;--bg-color-hover:#1570D1;--bg-color-active:#014FA2}.button.solid.light{--color:#000000;--bg-color:#FFFFFF;--bg-color-hover:var(--bg-color)}.button.solid.red{--color:#FFFFFF;--bg-color:#B14573;--bg-color-hover:var(--bg-color)}.button.solid.metal{--bg-color:#A0B4D930;--bg-color-hover:var(--bg-color)}.button.solid.light-blue{--color:#014FA2;--bg-color:#EAF3F6;--bg-color-hover:var(--bg-color)}.button.outlined.primary{--color:#014FA2;--color-hover:var(--color);--color-active:#FFFFFF;--bg-color-active:#014FA2}.button.outlined.primary.hover,.button.outlined.primary:hover{--border-color:currentColor}.button.outlined.primary.only-icon.hover,.button.outlined.primary.only-icon:hover{--border-color:var(--bg-color-active)}.button.outlined.light{--color:#FFFFFF;--color-hover:#FFFFFF;--color-active:#014FA2;--bg-color-active:#FFFFFF}.button.outlined.light.hover,.button.outlined.light:hover{--border-color:#FFFFFF}.button.outlined.light.only-icon{--color:#FFFFFF}.button.outlined.dark-blue{--color:#014FA2;--color-hover:#1D335C;--color-active:#FFFFFF;--bg-color-active:#1D335C}.button.outlined.dark-blue:hover{--border-color:#1D335C}.button.outlined.red{--color:#B14573;--border-color:#B14573;--color-hover:#B14573;--color-active:#FFFFFF;--bg-color-active:#B14573}.button.label{--color:#1570D1;--color-hover:#014FA2}.button.has-icon{display:inline-flex;align-items:center;justify-content:center;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.button.has-icon.dark{--icon-color-hover:#4AA2FF}.button.has-icon.dark .icon{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;transition-timing-function:.17,.17,0,1}.button.has-icon .icon{flex-shrink:0}.button.has-icon.rtl{flex-direction:row-reverse}