/**
 * This file was automatically generated. Please run `npm run dist` to update.
 */

.ct-button {
  cursor: pointer;
  border: 0.125rem solid transparent;
  border-radius: 0.25rem;
  appearance: button;
}
@media (min-width: 0) {
  .ct-button {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
.ct-button {
  padding: 0.875rem 2.5rem;
}
.ct-button--primary {
  display: inline-block;
  text-decoration: none;
  outline-offset: 0.125rem;
  outline-width: 0.1875rem;
}
.ct-button--primary {
  transition: all 0.25s ease;
}
.ct-button--primary:focus-visible, .ct-button--primary:hover, .ct-button--primary:active {
  text-decoration: none;
}
.ct-button--primary[disabled] {
  text-decoration: none;
  pointer-events: none;
  user-select: none;
  opacity: 50%;
}
.ct-button--primary input {
  position: absolute !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  overflow: hidden;
  height: 1px !important;
  width: 1px !important;
  word-wrap: normal;
}
.ct-button--primary input.ct-focusable:active, .ct-button--primary input.ct-focusable:focus-visible, .ct-button--primary input.ct-focusable:hover {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto !important;
  height: auto !important;
}
.ct-button--primary.ct-theme-light {
  background-color: var(--ct-color-light-interaction-background);
  border-color: var(--ct-color-light-interaction-background);
  color: var(--ct-color-light-interaction-text);
}
.ct-button--primary.ct-theme-light:hover {
  background-color: var(--ct-color-light-interaction-hover-background);
  border-color: var(--ct-color-light-interaction-hover-background);
  color: var(--ct-color-light-interaction-hover-text);
}
.ct-button--primary.ct-theme-light:active, .ct-button--primary.ct-theme-light.active {
  background-color: var(--ct-color-light-interaction-hover-background);
  border-color: var(--ct-color-light-interaction-hover-background);
  color: var(--ct-color-light-interaction-hover-text);
}
.ct-button--primary.ct-theme-light:focus-visible, .ct-button--primary.ct-theme-light.focus {
  outline-color: var(--ct-color-light-interaction-focus);
  outline-style: solid;
}
.ct-button--primary.ct-theme-dark {
  background-color: var(--ct-color-dark-interaction-background);
  border-color: var(--ct-color-dark-interaction-background);
  color: var(--ct-color-dark-interaction-text);
}
.ct-button--primary.ct-theme-dark:hover {
  background-color: var(--ct-color-dark-interaction-hover-background);
  border-color: var(--ct-color-dark-interaction-hover-background);
  color: var(--ct-color-dark-interaction-hover-text);
}
.ct-button--primary.ct-theme-dark:active, .ct-button--primary.ct-theme-dark.active {
  background-color: var(--ct-color-dark-interaction-hover-background);
  border-color: var(--ct-color-dark-interaction-hover-background);
  color: var(--ct-color-dark-interaction-hover-text);
}
.ct-button--primary.ct-theme-dark:focus-visible, .ct-button--primary.ct-theme-dark.focus {
  outline-color: var(--ct-color-dark-interaction-focus);
  outline-style: solid;
}
.ct-button--secondary {
  display: inline-block;
  text-decoration: none;
  outline-offset: 0.125rem;
  outline-width: 0.1875rem;
}
.ct-button--secondary {
  transition: all 0.25s ease;
}
.ct-button--secondary:focus-visible, .ct-button--secondary:hover, .ct-button--secondary:active {
  text-decoration: none;
}
.ct-button--secondary[disabled] {
  text-decoration: none;
  pointer-events: none;
  user-select: none;
  opacity: 50%;
}
.ct-button--secondary input {
  position: absolute !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  overflow: hidden;
  height: 1px !important;
  width: 1px !important;
  word-wrap: normal;
}
.ct-button--secondary input.ct-focusable:active, .ct-button--secondary input.ct-focusable:focus-visible, .ct-button--secondary input.ct-focusable:hover {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto !important;
  height: auto !important;
}
.ct-button--secondary.ct-theme-light {
  background-color: transparent;
  border-color: var(--ct-color-light-interaction-background);
  color: var(--ct-color-light-interaction-background);
}
.ct-button--secondary.ct-theme-light:hover {
  background-color: transparent;
  border-color: var(--ct-color-light-interaction-hover-background);
  color: var(--ct-color-light-interaction-hover-background);
}
.ct-button--secondary.ct-theme-light:active, .ct-button--secondary.ct-theme-light.active {
  background-color: transparent;
  border-color: var(--ct-color-light-interaction-hover-background);
  color: var(--ct-color-light-interaction-hover-background);
}
.ct-button--secondary.ct-theme-light:focus-visible, .ct-button--secondary.ct-theme-light.focus {
  outline-color: var(--ct-color-light-interaction-focus);
  outline-style: solid;
}
.ct-button--secondary.ct-theme-dark {
  background-color: transparent;
  border-color: var(--ct-color-dark-interaction-background);
  color: var(--ct-color-dark-interaction-background);
}
.ct-button--secondary.ct-theme-dark:hover {
  background-color: transparent;
  border-color: var(--ct-color-dark-interaction-hover-background);
  color: var(--ct-color-dark-interaction-hover-background);
}
.ct-button--secondary.ct-theme-dark:active, .ct-button--secondary.ct-theme-dark.active {
  background-color: transparent;
  border-color: var(--ct-color-dark-interaction-hover-background);
  color: var(--ct-color-dark-interaction-hover-background);
}
.ct-button--secondary.ct-theme-dark:focus-visible, .ct-button--secondary.ct-theme-dark.focus {
  outline-color: var(--ct-color-dark-interaction-focus);
  outline-style: solid;
}
.ct-button--tertiary {
  display: inline-block;
  text-decoration: none;
  outline-offset: 0.125rem;
  outline-width: 0.1875rem;
}
.ct-button--tertiary {
  transition: all 0.25s ease;
}
.ct-button--tertiary:focus-visible, .ct-button--tertiary:hover, .ct-button--tertiary:active {
  text-decoration: none;
}
.ct-button--tertiary[disabled] {
  text-decoration: none;
  pointer-events: none;
  user-select: none;
  opacity: 50%;
}
.ct-button--tertiary input {
  position: absolute !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  overflow: hidden;
  height: 1px !important;
  width: 1px !important;
  word-wrap: normal;
}
.ct-button--tertiary input.ct-focusable:active, .ct-button--tertiary input.ct-focusable:focus-visible, .ct-button--tertiary input.ct-focusable:hover {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto !important;
  height: auto !important;
}
.ct-button--tertiary.ct-theme-light {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-light-interaction-background);
}
.ct-button--tertiary.ct-theme-light:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-light-interaction-hover-background);
}
.ct-button--tertiary.ct-theme-light:active, .ct-button--tertiary.ct-theme-light.active {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-light-interaction-hover-background);
}
.ct-button--tertiary.ct-theme-light:focus-visible, .ct-button--tertiary.ct-theme-light.focus {
  outline-color: var(--ct-color-light-interaction-focus);
  outline-style: solid;
}
.ct-button--tertiary.ct-theme-dark {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-dark-interaction-background);
}
.ct-button--tertiary.ct-theme-dark:hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-dark-interaction-hover-background);
}
.ct-button--tertiary.ct-theme-dark:active, .ct-button--tertiary.ct-theme-dark.active {
  background-color: transparent;
  border-color: transparent;
  color: var(--ct-color-dark-interaction-hover-background);
}
.ct-button--tertiary.ct-theme-dark:focus-visible, .ct-button--tertiary.ct-theme-dark.focus {
  outline-color: var(--ct-color-dark-interaction-focus);
  outline-style: solid;
}
.ct-button--tertiary:focus-visible, .ct-button--tertiary:hover, .ct-button--tertiary:active {
  text-decoration: none;
}
@media (min-width: 0) {
  .ct-button--tertiary--large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--tertiary--large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
  }
}
.ct-button--tertiary--large__dismiss {
  margin-left: 1.5rem;
}
@media (min-width: 0) {
  .ct-button--tertiary--regular {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--tertiary--regular {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
.ct-button--tertiary--regular__dismiss {
  margin-left: 1.5rem;
}
@media (min-width: 0) {
  .ct-button--tertiary--small {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--tertiary--small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
  }
}
.ct-button--tertiary--small {
  border-width: 0.0625rem;
}
.ct-button--tertiary--small__dismiss {
  margin-left: 1rem;
}
@media (min-width: 0) {
  .ct-button--large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--large {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
  }
}
.ct-button--large {
  padding: 1rem 3rem;
}
.ct-button--large.ct-button--tertiary {
  padding: 0;
}
@media (min-width: 0) {
  .ct-button--regular {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--regular {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: -0.1px;
  }
}
.ct-button--regular {
  padding: 0.875rem 2.5rem;
}
.ct-button--regular.ct-button--tertiary {
  padding: 0;
}
@media (min-width: 0) {
  .ct-button--small {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: -0.1px;
  }
}
@media (min-width: 768px) {
  .ct-button--small {
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
  }
}
.ct-button--small {
  border-width: 0.0625rem;
}
.ct-button--small {
  padding: 0.5rem 2rem;
}
.ct-button--small.ct-button--tertiary {
  padding: 0;
}