/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/* prettier-ignore */
.forge-button {
  --_button-primary-color: var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));
  --_button-text-color: var(--forge-button-text-color, var(--_button-primary-color));
  --_button-disabled-color: var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));
  --_button-padding: var(--forge-button-padding, 8px);
  --_button-display: var(--forge-button-display, inline-flex);
  --_button-justify: var(--forge-button-justify, center);
  --_button-shape: var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));
  --_button-height: var(--forge-button-height, 36px);
  --_button-min-width: var(--forge-button-min-width, 64px);
  --_button-spacing: var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));
  --_button-border-width: var(--forge-button-border-width, medium);
  --_button-border-style: var(--forge-button-border-style, none);
  --_button-border-color: var(--forge-button-border-color, currentColor);
  --_button-shape-start-start-radius: var(--forge-button-shape-start-start-radius, var(--_button-shape));
  --_button-shape-start-end-radius: var(--forge-button-shape-start-end-radius, var(--_button-shape));
  --_button-shape-end-start-radius: var(--forge-button-shape-end-start-radius, var(--_button-shape));
  --_button-shape-end-end-radius: var(--forge-button-shape-end-end-radius, var(--_button-shape));
  --_button-padding-block: var(--forge-button-padding-block, var(--_button-padding));
  --_button-padding-inline: var(--forge-button-padding-inline, var(--_button-padding));
  --_button-background: var(--forge-button-background, transparent);
  --_button-hover-background: var(--forge-button-hover-background, var(--_button-background));
  --_button-active-background: var(--forge-button-active-background, var(--_button-background));
  --_button-color: var(--forge-button-color, var(--_button-text-color));
  --_button-icon-size: var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));
  --_button-shadow: var(--forge-button-shadow, none);
  --_button-hover-shadow: var(--forge-button-hover-shadow, none);
  --_button-active-shadow: var(--forge-button-active-shadow, none);
  --_button-cursor: var(--forge-button-cursor, pointer);
  --_button-transition-duration: var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));
  --_button-transition-timing: var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));
  --_button-outlined-background: var(--forge-button-outlined-background, transparent);
  --_button-outlined-color: var(--forge-button-outlined-color, var(--_button-primary-color));
  --_button-outlined-border-width: var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));
  --_button-outlined-border-style: var(--forge-button-outlined-border-style, solid);
  --_button-outlined-border-color: var(--forge-button-outlined-border-color, var(--_button-primary-color));
  --_button-tonal-background: var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));
  --_button-tonal-disabled-background: var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));
  --_button-tonal-color: var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));
  --_button-tonal-disabled-color: var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));
  --_button-filled-background: var(--forge-button-filled-background, var(--_button-primary-color));
  --_button-filled-disabled-background: var(--forge-button-filled-disabled-background, var(--_button-disabled-color));
  --_button-filled-color: var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));
  --_button-filled-disabled-color: var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));
  --_button-raised-background: var(--forge-button-raised-background, var(--_button-primary-color));
  --_button-raised-disabled-background: var(--forge-button-raised-disabled-background, var(--_button-disabled-color));
  --_button-raised-color: var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));
  --_button-raised-disabled-color: var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));
  --_button-raised-shadow: var(--forge-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
  --_button-raised-hover-shadow: var(--forge-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));
  --_button-raised-active-shadow: var(--forge-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));
  --_button-raised-disabled-shadow: var(--forge-button-raised-disabled-shadow, none);
  --_button-link-color: var(--forge-button-link-color, var(--_button-primary-color));
  --_button-link-text-decoration: var(--forge-button-link-text-decoration, underline);
  --_button-link-height: var(--forge-button-link-height, auto);
  --_button-link-padding: var(--forge-button-link-padding, 0);
  --_button-link-line-height: var(--forge-button-link-line-height, normal);
  --_button-link-width: var(--forge-button-link-width, auto);
  --_button-link-hover-text-decoration: var(--forge-button-link-hover-text-decoration, none);
  --_button-link-active-opacity: var(--forge-button-link-active-opacity, 0.65);
  --_button-link-transition-duration: var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));
  --_button-link-transition-timing: var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));
  --_button-disabled-cursor: var(--forge-button-disabled-cursor, not-allowed);
  --_button-disabled-text-color: var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));
  --_button-disabled-background: var(--forge-button-disabled-background, transparent);
  --_button-disabled-border-color: var(--forge-button-disabled-border-color, var(--_button-disabled-color));
  --_button-disabled-shadow: var(--forge-button-disabled-shadow, none);
  --_button-dense-height: var(--forge-button-dense-height, 24px);
  --_button-pill-shape: var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));
  --_button-pill-padding-inline: var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));
  --_button-focus-indicator-offset: var(--forge-button-focus-indicator-offset, 4px);
  --_button-text-focus-indicator-offset: var(--forge-button-text-focus-indicator-offset, 0px);
  --_button-link-focus-indicator-offset: var(--forge-button-link-focus-indicator-offset, 2px);
  --_button-popover-icon-transition-duration: var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));
  --_button-popover-icon-transition-timing: var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));
  --_button-popover-icon-open-rotation: var(--forge-button-popover-icon-open-rotation, 180deg);
}

.forge-button {
  display: var(--_button-display);
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-button-font-weight, 500);
  line-height: var(--forge-typography-button-line-height, normal);
  letter-spacing: var(--forge-typography-button-letter-spacing, 0.0714285714em);
  text-transform: var(--forge-typography-button-text-transform, inherit);
  text-decoration: var(--forge-typography-button-text-decoration, inherit);
  position: relative;
  display: var(--_button-display);
  align-items: center;
  justify-content: var(--_button-justify);
  gap: var(--_button-spacing);
  z-index: 0;
  box-sizing: border-box;
  min-inline-size: var(--_button-min-width);
  height: var(--_button-height);
  inline-size: 100%;
  border-width: var(--_button-border-width);
  border-style: var(--_button-border-style);
  border-color: var(--_button-border-color);
  border-start-start-radius: var(--_button-shape-start-start-radius);
  border-start-end-radius: var(--_button-shape-start-end-radius);
  border-end-start-radius: var(--_button-shape-end-start-radius);
  border-end-end-radius: var(--_button-shape-end-end-radius);
  padding-block: var(--_button-padding-block);
  padding-inline: var(--_button-padding-inline);
  box-shadow: var(--_button-shadow);
  outline: none;
  user-select: none;
  -webkit-appearance: none;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  background: var(--_button-background);
  color: var(--_button-color);
  cursor: var(--_button-cursor);
  transition-property: box-shadow, background;
  transition-duration: var(--_button-transition-duration);
  transition-timing-function: var(--_button-transition-timing);
  position: relative;
  inline-size: auto;
  --forge-icon-font-size: var(--_button-icon-size);
}
.forge-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.forge-button:hover {
  --_button-shadow: var(--_button-hover-shadow);
  background: var(--_button-hover-background);
}
.forge-button:active {
  --_button-shadow: var(--_button-active-shadow);
  background: var(--_button-active-background);
}
.forge-button:not(:disabled) {
  outline: none;
  --forge-focus-indicator-color: var(--_button-primary-color);
}
.forge-button:not(:disabled):not(.forge-button--link) {
  --_state-layer-display: var(--forge-state-layer-display, flex);
  --_state-layer-color: var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));
  --_state-layer-hover-color: var(--forge-state-layer-hover-color, var(--_state-layer-color));
  --_state-layer-hover-opacity: var(--forge-state-layer-hover-opacity, 0.08);
  --_state-layer-pressed-color: var(--forge-state-layer-pressed-color, var(--_state-layer-color));
  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.12);
  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);
  --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);
  --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);
}
.forge-button:not(:disabled):not(.forge-button--link)::before {
  opacity: 0;
  position: absolute;
  background-color: var(--_state-layer-hover-color);
  inset: 0;
  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;
  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 100ms);
  content: "";
  opacity: 0;
  border-radius: inherit;
}
.forge-button:not(:disabled):not(.forge-button--link):hover::before {
  background-color: var(--_state-layer-hover-color);
  opacity: var(--_state-layer-hover-opacity);
}
.forge-button:not(:disabled):not(.forge-button--link):active::before {
  opacity: var(--_state-layer-pressed-opacity);
  transition-duration: var(--_state-layer-pressed-duration);
  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.18);
}
@keyframes forge-focus-indicator-outward-grow {
  from {
    outline-width: 0;
  }
  to {
    outline-width: var(--_focus-indicator-active-width);
  }
}
@keyframes forge-focus-indicator-outward-shrink {
  from {
    outline-width: var(--_focus-indicator-active-width);
  }
}
@keyframes forge-focus-indicator-inward-grow {
  from {
    border-width: 0;
  }
  to {
    border-width: var(--_focus-indicator-active-width);
  }
}
@keyframes forge-focus-indicator-inward-shrink {
  from {
    border-width: var(--_focus-indicator-active-width);
  }
}
.forge-button:not(:disabled):focus-visible::after {
  --_focus-indicator-display: var(--forge-focus-indicator-display, flex);
  --_focus-indicator-width: var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));
  --_focus-indicator-active-width: var(--forge-focus-indicator-active-width, 6px);
  --_focus-indicator-color: var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));
  --_focus-indicator-shape: var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));
  --_focus-indicator-duration: var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));
  --_focus-indicator-easing: var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));
  --_focus-indicator-shape-start-start: var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));
  --_focus-indicator-shape-start-end: var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));
  --_focus-indicator-shape-end-end: var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));
  --_focus-indicator-shape-end-start: var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));
  --_focus-indicator-outward-offset: var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));
  --_focus-indicator-inward-offset: var(--forge-focus-indicator-inward-offset, 0px);
  --_focus-indicator-offset-block: var(--forge-focus-indicator-offset-block, 0);
  --_focus-indicator-offset-inline: var(--forge-focus-indicator-offset-inline, 0);
}
.forge-button:not(:disabled):focus-visible::after {
  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);
  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);
  animation-timing-function: var(--_focus-indicator-easing);
  box-sizing: border-box;
  color: var(--_focus-indicator-color);
  display: none;
  pointer-events: none;
  position: absolute;
  margin-block: var(--_focus-indicator-offset-block);
  margin-inline: var(--_focus-indicator-offset-inline);
  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;
  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));
  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));
  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));
  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));
  inset: calc(-1 * var(--_focus-indicator-outward-offset));
  outline: var(--_focus-indicator-width) solid currentColor;
  content: "";
  display: block;
}
.forge-button:disabled {
  cursor: var(--_button-disabled-cursor);
  --_button-background: var(--_button-disabled-background);
  --_button-color: var(--_button-disabled-text-color);
  --_button-shadow: var(--_button-disabled-shadow);
  pointer-events: none;
  pointer-events: initial;
}
.forge-button--outlined {
  --_button-background: var(--_button-outlined-background);
  --_button-color: var(--_button-outlined-color);
  --_button-border-width: var(--_button-outlined-border-width);
  --_button-border-style: var(--_button-outlined-border-style);
  --_button-border-color: var(--_button-outlined-border-color);
}
.forge-button--outlined:disabled {
  --_button-border-color: var(--_button-disabled-border-color);
}
.forge-button--tonal {
  --_button-background: var(--_button-tonal-background);
  --_button-color: var(--_button-tonal-color);
}
.forge-button--tonal:disabled {
  --_button-background: var(--_button-tonal-disabled-background);
  --_button-color: var(--_button-tonal-disabled-color);
}
.forge-button--filled, .forge-button--raised {
  --_button-background: var(--_button-filled-background);
  --_button-color: var(--_button-filled-color);
  --forge-state-layer-color: var(--_button-filled-color);
}
.forge-button--filled:disabled, .forge-button--raised:disabled {
  --_button-background: var(--_button-filled-disabled-background);
  --_button-color: var(--_button-filled-disabled-color);
}
.forge-button--raised {
  --_button-background: var(--_button-raised-background);
  --_button-color: var(--_button-raised-color);
  --_button-shadow: var(--_button-raised-shadow);
}
.forge-button--raised:hover {
  --_button-shadow: var(--_button-raised-hover-shadow);
}
.forge-button--raised:active {
  --_button-shadow: var(--_button-raised-active-shadow);
}
.forge-button--raised:disabled {
  --_button-background: var(--_button-raised-disabled-background);
  --_button-color: var(--_button-raised-disabled-color);
  --_button-shadow: var(--_button-raised-disabled-shadow);
}
.forge-button--link {
  --_button-color: var(--_button-link-color);
  --_button-height: var(--_button-link-height);
  --_button-padding: var(--_button-link-padding);
  --_button-focus-indicator-offset: var(--_button-link-focus-indicator-offset);
  text-decoration: var(--_button-link-text-decoration);
  line-height: var(--_button-link-line-height);
  transition: opacity var(--_button-link-transition-duration) var(--_button-link-transition-timing);
  inline-size: var(--_button-link-width);
}
.forge-button--link:hover {
  text-decoration: var(--_button-link-hover-text-decoration);
}
.forge-button--link:active {
  opacity: var(--_button-link-active-opacity);
}
.forge-button--pill {
  --_button-shape: var(--_button-pill-shape);
  --_button-padding-inline: var(--_button-pill-padding-inline);
  --forge-focus-indicator-shape: var(--_button-pill-shape);
}
.forge-button--dense {
  --_button-height: var(--_button-dense-height);
}