._ditherBackground_17jmy_1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}@layer components {
  ._button_tnv33_2 {
    --underline-offset: -0.45em;
    --underline-height: 0.075em;
    cursor: pointer;
    display: inline-flex;
    gap: var(--osdc-size-8);
    align-items: center;
    width: fit-content;
    position: relative;
  }
  :where(._button_tnv33_2)::after {
    cursor: inherit;
    content: "";
    position: absolute;
    inset: calc(-1 * 0.5em) calc(-1 * 0.5em) calc(-1 * 0.5em) calc(-1 * 0.5em);
    min-width: 2.2rem;
    min-height: 2.2rem;
    margin: auto;
  }
  ._button_tnv33_2:disabled {
    cursor: auto;
    opacity: 50%;
  }
  ._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline] {
    padding-block: var(--osdc-size-8);
    padding-inline: var(--osdc-size-20);
    transition-delay: 100ms;
    transition-timing-function: ease;
    transition-duration: 300ms;
    transition-property: background-color, color, border, opacity;
  }
  :where(._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline]) {
    font-family: var(--osdc-font-primary);
    font-weight: 600;
    line-height: 1.5;
    font-size: 1rem;
  }
  @media (min-width: 480px) {
    :where(._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline]) {
      font-size: clamp(0.8rem, 1.1rem + -0.4166666667vw, 1rem);
    }
  }
  :where(._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline]) {
    /* stylelint-disable-next-line order/order */
  }
  @media (min-width: 1440px) {
    :where(._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline]) {
      font-size: 0.8rem;
    }
  }
  :where(._button_tnv33_2[data-variant=fill], ._button_tnv33_2[data-variant=outline]) {
    color: var(--surface-accent-secondary, #012c35);
  }
  ._button_tnv33_2[data-variant=fill]:hover:not(._static_tnv33_55), ._button_tnv33_2[data-variant=outline]:hover:not(._static_tnv33_55) {
    transition-delay: 0ms;
    transition-duration: 500ms;
  }
  ._button_tnv33_2[data-variant=link] {
    display: inline-block;
  }
  ._button_tnv33_2[data-variant=link]:focus-visible {
    outline-offset: 0.5em !important;
  }
  ._button_tnv33_2[data-variant=fill] {
    --button-background: var(--surface-button, var(--surface-accent));
    --button-hover-background: color-mix(in hsl, var(--surface-button, var(--surface-accent)), black 20%);
    border: var(--osdc-size-1) solid var(--button-background);
    color: lch(from var(--button-background) calc((l - 50) * -100) 0 0);
    background-color: var(--button-background);
  }
  ._button_tnv33_2[data-variant=outline] {
    --button-background: var(--surface-button, var(--surface-foreground));
    --button-hover-background: var(--surface-button, var(--surface-accent));
    border: var(--osdc-size-1) solid currentColor;
    color: lch(from var(--button-background) calc((l - 50) * -100) 0 0);
    background-color: transparent;
  }
  ._button_tnv33_2[data-variant=outline]:hover:not(._static_tnv33_55) {
    border-color: var(--button-background);
    color: lch(from var(--button-hover-background) calc((l - 50) * -100) 0 0);
  }
  ._button__text_tnv33_83 {
    display: inline;
    padding-bottom: calc(var(--underline-offset) * -1);
    background-image: linear-gradient(color-mix(in srgb, currentColor, transparent 25%), color-mix(in srgb, currentColor, transparent 25%));
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 0% var(--underline-height);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: background-size 300ms ease;
  }
  ._button_tnv33_2:hover:not(._static_tnv33_55) ._button__text_tnv33_83 {
    background-position: 0% 100%;
    background-size: 100% var(--underline-height);
  }
  ._button_tnv33_2:disabled:hover:not(._static_tnv33_55) ._button__text_tnv33_83 {
    background-size: 0% var(--underline-height);
  }
}