.box-button{--shadow: var(--button-box-shadow, none);--size: 40px;position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none;width:fit-content;min-height:var(--size);cursor:pointer;color:var(--foreground, inherit);background:var(--background, transparent);border:var(--border, none);border-radius:var(--border-radius, 0);box-shadow:var(--shadow, none);padding:var(--padding, 0);transition:color 100ms ease-in-out,background-color 100ms ease-in-out,border-color 100ms ease-in-out,box-shadow 100ms ease-in-out;transform:translateZ(0)}.box-button span{font-family:var(--button-font-family, var(--font-family-sans));font-weight:var(--button-font-weight, var(--font-weight-regular));color:inherit}.box-button>svg{color:var(--foreground)}.box-button.small{--button-small-border-radius:clamp(var(--button-small-border-radius-min)*1px,(var(--button-small-border-radius-max) - var(--button-small-border-radius-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-border-radius-min) - (var(--button-small-border-radius-max) - var(--button-small-border-radius-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-border-radius-max)*1px);--border-radius: var(--button-small-border-radius);--button-small-height:clamp(var(--button-small-height-min)*1px,(var(--button-small-height-max) - var(--button-small-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-height-min) - (var(--button-small-height-max) - var(--button-small-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-height-max)*1px);--size: var(--button-small-height);--button-small-padding-inline:clamp(var(--button-small-padding-inline-min)*1px,(var(--button-small-padding-inline-max) - var(--button-small-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-padding-inline-min) - (var(--button-small-padding-inline-max) - var(--button-small-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-padding-inline-max)*1px);--padding: 0 var(--button-small-padding-inline);--button-small-gap:clamp(var(--button-small-gap-min)*1px,(var(--button-small-gap-max) - var(--button-small-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-gap-min) - (var(--button-small-gap-max) - var(--button-small-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-gap-max)*1px);gap:var(--button-small-gap, 4px)}.box-button.small svg{--button-small-icon-size:clamp(var(--button-small-icon-size-min)*1px,(var(--button-small-icon-size-max) - var(--button-small-icon-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-icon-size-min) - (var(--button-small-icon-size-max) - var(--button-small-icon-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-icon-size-max)*1px);width:var(--button-small-icon-size, 20px);height:var(--button-small-icon-size, 20px)}.box-button.small span{--button-small-font-size:clamp(var(--button-small-font-size-min)*1px,(var(--button-small-font-size-max) - var(--button-small-font-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-font-size-min) - (var(--button-small-font-size-max) - var(--button-small-font-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-font-size-max)*1px);font-size:var(--button-small-font-size, 14px);--button-small-line-height:clamp(var(--button-small-line-height-min)*1px,(var(--button-small-line-height-max) - var(--button-small-line-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-small-line-height-min) - (var(--button-small-line-height-max) - var(--button-small-line-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-small-line-height-max)*1px);line-height:var(--button-small-line-height, 20px)}.box-button.medium{--button-medium-border-radius:clamp(var(--button-medium-border-radius-min)*1px,(var(--button-medium-border-radius-max) - var(--button-medium-border-radius-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-border-radius-min) - (var(--button-medium-border-radius-max) - var(--button-medium-border-radius-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-border-radius-max)*1px);--border-radius: var(--button-medium-border-radius);--button-medium-height:clamp(var(--button-medium-height-min)*1px,(var(--button-medium-height-max) - var(--button-medium-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-height-min) - (var(--button-medium-height-max) - var(--button-medium-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-height-max)*1px);--size: var(--button-medium-height);--button-medium-padding-inline:clamp(var(--button-medium-padding-inline-min)*1px,(var(--button-medium-padding-inline-max) - var(--button-medium-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-padding-inline-min) - (var(--button-medium-padding-inline-max) - var(--button-medium-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-padding-inline-max)*1px);--padding: 0 var(--button-medium-padding-inline);--button-medium-gap:clamp(var(--button-medium-gap-min)*1px,(var(--button-medium-gap-max) - var(--button-medium-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-gap-min) - (var(--button-medium-gap-max) - var(--button-medium-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-gap-max)*1px);gap:var(--button-medium-gap, 4px)}.box-button.medium svg{--button-medium-icon-size:clamp(var(--button-medium-icon-size-min)*1px,(var(--button-medium-icon-size-max) - var(--button-medium-icon-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-icon-size-min) - (var(--button-medium-icon-size-max) - var(--button-medium-icon-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-icon-size-max)*1px);width:var(--button-medium-icon-size, 20px);height:var(--button-medium-icon-size, 20px)}.box-button.medium span{--button-medium-font-size:clamp(var(--button-medium-font-size-min)*1px,(var(--button-medium-font-size-max) - var(--button-medium-font-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-font-size-min) - (var(--button-medium-font-size-max) - var(--button-medium-font-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-font-size-max)*1px);font-size:var(--button-medium-font-size, 16px);--button-medium-line-height:clamp(var(--button-medium-line-height-min)*1px,(var(--button-medium-line-height-max) - var(--button-medium-line-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-medium-line-height-min) - (var(--button-medium-line-height-max) - var(--button-medium-line-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-medium-line-height-max)*1px);line-height:var(--button-medium-line-height, 24px)}.box-button.large{--button-large-border-radius:clamp(var(--button-large-border-radius-min)*1px,(var(--button-large-border-radius-max) - var(--button-large-border-radius-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-border-radius-min) - (var(--button-large-border-radius-max) - var(--button-large-border-radius-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-border-radius-max)*1px);--border-radius: var(--button-large-border-radius);--button-large-height:clamp(var(--button-large-height-min)*1px,(var(--button-large-height-max) - var(--button-large-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-height-min) - (var(--button-large-height-max) - var(--button-large-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-height-max)*1px);--size: var(--button-large-height);--button-large-padding-inline:clamp(var(--button-large-padding-inline-min)*1px,(var(--button-large-padding-inline-max) - var(--button-large-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-padding-inline-min) - (var(--button-large-padding-inline-max) - var(--button-large-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-padding-inline-max)*1px);--padding: 0 var(--button-large-padding-inline);--button-large-gap:clamp(var(--button-large-gap-min)*1px,(var(--button-large-gap-max) - var(--button-large-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-gap-min) - (var(--button-large-gap-max) - var(--button-large-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-gap-max)*1px);gap:var(--button-large-gap, 6px)}.box-button.large svg{--button-large-icon-size:clamp(var(--button-large-icon-size-min)*1px,(var(--button-large-icon-size-max) - var(--button-large-icon-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-icon-size-min) - (var(--button-large-icon-size-max) - var(--button-large-icon-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-icon-size-max)*1px);width:var(--button-large-icon-size, 24px);height:var(--button-large-icon-size, 24px)}.box-button.large span{--button-large-font-size:clamp(var(--button-large-font-size-min)*1px,(var(--button-large-font-size-max) - var(--button-large-font-size-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-font-size-min) - (var(--button-large-font-size-max) - var(--button-large-font-size-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-font-size-max)*1px);font-size:var(--button-large-font-size, 18px);--button-large-line-height:clamp(var(--button-large-line-height-min)*1px,(var(--button-large-line-height-max) - var(--button-large-line-height-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--button-large-line-height-min) - (var(--button-large-line-height-max) - var(--button-large-line-height-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--button-large-line-height-max)*1px);line-height:var(--button-large-line-height, 28px)}.box-button.solid.brand{--background: var(--button-brand-solid-background, transparent);--foreground: var(--button-brand-solid-color, inherit);--border: var(--button-brand-solid-border, none);--shadow: var(--button-brand-solid-box-shadow, none)}.box-button.solid.brand:hover,.box-button.solid.brand.active{--background: var(--button-brand-solid-background-hover, transparent);--foreground: var(--button-brand-solid-color-hover, inherit);--border: var(--button-brand-solid-border-hover, none);--shadow: var(--button-brand-solid-box-shadow-hover, none)}.box-button.solid.bw{--background: var(--button-bw-solid-background, transparent);--foreground: var(--button-bw-solid-color, inherit);--border: var(--button-bw-solid-border, none);--shadow: var(--button-bw-solid-box-shadow, none)}.box-button.solid.bw:hover,.box-button.solid.bw.active{--background: var(--button-bw-solid-background-hover, transparent);--foreground: var(--button-bw-solid-color-hover, inherit);--border: var(--button-bw-solid-border-hover, none);--shadow: var(--button-bw-solid-box-shadow-hover, none)}.box-button.solid.inverse{--background: var(--button-inverse-solid-background, transparent);--foreground: var(--button-inverse-solid-color, inherit);--border: var(--button-inverse-solid-border, none);--shadow: var(--button-inverse-solid-box-shadow, none)}.box-button.solid.inverse:hover,.box-button.solid.inverse.active{--background: var(--button-inverse-solid-background-hover, transparent);--foreground: var(--button-inverse-solid-color-hover, inherit);--border: var(--button-inverse-solid-border-hover, none);--shadow: var(--button-inverse-solid-box-shadow-hover, none)}.box-button.solid[disabled],.box-button.solid[disabled]:hover,.box-button.solid[aria-disabled=true],.box-button.solid[aria-disabled=true]:hover,.box-button.solid:disabled,.box-button.solid:disabled:hover{--background: var(--button-disabled-solid-background, transparent);--foreground: var(--button-disabled-solid-color, inherit);--border: var(--button-disabled-solid-border, none);--shadow: var(--button-disabled-solid-box-shadow, none)}.box-button.outline.brand{--background: var(--button-brand-outline-background, transparent);--foreground: var(--button-brand-outline-color, inherit);--border: var(--button-brand-outline-border, none);--shadow: var(--button-brand-outline-box-shadow, none)}.box-button.outline.brand:hover,.box-button.outline.brand.active{--background: var(--button-brand-outline-background-hover, transparent);--foreground: var(--button-brand-outline-color-hover, inherit);--border: var(--button-brand-outline-border-hover, none);--shadow: var(--button-brand-outline-box-shadow-hover, none)}.box-button.outline.bw{--background: var(--button-bw-outline-background, transparent);--foreground: var(--button-bw-outline-color, inherit);--border: var(--button-bw-outline-border, none);--shadow: var(--button-bw-outline-box-shadow, none)}.box-button.outline.bw:hover,.box-button.outline.bw.active{--background: var(--button-bw-outline-background-hover, transparent);--foreground: var(--button-bw-outline-color-hover, inherit);--border: var(--button-bw-outline-border-hover, none);--shadow: var(--button-bw-outline-box-shadow-hover, none)}.box-button.outline.inverse{--background: var(--button-inverse-outline-background, transparent);--foreground: var(--button-inverse-outline-color, inherit);--border: var(--button-inverse-outline-border, none);--shadow: var(--button-inverse-outline-box-shadow, none)}.box-button.outline.inverse:hover,.box-button.outline.inverse.active{--background: var(--button-inverse-outline-background-hover, transparent);--foreground: var(--button-inverse-outline-color-hover, inherit);--border: var(--button-inverse-outline-border-hover, none);--shadow: var(--button-inverse-outline-box-shadow-hover, none)}.box-button.outline[disabled],.box-button.outline[disabled]:hover,.box-button.outline[aria-disabled=true],.box-button.outline[aria-disabled=true]:hover,.box-button.outline:disabled,.box-button.outline:disabled:hover{--background: var(--button-disabled-outline-background, transparent);--foreground: var(--button-disabled-outline-color, inherit);--border: var(--button-disabled-outline-border, none);--shadow: var(--button-disabled-outline-box-shadow, none)}.box-button.ghost.brand{--background: var(--button-brand-ghost-background, transparent);--foreground: var(--button-brand-ghost-color, inherit);--border: var(--button-brand-ghost-border, none);--shadow: var(--button-brand-ghost-box-shadow, none)}.box-button.ghost.brand:hover,.box-button.ghost.brand.active{--background: var(--button-brand-ghost-background-hover, transparent);--foreground: var(--button-brand-ghost-color-hover, inherit);--border: var(--button-brand-ghost-border-hover, none);--shadow: var(--button-brand-ghost-box-shadow-hover, none)}.box-button.ghost.bw{--background: var(--button-bw-ghost-background, transparent);--foreground: var(--button-bw-ghost-color, inherit);--border: var(--button-bw-ghost-border, none);--shadow: var(--button-bw-ghost-box-shadow, none)}.box-button.ghost.bw:hover,.box-button.ghost.bw.active{--background: var(--button-bw-ghost-background-hover, transparent);--foreground: var(--button-bw-ghost-color-hover, inherit);--border: var(--button-bw-ghost-border-hover, none);--shadow: var(--button-bw-ghost-box-shadow-hover, none)}.box-button.ghost.inverse{--background: var(--button-inverse-ghost-background, transparent);--foreground: var(--button-inverse-ghost-color, inherit);--border: var(--button-inverse-ghost-border, none);--shadow: var(--button-inverse-ghost-box-shadow, none)}.box-button.ghost.inverse:hover,.box-button.ghost.inverse.active{--background: var(--button-inverse-ghost-background-hover, transparent);--foreground: var(--button-inverse-ghost-color-hover, inherit);--border: var(--button-inverse-ghost-border-hover, none);--shadow: var(--button-inverse-ghost-box-shadow-hover, none)}.box-button.ghost[disabled],.box-button.ghost[disabled]:hover,.box-button.ghost[aria-disabled=true],.box-button.ghost[aria-disabled=true]:hover,.box-button.ghost:disabled,.box-button.ghost:disabled:hover{--background: var(--button-disabled-ghost-background, transparent);--foreground: var(--button-disabled-ghost-color, inherit);--border: var(--button-disabled-ghost-border, none);--shadow: var(--button-disabled-ghost-box-shadow, none)}.box-button.extra.brand{--background: var(--button-brand-extra-background, transparent);--foreground: var(--button-brand-extra-color, inherit);--border: var(--button-brand-extra-border, none);--shadow: var(--button-brand-extra-box-shadow, none);--button-small-border-radius: var(--button-small-brand-extra-border-radius, inherit);--button-small-height: var(--button-small-brand-extra-height, inherit);--button-small-padding-inline-min: var(--button-small-brand-extra-padding-inline-min, inherit);--button-small-padding-inline-max: var(--button-small-brand-extra-padding-inline-max, inherit);--button-small-gap: var(--button-small-brand-extra-gap, inherit);--button-small-icon-size-min: var(--button-small-brand-extra-icon-size-min, inherit);--button-small-icon-size-max: var(--button-small-brand-extra-icon-size-max, inherit);--button-small-font-size-min: var(--button-small-brand-extra-font-size-min, inherit);--button-small-font-size-max: var(--button-small-brand-extra-font-size-max, inherit);--button-small-line-height-min: var(--button-small-brand-extra-line-height-min, inherit);--button-small-line-height-max: var(--button-small-brand-extra-line-height-max, inherit);--button-medium-border-radius: var(--button-medium-brand-extra-border-radius, inherit);--button-medium-height: var(--button-medium-brand-extra-height, inherit);--button-medium-padding-inline-min: var(--button-medium-brand-extra-padding-inline-min, inherit);--button-medium-padding-inline-max: var(--button-medium-brand-extra-padding-inline-max, inherit);--button-medium-gap: var(--button-medium-brand-extra-gap, inherit);--button-medium-icon-size-min: var(--button-medium-brand-extra-icon-size-min, inherit);--button-medium-icon-size-max: var(--button-medium-brand-extra-icon-size-max, inherit);--button-medium-font-size-min: var(--button-medium-brand-extra-font-size-min, inherit);--button-medium-font-size-max: var(--button-medium-brand-extra-font-size-max, inherit);--button-medium-line-height-min: var(--button-medium-brand-extra-line-height-min, inherit);--button-medium-line-height-max: var(--button-medium-brand-extra-line-height-max, inherit);--button-large-border-radius: var(--button-large-brand-extra-border-radius, inherit);--button-large-height: var(--button-large-brand-extra-height, inherit);--button-large-padding-inline-min: var(--button-large-brand-extra-padding-inline-min, inherit);--button-large-padding-inline-max: var(--button-large-brand-extra-padding-inline-max, inherit);--button-large-gap: var(--button-large-brand-extra-gap, inherit);--button-large-icon-size-min: var(--button-large-brand-extra-icon-size-min, inherit);--button-large-icon-size-max: var(--button-large-brand-extra-icon-size-max, inherit);--button-large-font-size-min: var(--button-large-brand-extra-font-size-min, inherit);--button-large-font-size-max: var(--button-large-brand-extra-font-size-max, inherit);--button-large-line-height-min: var(--button-large-brand-extra-line-height-min, inherit);--button-large-line-height-max: var(--button-large-brand-extra-line-height-max, inherit)}.box-button.extra.brand:hover,.box-button.extra.brand.active,.box-button.extra.brand:active{--background: var(--button-brand-extra-background-hover, transparent);--foreground: var(--button-brand-extra-color-hover, inherit);--border: var(--button-brand-extra-border-hover, none);--shadow: var(--button-brand-extra-box-shadow-hover, none);--button-small-border-radius: var(--button-small-brand-extra-border-radius-hover, inherit);--button-small-height: var(--button-small-brand-extra-height-hover, inherit);--button-small-padding-inline-min: var(--button-small-brand-extra-padding-inline-min-hover, inherit);--button-small-padding-inline-max: var(--button-small-brand-extra-padding-inline-max-hover, inherit);--button-small-gap: var(--button-small-brand-extra-gap-hover, inherit);--button-small-icon-size-min: var(--button-small-brand-extra-icon-size-min-hover, inherit);--button-small-icon-size-max: var(--button-small-brand-extra-icon-size-max-hover, inherit);--button-small-font-size-min: var(--button-small-brand-extra-font-size-min-hover, inherit);--button-small-font-size-max: var(--button-small-brand-extra-font-size-max-hover, inherit);--button-small-line-height-min: var(--button-small-brand-extra-line-height-min-hover, inherit);--button-small-line-height-max: var(--button-small-brand-extra-line-height-max-hover, inherit);--button-medium-border-radius: var(--button-medium-brand-extra-border-radius-hover, inherit);--button-medium-height: var(--button-medium-brand-extra-height-hover, inherit);--button-medium-padding-inline-min: var(--button-medium-brand-extra-padding-inline-min-hover, inherit);--button-medium-padding-inline-max: var(--button-medium-brand-extra-padding-inline-max-hover, inherit);--button-medium-gap: var(--button-medium-brand-extra-gap-hover, inherit);--button-medium-icon-size-min: var(--button-medium-brand-extra-icon-size-min-hover, inherit);--button-medium-icon-size-max: var(--button-medium-brand-extra-icon-size-max-hover, inherit);--button-medium-font-size-min: var(--button-medium-brand-extra-font-size-min-hover, inherit);--button-medium-font-size-max: var(--button-medium-brand-extra-font-size-max-hover, inherit);--button-medium-line-height-min: var(--button-medium-brand-extra-line-height-min-hover, inherit);--button-medium-line-height-max: var(--button-medium-brand-extra-line-height-max-hover, inherit);--button-large-border-radius: var(--button-large-brand-extra-border-radius-hover, inherit);--button-large-height: var(--button-large-brand-extra-height-hover, inherit);--button-large-padding-inline-min: var(--button-large-brand-extra-padding-inline-min-hover, inherit);--button-large-padding-inline-max: var(--button-large-brand-extra-padding-inline-max-hover, inherit);--button-large-gap: var(--button-large-brand-extra-gap-hover, inherit);--button-large-icon-size-min: var(--button-large-brand-extra-icon-size-min-hover, inherit);--button-large-icon-size-max: var(--button-large-brand-extra-icon-size-max-hover, inherit);--button-large-font-size-min: var(--button-large-brand-extra-font-size-min-hover, inherit);--button-large-font-size-max: var(--button-large-brand-extra-font-size-max-hover, inherit);--button-large-line-height-min: var(--button-large-brand-extra-line-height-min-hover, inherit);--button-large-line-height-max: var(--button-large-brand-extra-line-height-max-hover, inherit)}.box-button.extra.bw{--background: var(--button-bw-extra-background, transparent);--foreground: var(--button-bw-extra-color, inherit);--border: var(--button-bw-extra-border, none);--shadow: var(--button-bw-extra-box-shadow, none);--button-small-border-radius: var(--button-small-bw-extra-border-radius, inherit);--button-small-height: var(--button-small-bw-extra-height, inherit);--button-small-padding-inline-min: var(--button-small-bw-extra-padding-inline-min, inherit);--button-small-padding-inline-max: var(--button-small-bw-extra-padding-inline-max, inherit);--button-small-gap: var(--button-small-bw-extra-gap, inherit);--button-small-icon-size-min: var(--button-small-bw-extra-icon-size-min, inherit);--button-small-icon-size-max: var(--button-small-bw-extra-icon-size-max, inherit);--button-small-font-size-min: var(--button-small-bw-extra-font-size-min, inherit);--button-small-font-size-max: var(--button-small-bw-extra-font-size-max, inherit);--button-small-line-height-min: var(--button-small-bw-extra-line-height-min, inherit);--button-small-line-height-max: var(--button-small-bw-extra-line-height-max, inherit);--button-medium-border-radius: var(--button-medium-bw-extra-border-radius, inherit);--button-medium-height: var(--button-medium-bw-extra-height, inherit);--button-medium-padding-inline-min: var(--button-medium-bw-extra-padding-inline-min, inherit);--button-medium-padding-inline-max: var(--button-medium-bw-extra-padding-inline-max, inherit);--button-medium-gap: var(--button-medium-bw-extra-gap, inherit);--button-medium-icon-size-min: var(--button-medium-bw-extra-icon-size-min, inherit);--button-medium-icon-size-max: var(--button-medium-bw-extra-icon-size-max, inherit);--button-medium-font-size-min: var(--button-medium-bw-extra-font-size-min, inherit);--button-medium-font-size-max: var(--button-medium-bw-extra-font-size-max, inherit);--button-medium-line-height-min: var(--button-medium-bw-extra-line-height-min, inherit);--button-medium-line-height-max: var(--button-medium-bw-extra-line-height-max, inherit);--button-large-border-radius: var(--button-large-bw-extra-border-radius, inherit);--button-large-height: var(--button-large-bw-extra-height, inherit);--button-large-padding-inline-min: var(--button-large-bw-extra-padding-inline-min, inherit);--button-large-padding-inline-max: var(--button-large-bw-extra-padding-inline-max, inherit);--button-large-gap: var(--button-large-bw-extra-gap, inherit);--button-large-icon-size-min: var(--button-large-bw-extra-icon-size-min, inherit);--button-large-icon-size-max: var(--button-large-bw-extra-icon-size-max, inherit);--button-large-font-size-min: var(--button-large-bw-extra-font-size-min, inherit);--button-large-font-size-max: var(--button-large-bw-extra-font-size-max, inherit);--button-large-line-height-min: var(--button-large-bw-extra-line-height-min, inherit);--button-large-line-height-max: var(--button-large-bw-extra-line-height-max, inherit)}.box-button.extra.bw:hover,.box-button.extra.bw.active,.box-button.extra.bw:active{--background: var(--button-bw-extra-background-hover, transparent);--foreground: var(--button-bw-extra-color-hover, inherit);--border: var(--button-bw-extra-border-hover, none);--shadow: var(--button-bw-extra-box-shadow-hover, none);--button-small-border-radius: var(--button-small-bw-extra-border-radius-hover, inherit);--button-small-height: var(--button-small-bw-extra-height-hover, inherit);--button-small-padding-inline-min: var(--button-small-bw-extra-padding-inline-min-hover, inherit);--button-small-padding-inline-max: var(--button-small-bw-extra-padding-inline-max-hover, inherit);--button-small-gap: var(--button-small-bw-extra-gap-hover, inherit);--button-small-icon-size-min: var(--button-small-bw-extra-icon-size-min-hover, inherit);--button-small-icon-size-max: var(--button-small-bw-extra-icon-size-max-hover, inherit);--button-small-font-size-min: var(--button-small-bw-extra-font-size-min-hover, inherit);--button-small-font-size-max: var(--button-small-bw-extra-font-size-max-hover, inherit);--button-small-line-height-min: var(--button-small-bw-extra-line-height-min-hover, inherit);--button-small-line-height-max: var(--button-small-bw-extra-line-height-max-hover, inherit);--button-medium-border-radius: var(--button-medium-bw-extra-border-radius-hover, inherit);--button-medium-height: var(--button-medium-bw-extra-height-hover, inherit);--button-medium-padding-inline-min: var(--button-medium-bw-extra-padding-inline-min-hover, inherit);--button-medium-padding-inline-max: var(--button-medium-bw-extra-padding-inline-max-hover, inherit);--button-medium-gap: var(--button-medium-bw-extra-gap-hover, inherit);--button-medium-icon-size-min: var(--button-medium-bw-extra-icon-size-min-hover, inherit);--button-medium-icon-size-max: var(--button-medium-bw-extra-icon-size-max-hover, inherit);--button-medium-font-size-min: var(--button-medium-bw-extra-font-size-min-hover, inherit);--button-medium-font-size-max: var(--button-medium-bw-extra-font-size-max-hover, inherit);--button-medium-line-height-min: var(--button-medium-bw-extra-line-height-min-hover, inherit);--button-medium-line-height-max: var(--button-medium-bw-extra-line-height-max-hover, inherit);--button-large-border-radius: var(--button-large-bw-extra-border-radius-hover, inherit);--button-large-height: var(--button-large-bw-extra-height-hover, inherit);--button-large-padding-inline-min: var(--button-large-bw-extra-padding-inline-min-hover, inherit);--button-large-padding-inline-max: var(--button-large-bw-extra-padding-inline-max-hover, inherit);--button-large-gap: var(--button-large-bw-extra-gap-hover, inherit);--button-large-icon-size-min: var(--button-large-bw-extra-icon-size-min-hover, inherit);--button-large-icon-size-max: var(--button-large-bw-extra-icon-size-max-hover, inherit);--button-large-font-size-min: var(--button-large-bw-extra-font-size-min-hover, inherit);--button-large-font-size-max: var(--button-large-bw-extra-font-size-max-hover, inherit);--button-large-line-height-min: var(--button-large-bw-extra-line-height-min-hover, inherit);--button-large-line-height-max: var(--button-large-bw-extra-line-height-max-hover, inherit)}.box-button.extra.inverse{--background: var(--button-inverse-extra-background, transparent);--foreground: var(--button-inverse-extra-color, inherit);--border: var(--button-inverse-extra-border, none);--shadow: var(--button-inverse-extra-box-shadow, none);--button-small-border-radius: var(--button-small-inverse-extra-border-radius, inherit);--button-small-height: var(--button-small-inverse-extra-height, inherit);--button-small-padding-inline-min: var(--button-small-inverse-extra-padding-inline-min, inherit);--button-small-padding-inline-max: var(--button-small-inverse-extra-padding-inline-max, inherit);--button-small-gap: var(--button-small-inverse-extra-gap, inherit);--button-small-icon-size-min: var(--button-small-inverse-extra-icon-size-min, inherit);--button-small-icon-size-max: var(--button-small-inverse-extra-icon-size-max, inherit);--button-small-font-size-min: var(--button-small-inverse-extra-font-size-min, inherit);--button-small-font-size-max: var(--button-small-inverse-extra-font-size-max, inherit);--button-small-line-height-min: var(--button-small-inverse-extra-line-height-min, inherit);--button-small-line-height-max: var(--button-small-inverse-extra-line-height-max, inherit);--button-medium-border-radius: var(--button-medium-inverse-extra-border-radius, inherit);--button-medium-height: var(--button-medium-inverse-extra-height, inherit);--button-medium-padding-inline-min: var(--button-medium-inverse-extra-padding-inline-min, inherit);--button-medium-padding-inline-max: var(--button-medium-inverse-extra-padding-inline-max, inherit);--button-medium-gap: var(--button-medium-inverse-extra-gap, inherit);--button-medium-icon-size-min: var(--button-medium-inverse-extra-icon-size-min, inherit);--button-medium-icon-size-max: var(--button-medium-inverse-extra-icon-size-max, inherit);--button-medium-font-size-min: var(--button-medium-inverse-extra-font-size-min, inherit);--button-medium-font-size-max: var(--button-medium-inverse-extra-font-size-max, inherit);--button-medium-line-height-min: var(--button-medium-inverse-extra-line-height-min, inherit);--button-medium-line-height-max: var(--button-medium-inverse-extra-line-height-max, inherit);--button-large-border-radius: var(--button-large-inverse-extra-border-radius, inherit);--button-large-height: var(--button-large-inverse-extra-height, inherit);--button-large-padding-inline-min: var(--button-large-inverse-extra-padding-inline-min, inherit);--button-large-padding-inline-max: var(--button-large-inverse-extra-padding-inline-max, inherit);--button-large-gap: var(--button-large-inverse-extra-gap, inherit);--button-large-icon-size-min: var(--button-large-inverse-extra-icon-size-min, inherit);--button-large-icon-size-max: var(--button-large-inverse-extra-icon-size-max, inherit);--button-large-font-size-min: var(--button-large-inverse-extra-font-size-min, inherit);--button-large-font-size-max: var(--button-large-inverse-extra-font-size-max, inherit);--button-large-line-height-min: var(--button-large-inverse-extra-line-height-min, inherit);--button-large-line-height-max: var(--button-large-inverse-extra-line-height-max, inherit)}.box-button.extra.inverse:hover,.box-button.extra.inverse.active,.box-button.extra.inverse:active{--background: var(--button-inverse-extra-background-hover, transparent);--foreground: var(--button-inverse-extra-color-hover, inherit);--border: var(--button-inverse-extra-border-hover, none);--shadow: var(--button-inverse-extra-box-shadow-hover, none);--button-small-border-radius: var(--button-small-inverse-extra-border-radius-hover, inherit);--button-small-height: var(--button-small-inverse-extra-height-hover, inherit);--button-small-padding-inline-min: var(--button-small-inverse-extra-padding-inline-min-hover, inherit);--button-small-padding-inline-max: var(--button-small-inverse-extra-padding-inline-max-hover, inherit);--button-small-gap: var(--button-small-inverse-extra-gap-hover, inherit);--button-small-icon-size-min: var(--button-small-inverse-extra-icon-size-min-hover, inherit);--button-small-icon-size-max: var(--button-small-inverse-extra-icon-size-max-hover, inherit);--button-small-font-size-min: var(--button-small-inverse-extra-font-size-min-hover, inherit);--button-small-font-size-max: var(--button-small-inverse-extra-font-size-max-hover, inherit);--button-small-line-height-min: var(--button-small-inverse-extra-line-height-min-hover, inherit);--button-small-line-height-max: var(--button-small-inverse-extra-line-height-max-hover, inherit);--button-medium-border-radius: var(--button-medium-inverse-extra-border-radius-hover, inherit);--button-medium-height: var(--button-medium-inverse-extra-height-hover, inherit);--button-medium-padding-inline-min: var(--button-medium-inverse-extra-padding-inline-min-hover, inherit);--button-medium-padding-inline-max: var(--button-medium-inverse-extra-padding-inline-max-hover, inherit);--button-medium-gap: var(--button-medium-inverse-extra-gap-hover, inherit);--button-medium-icon-size-min: var(--button-medium-inverse-extra-icon-size-min-hover, inherit);--button-medium-icon-size-max: var(--button-medium-inverse-extra-icon-size-max-hover, inherit);--button-medium-font-size-min: var(--button-medium-inverse-extra-font-size-min-hover, inherit);--button-medium-font-size-max: var(--button-medium-inverse-extra-font-size-max-hover, inherit);--button-medium-line-height-min: var(--button-medium-inverse-extra-line-height-min-hover, inherit);--button-medium-line-height-max: var(--button-medium-inverse-extra-line-height-max-hover, inherit);--button-large-border-radius: var(--button-large-inverse-extra-border-radius-hover, inherit);--button-large-height: var(--button-large-inverse-extra-height-hover, inherit);--button-large-padding-inline-min: var(--button-large-inverse-extra-padding-inline-min-hover, inherit);--button-large-padding-inline-max: var(--button-large-inverse-extra-padding-inline-max-hover, inherit);--button-large-gap: var(--button-large-inverse-extra-gap-hover, inherit);--button-large-icon-size-min: var(--button-large-inverse-extra-icon-size-min-hover, inherit);--button-large-icon-size-max: var(--button-large-inverse-extra-icon-size-max-hover, inherit);--button-large-font-size-min: var(--button-large-inverse-extra-font-size-min-hover, inherit);--button-large-font-size-max: var(--button-large-inverse-extra-font-size-max-hover, inherit);--button-large-line-height-min: var(--button-large-inverse-extra-line-height-min-hover, inherit);--button-large-line-height-max: var(--button-large-inverse-extra-line-height-max-hover, inherit)}.box-button.extra[disabled],.box-button.extra[disabled]:hover,.box-button.extra[aria-disabled=true],.box-button.extra[aria-disabled=true]:hover,.box-button.extra:disabled,.box-button.extra:disabled:hover{--background: var(--button-disabled-extra-background, transparent);--foreground: var(--button-disabled-extra-color, inherit);--border: var(--button-disabled-extra-border, none);--shadow: var(--button-disabled-extra-box-shadow, none)}.box-button:focus-visible{box-shadow:var(--focus-ring-shadow) !important}.box-button[disabled],.box-button[aria-disabled=true],.box-button:disabled{cursor:not-allowed}