@layer ui{.ui-button{--label-color: @color;color:inherit;font:inherit;line-height:inherit;display:inline-flex;gap:.5em;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;padding-top:var(--ui-button-padding-top, .5em);padding-bottom:var(--ui-button-padding-bottom, .5em);padding-left:var(--ui-button-padding-left, 1em);padding-right:var(--ui-button-padding-right, 1em);text-align:left;background:transparent;transition:border .25s,color .25s,background-color .25s;border-radius:.25em;vertical-align:baseline;align-items:center;justify-content:center;background-image:none;min-width:1.625em;color:var(--ui-button-color, #000);background-color:var(--ui-button-background-color, #eee);border-width:var(--ui-button-border-width, 1px);border-style:solid;border-radius:var(--ui-button-border-radius, .1em);border-color:var(--ui-button-border-color, blue);-webkit-user-select:none;user-select:none;text-decoration:none}.ui-button:disabled{opacity:.35}.ui-button--presentational:disabled{opacity:1}.ui-button--highlighted{background-color:var(--ui-button-background-color-highlighted, var(--ui-button-background-color, #eee))}.ui-button:not(:disabled){cursor:pointer}.ui-button--align-center{justify-content:center}.ui-button--align-left{justify-content:left}.ui-button--align-right{justify-content:right}.ui-button--padding-small{padding-top:calc(var(--ui-button-padding-top, .5em) * .25);padding-bottom:calc(var(--ui-button-padding-bottom, .5em) * .25);padding-left:calc(var(--ui-button-padding-left, 1em) * .25);padding-right:calc(var(--ui-button-padding-right, 1em) * .25)}@media (hover){.ui-button:not(:disabled):hover{background-color:var(--ui-button-background-color-hover, blue)}}@media (hover){.ui-button:not(:disabled):hover{background-color:var(--ui-button-background-color-hover, blue);color:var(--ui-button-color-hover, #000);border-color:var(--ui-button-border-color-hover, blue)}}.ui-button:not(:disabled):active{background-color:var(--ui-button-background-color-active, blue);color:var(--ui-button-color-active, #000);border-color:var(--ui-button-border-color-active)}.ui-button--variant-default{--ui-button-color: var(--ui-button-default-color, #000);--ui-button-color-hover: var(--ui-button-default-color-hover, #000);--ui-button-color-active: var(--ui-button-default-color-active, #000);--ui-button-background-color: var(--ui-button-default-background-color, #eee);--ui-button-background-color-hover: var(--ui-button-default-background-color-hover, blue);--ui-button-background-color-highlighted: var(--ui-button-default-background-color-highlighted, var(--ui-button-default-background-color, #eee));--ui-button-background-color-active: var(--ui-button-default-background-color-active, blue);--ui-button-border-color: var(--ui-button-default-border-color, blue);--ui-button-border-color-hover: var(--ui-button-default-border-color-hover, blue);--ui-button-border-color-active: var(--ui-button-default-border-color-active, blue)}.ui-button--variant-chromeless{--ui-button-color: var(--ui-button-default-color, #000);--ui-button-color-hover: var(--ui-button-default-color-hover, #000);--ui-button-color-active: var(--ui-button-default-color-active, #000);--ui-button-background-color: transparent;--ui-button-background-color-hover: var(--ui-button-default-background-color-hover, blue);--ui-button-background-color-active: var(--ui-button-default-background-color-active, blue);--ui-button-background-color-highlighted: var(--ui-button-default-background-color-highlighted, var(--ui-button-default-background-color, #eee));--ui-button-border-color: transparent;--ui-button-border-color-hover: var(--ui-button-default-border-color-hover, blue);--ui-button-border-color-active: var(--ui-button-default-border-color-active, blue)}.ui-button--variant-chromeless:disabled{background-color:transparent}.ui-button--variant-anchor{display:inline-flex;padding:0;background-color:transparent;border:none;--ui-button-color: var(--ui-button-anchor-color, blue);--ui-button-color-hover: var(--ui-button-anchor-color-hover, darkblue);--ui-button-color-active: var(--ui-button-anchor-color-active, blue);text-decoration:underline;text-decoration-color:var(--ui-anchor-text-decoration-color, blue);text-decoration-thickness:var(--ui-anchor-text-decoration-thickness, 1px);text-underline-offset:var(--ui-anchor-text-decoration-offset, 1px)}@media (hover){.ui-button--variant-anchor:not(:disabled):hover{color:var(--ui-button-anchor-color-hover, darkblue);background-color:transparent;text-decoration:underline;text-decoration-color:var(--ui-anchor-text-decoration-color-hover, darkblue);text-decoration-thickness:var(--ui-anchor-text-decoration-thickness-hover, 2px)}}.ui-button--variant-primary{--ui-button-color: var(--ui-button-primary-color, #fff);--ui-button-color-hover: var(--ui-button-primary-color-hover, blue);--ui-button-color-active: var(--ui-button-primary-color-active, blue);--ui-button-background-color: var(--ui-button-primary-background-color, blue);--ui-button-background-color-hover: var(--ui-button-primary-background-color-hover, lightblue);--ui-button-background-color-active: var(--ui-button-primary-background-color-active, darkblue);--ui-button-border-color: var(--ui-button-primary-border-color, transparent);--ui-button-border-color-hover: var(--ui-button-primary-border-color-hover, #fff);--ui-button-border-color-active: var(--ui-button-primary-border-color-active, #fff)}.ui-button--variant-positive{--ui-button-color: var(--ui-button-positive-color, #fff);--ui-button-color-hover: var(--ui-button-positive-color-hover, blue);--ui-button-color-active: var(--ui-button-positive-color-active, blue);--ui-button-background-color: var(--ui-button-positive-background-color, blue);--ui-button-background-color-hover: var(--ui-button-positive-background-color-hover, lightblue);--ui-button-background-color-active: var(--ui-button-positive-background-color-active, darkblue);--ui-button-border-color: var(--ui-button-positive-border-color, transparent);--ui-button-border-color-hover: var(--ui-button-positive-border-color-hover, #fff);--ui-button-border-color-active: var(--ui-button-positive-border-color-active, #fff)}.ui-button--variant-negative{--ui-button-color: var(--ui-button-negative-color, #fff);--ui-button-color-hover: var(--ui-button-negative-color-hover, blue);--ui-button-color-active: var(--ui-button-negative-color-active, blue);--ui-button-background-color: var(--ui-button-negative-background-color, blue);--ui-button-background-color-hover: var(--ui-button-negative-background-color-hover, lightblue);--ui-button-background-color-active: var(--ui-button-negative-background-color-active, darkblue);--ui-button-border-color: var(--ui-button-negative-border-color, transparent);--ui-button-border-color-hover: var(--ui-button-negative-border-color-hover, #fff);--ui-button-border-color-active: var(--ui-button-negative-border-color-active, #fff)}.ui-button--variant-warning{--ui-button-color: var(--ui-button-warning-color, #fff);--ui-button-color-hover: var(--ui-button-warning-color-hover, blue);--ui-button-color-active: var(--ui-button-warning-color-active, blue);--ui-button-background-color: var(--ui-button-warning-background-color, blue);--ui-button-background-color-hover: var(--ui-button-warning-background-color-hover, lightblue);--ui-button-background-color-active: var(--ui-button-warning-background-color-active, darkblue);--ui-button-border-color: var(--ui-button-warning-border-color, transparent);--ui-button-border-color-hover: var(--ui-button-warning-border-color-hover, #fff);--ui-button-border-color-active: var(--ui-button-warning-border-color-active, #fff)}.ui-button--fluid{width:100%}}