@layer components{.button{--label-color:@color;color:var(--ui-button-color,currentColor);line-height:inherit;appearance: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;vertical-align:baseline;min-width:calc(em(18) + .25em + .25em);background:0 0;background-color:var(--ui-button-background-color,#eee);border:none;border-width:var(--ui-button-border-width,1px);border-radius:.25em;border-radius:var(--ui-button-border-radius,.1em);border-style:solid;border-color:var(--ui-button-border-color,blue);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.25em;text-decoration:none;transition:border .25s,color .25s,background-color .25s;display:inline-flex;position:relative;text-decoration:none!important}.button:disabled{opacity:.35}.button--presentational:disabled{opacity:1}.button--highlighted{background-color:var(--ui-button-background-color-highlighted,var(--ui-button-background-color,#eee))}.button:not(:disabled):is(a),.button:not(:disabled):is(button){cursor:pointer}.button--align-center{justify-content:center}.button--align-left{justify-content:left}.button--align-right{justify-content:right}.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){.button:not(:disabled):is(a):hover,.button:not(:disabled):is(button):hover{background-color:var(--ui-button-background-color-hover,blue);color:var(--ui-button-color-hover,currentColor);border-color:var(--ui-button-border-color-hover,blue)}}.button:not(:disabled):is(a):active,.button:not(:disabled):is(button):active{background-color:var(--ui-button-background-color-active,blue);color:var(--ui-button-color-active,currentColor);border-color:var(--ui-button-border-color-active)}.button--variant-default{--ui-button-color:var(--ui-button-default-color,currentColor);--ui-button-color-hover:var(--ui-button-default-color-hover,currentColor);--ui-button-color-active:var(--ui-button-default-color-active,currentColor);--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)}.button--variant-chromeless{--ui-button-color:var(--ui-button-default-color,currentColor);--ui-button-color-hover:var(--ui-button-default-color-hover,currentColor);--ui-button-color-active:var(--ui-button-default-color-active,currentColor);--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)}.button--variant-chromeless:disabled{background-color:#0000}.button--variant-anchor{--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;-webkit-text-decoration-color:var(--ui-button-anchor-text-decoration-color,currentColor);text-decoration-color:var(--ui-button-anchor-text-decoration-color,currentColor);-webkit-text-decoration-color:var(--link-text-decoration-color);text-decoration-color:var(--link-text-decoration-color);text-decoration-thickness:var(--ui-button-anchor-text-decoration-thickness,1px);text-underline-offset:var(--ui-button-anchor-text-decoration-offset,1px);background-color:#0000;border:none;padding:0;display:inline}@media (hover){.button--variant-anchor:not(:disabled):is(a):hover,.button--variant-anchor:not(:disabled):is(button):hover{color:var(--ui-button-anchor-color-hover,darkblue);text-decoration:underline;-webkit-text-decoration-color:var(--ui-button-anchor-text-decoration-color-hover,currentColor);text-decoration-color:var(--ui-button-anchor-text-decoration-color-hover,currentColor);text-decoration-thickness:var(--ui-button-anchor-text-decoration-thickness-hover,2px);background-color:#0000}}.button--variant-anchor:not(:disabled):is(a):active,.button--variant-anchor:not(:disabled):is(button):active{color:var(--ui-button-anchor-color-hover,darkblue);text-decoration:underline;-webkit-text-decoration-color:var(--ui-button-anchor-text-decoration-color-hover,currentColor);text-decoration-color:var(--ui-button-anchor-text-decoration-color-hover,currentColor);text-decoration-thickness:var(--ui-button-anchor-text-decoration-thickness-hover,2px);background-color:#0000}.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)}.button--variant-outline{--ui-button-color:var(--ui-button-outline-color,#fff);--ui-button-color-hover:var(--ui-button-outline-color-hover,blue);--ui-button-color-active:var(--ui-button-outline-color-active,blue);--ui-button-background-color:var(--ui-button-outline-background-color,transparent);--ui-button-background-color-hover:var(--ui-button-outline-background-color-hover,lightblue);--ui-button-background-color-active:var(--ui-button-outline-background-color-active,darkblue);--ui-button-border-color:var(--ui-button-outline-border-color,transparent);--ui-button-border-color-hover:var(--ui-button-outline-border-color-hover,#fff);--ui-button-border-color-active:var(--ui-button-outline-border-color-active,#fff)}.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)}.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)}.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%}}