.button{align-items:center;display:flex;flex-wrap:nowrap;font-family:var(--typo-button-font-family);height:var(--button-height,auto);justify-content:var(--element-button-distribute);transition:var(--button-transition-property,all) var(--button-transition-timing-function,var(--transition-timing-function)) var(--button-transition-duration,var(--transition-duration));white-space:nowrap;width:var(--button-width,auto)}.no-touch .button:hover{transform:translateY(var(--button-hover-translate-y,0))}.button.custom{border-radius:var(--button-border-radius);font-size:var(--button-small-font-size);gap:var(--button-gap);padding:var(--button-padding-y) var(--button-padding-x)}.button.custom.only-icon{padding:var(--button-padding-y)}.button.small{border-radius:var(--button-border-radius,var(--button-small-border-radius));font-size:var(--button-small-font-size);gap:var(--button-gap,var(--button-small-gap));padding:var(--button-padding-y,var(--button-small-padding-y)) var(--button-padding-x,var(--button-small-padding-x))}.button.small.only-icon{padding:var(--button-small-padding-y)}.button.medium{border-radius:var(--button-border-radius,var(--button-medium-border-radius));font-size:var(--button-medium-font-size);gap:var(--button-gap,var(--button-medium-gap));padding:var(--button-padding-y,var(--button-medium-padding-y)) var(--button-padding-x,var(--button-medium-padding-x))}.button.medium.only-icon{padding:var(--button-medium-padding-y)}.button.large{border-radius:var(--button-border-radius,var(--button-large-border-radius));font-size:var(--button-large-font-size);gap:var(--button-gap,var(--button-large-gap));padding:var(--button-padding-y,var(--button-large-padding-y)) var(--button-padding-x,var(--button-large-padding-x))}.button.large.only-icon{padding:var(--button-large-padding-y)}.button.disabled{cursor:not-allowed;opacity:.4}.button.primary{background-color:var(--button-fill-color,var(--button-primary-fill-color));box-shadow:var(--button-box-shadow,var(--button-primary-box-shadow,none)) var(--button-box-shadow-color,var(--button-primary-box-shadow-color));color:var(--button-text-color,var(--button-primary-text-color));font-weight:var(--button-font-weight,var(--button-primary-font-weight));outline:var(--button-border-width,var(--button-primary-border-width)) var(--button-border-color,var(--button-primary-border-color)) solid;outline-offset:calc(var(--button-border-width, var(--button-primary-border-width))*-1)}.no-touch .button.primary:hover{background-color:var(--button-hover-fill-color,var(--button-primary-hover-fill-color));box-shadow:var(--button-hover-box-shadow,var(--button-primary-hover-box-shadow,none)) var(--button-hover-box-shadow-color,var(--button-primary-hover-box-shadow-color));color:var(--button-hover-text-color,var(--button-primary-hover-text-color));outline-color:var(--button-hover-border-color,var(--button-primary-hover-border-color));outline-offset:calc(var(--button-hover-border-width, var(--button-primary-hover-border-width))*-1);outline-width:var(--button-hover-border-width,var(--button-primary-hover-border-width))}.button.secondary{background-color:var(--button-fill-color,var(--button-secondary-fill-color));box-shadow:var(--button-box-shadow,var(--button-secondary-box-shadow,none)) var(--button-box-shadow-color,var(--button-secondary-box-shadow-color));color:var(--button-text-color,var(--button-secondary-text-color));font-weight:var(--button-font-weight,var(--button-secondary-font-weight));outline:var(--button-border-width,var(--button-secondary-border-width)) var(--button-border-color,var(--button-secondary-border-color)) solid;outline-offset:calc(var(--button-border-width, var(--button-secondary-border-width))*-1)}.no-touch .button.secondary:hover{background-color:var(--button-hover-fill-color,var(--button-secondary-hover-fill-color));box-shadow:var(--button-hover-box-shadow,var(--button-secondary-hover-box-shadow,none)) var(--button-hover-box-shadow-color,var(--button-secondary-hover-box-shadow-color));color:var(--button-hover-text-color,var(--button-secondary-hover-text-color));outline-color:var(--button-hover-border-color,var(--button-secondary-hover-border-color));outline-offset:calc(var(--button-hover-border-width, var(--button-secondary-hover-border-width))*-1);outline-width:var(--button-hover-border-width,var(--button-secondary-hover-border-width))}.button.ghost{color:var(--button-text-color,var(--button-ghost-text-color));font-weight:var(--button-font-weight,var(--button-ghost-font-weight));outline:var(--button-border-width,var(--button-ghost-border-width)) var(--button-border-color,var(--button-ghost-border-color)) solid;outline-offset:calc(var(--button-border-width, var(--button-ghost-border-width))*-1)}.no-touch .button.ghost:hover{background-color:var(--button-hover-fill-color,var(--button-ghost-hover-fill-color));color:var(--button-hover-text-color,var(--button-ghost-hover-text-color));outline-color:var(--button-hover-border-color,var(--button-ghost-hover-border-color));outline-offset:calc(var(--button-hover-border-width, var(--button-ghost-hover-border-width))*-1);outline-width:var(--button-hover-border-width,var(--button-ghost-hover-border-width))}.touch .button:active{transform:scale(.95)}.button.link{color:var(--button-text-color,var(--button-ghost-text-color));font-weight:var(--button-font-weight,var(--button-ghost-font-weight));padding:0}.button.link .button-text{-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);text-underline-offset:var(--link-text-underline-offset)}.button.link.only-icon{padding:0}.button.link.default{color:var(--link-default-color)}.button.link.accent{color:var(--link-accent-color)}.no-touch .button.link:hover{color:var(--button-hover-text-color,var(--button-ghost-hover-text-color))}.no-touch .button.link.default:hover{color:var(--link-default-hover-color)}.no-touch .button.link.accent:hover{color:var(--link-accent-hover-color)}.no-touch .button.link:hover .button-text{-webkit-text-decoration:var(--link-hover-text-decoration);text-decoration:var(--link-hover-text-decoration)}.button.disabled,.button.disabled:hover{background-color:var(--button-disabled-fill-color,#ddd)!important;border:none!important;box-shadow:none!important;color:var(--button-disabled-text-color,#888)!important;outline:none!important}
