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

.ct-button {
  cursor: pointer;
  border: var(--ct-button-border-width) solid transparent;
  border-radius: var(--ct-button-border-radius);
  appearance: button;
  font-size: var(--ct-typography-label-regular-font-size);
  line-height: var(--ct-typography-label-regular-line-height);
  font-family: var(--ct-typography-label-regular-font-name);
  font-weight: var(--ct-typography-label-regular-font-weight);
  letter-spacing: var(--ct-typography-label-regular-letter-spacing);
}
.ct-button {
  padding: 0.875rem 2.5rem;
}
.ct-button--primary {
  display: inline-block;
  text-decoration: none;
  outline-offset: var(--ct-button-outline-offset);
  outline-width: var(--ct-button-outline-width);
}
.ct-button--primary {
  transition: all var(--ct-button-animation-duration) 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-button-light-primary-background-color);
  border-color: var(--ct-button-light-primary-border-color);
  color: var(--ct-button-light-primary-color);
}
.ct-button--primary.ct-theme-light:hover {
  background-color: var(--ct-button-light-primary-hover-background-color);
  border-color: var(--ct-button-light-primary-hover-border-color);
  color: var(--ct-button-light-primary-hover-color);
}
.ct-button--primary.ct-theme-light:active, .ct-button--primary.ct-theme-light.active {
  background-color: var(--ct-button-light-primary-active-background-color);
  border-color: var(--ct-button-light-primary-active-border-color);
  color: var(--ct-button-light-primary-active-color);
}
.ct-button--primary.ct-theme-light:focus-visible, .ct-button--primary.ct-theme-light.focus {
  outline-color: var(--ct-button-light-primary-focus-outline-color);
  outline-style: solid;
}
.ct-button--primary.ct-theme-dark {
  background-color: var(--ct-button-dark-primary-background-color);
  border-color: var(--ct-button-dark-primary-border-color);
  color: var(--ct-button-dark-primary-color);
}
.ct-button--primary.ct-theme-dark:hover {
  background-color: var(--ct-button-dark-primary-hover-background-color);
  border-color: var(--ct-button-dark-primary-hover-border-color);
  color: var(--ct-button-dark-primary-hover-color);
}
.ct-button--primary.ct-theme-dark:active, .ct-button--primary.ct-theme-dark.active {
  background-color: var(--ct-button-dark-primary-active-background-color);
  border-color: var(--ct-button-dark-primary-active-border-color);
  color: var(--ct-button-dark-primary-active-color);
}
.ct-button--primary.ct-theme-dark:focus-visible, .ct-button--primary.ct-theme-dark.focus {
  outline-color: var(--ct-button-dark-primary-focus-outline-color);
  outline-style: solid;
}
.ct-button--secondary {
  display: inline-block;
  text-decoration: none;
  outline-offset: var(--ct-button-outline-offset);
  outline-width: var(--ct-button-outline-width);
}
.ct-button--secondary {
  transition: all var(--ct-button-animation-duration) 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: var(--ct-button-light-secondary-background-color);
  border-color: var(--ct-button-light-secondary-border-color);
  color: var(--ct-button-light-secondary-color);
}
.ct-button--secondary.ct-theme-light:hover {
  background-color: var(--ct-button-light-secondary-hover-background-color);
  border-color: var(--ct-button-light-secondary-hover-border-color);
  color: var(--ct-button-light-secondary-hover-color);
}
.ct-button--secondary.ct-theme-light:active, .ct-button--secondary.ct-theme-light.active {
  background-color: var(--ct-button-light-secondary-active-background-color);
  border-color: var(--ct-button-light-secondary-active-border-color);
  color: var(--ct-button-light-secondary-active-color);
}
.ct-button--secondary.ct-theme-light:focus-visible, .ct-button--secondary.ct-theme-light.focus {
  outline-color: var(--ct-button-light-secondary-focus-outline-color);
  outline-style: solid;
}
.ct-button--secondary.ct-theme-dark {
  background-color: var(--ct-button-dark-secondary-background-color);
  border-color: var(--ct-button-dark-secondary-border-color);
  color: var(--ct-button-dark-secondary-color);
}
.ct-button--secondary.ct-theme-dark:hover {
  background-color: var(--ct-button-dark-secondary-hover-background-color);
  border-color: var(--ct-button-dark-secondary-hover-border-color);
  color: var(--ct-button-dark-secondary-hover-color);
}
.ct-button--secondary.ct-theme-dark:active, .ct-button--secondary.ct-theme-dark.active {
  background-color: var(--ct-button-dark-secondary-active-background-color);
  border-color: var(--ct-button-dark-secondary-active-border-color);
  color: var(--ct-button-dark-secondary-active-color);
}
.ct-button--secondary.ct-theme-dark:focus-visible, .ct-button--secondary.ct-theme-dark.focus {
  outline-color: var(--ct-button-dark-secondary-focus-outline-color);
  outline-style: solid;
}
.ct-button--tertiary {
  display: inline-block;
  text-decoration: none;
  outline-offset: var(--ct-button-outline-offset);
  outline-width: var(--ct-button-outline-width);
}
.ct-button--tertiary {
  transition: all var(--ct-button-animation-duration) 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: var(--ct-button-light-tertiary-background-color);
  border-color: var(--ct-button-light-tertiary-border-color);
  color: var(--ct-button-light-tertiary-color);
}
.ct-button--tertiary.ct-theme-light:hover {
  background-color: var(--ct-button-light-tertiary-hover-background-color);
  border-color: var(--ct-button-light-tertiary-hover-border-color);
  color: var(--ct-button-light-tertiary-hover-color);
}
.ct-button--tertiary.ct-theme-light:active, .ct-button--tertiary.ct-theme-light.active {
  background-color: var(--ct-button-light-tertiary-active-background-color);
  border-color: var(--ct-button-light-tertiary-active-border-color);
  color: var(--ct-button-light-tertiary-active-color);
}
.ct-button--tertiary.ct-theme-light:focus-visible, .ct-button--tertiary.ct-theme-light.focus {
  outline-color: var(--ct-button-light-tertiary-focus-outline-color);
  outline-style: solid;
}
.ct-button--tertiary.ct-theme-dark {
  background-color: var(--ct-button-dark-tertiary-background-color);
  border-color: var(--ct-button-dark-tertiary-border-color);
  color: var(--ct-button-dark-tertiary-color);
}
.ct-button--tertiary.ct-theme-dark:hover {
  background-color: var(--ct-button-dark-tertiary-hover-background-color);
  border-color: var(--ct-button-dark-tertiary-hover-border-color);
  color: var(--ct-button-dark-tertiary-hover-color);
}
.ct-button--tertiary.ct-theme-dark:active, .ct-button--tertiary.ct-theme-dark.active {
  background-color: var(--ct-button-dark-tertiary-active-background-color);
  border-color: var(--ct-button-dark-tertiary-active-border-color);
  color: var(--ct-button-dark-tertiary-active-color);
}
.ct-button--tertiary.ct-theme-dark:focus-visible, .ct-button--tertiary.ct-theme-dark.focus {
  outline-color: var(--ct-button-dark-tertiary-focus-outline-color);
  outline-style: solid;
}
.ct-button--tertiary:focus-visible, .ct-button--tertiary:hover, .ct-button--tertiary:active {
  text-decoration: none;
}
.ct-button--tertiary--large {
  font-size: var(--ct-typography-label-large-font-size);
  line-height: var(--ct-typography-label-large-line-height);
  font-family: var(--ct-typography-label-large-font-name);
  font-weight: var(--ct-typography-label-large-font-weight);
  letter-spacing: var(--ct-typography-label-large-letter-spacing);
}
.ct-button--tertiary--large__dismiss {
  margin-left: 1.5rem;
}
.ct-button--tertiary--regular {
  font-size: var(--ct-typography-label-regular-font-size);
  line-height: var(--ct-typography-label-regular-line-height);
  font-family: var(--ct-typography-label-regular-font-name);
  font-weight: var(--ct-typography-label-regular-font-weight);
  letter-spacing: var(--ct-typography-label-regular-letter-spacing);
}
.ct-button--tertiary--regular__dismiss {
  margin-left: 1.5rem;
}
.ct-button--tertiary--small {
  font-size: var(--ct-typography-label-extra-small-font-size);
  line-height: var(--ct-typography-label-extra-small-line-height);
  font-family: var(--ct-typography-label-extra-small-font-name);
  font-weight: var(--ct-typography-label-extra-small-font-weight);
  letter-spacing: var(--ct-typography-label-extra-small-letter-spacing);
}
.ct-button--tertiary--small {
  border-width: calc(var(--ct-button-border-width) / 2);
}
.ct-button--tertiary--small__dismiss {
  margin-left: 1rem;
}
.ct-button--large {
  font-size: var(--ct-typography-label-large-font-size);
  line-height: var(--ct-typography-label-large-line-height);
  font-family: var(--ct-typography-label-large-font-name);
  font-weight: var(--ct-typography-label-large-font-weight);
  letter-spacing: var(--ct-typography-label-large-letter-spacing);
}
.ct-button--large {
  padding: 1rem 3rem;
}
.ct-button--large.ct-button--tertiary {
  padding: 0;
}
.ct-button--regular {
  font-size: var(--ct-typography-label-regular-font-size);
  line-height: var(--ct-typography-label-regular-line-height);
  font-family: var(--ct-typography-label-regular-font-name);
  font-weight: var(--ct-typography-label-regular-font-weight);
  letter-spacing: var(--ct-typography-label-regular-letter-spacing);
}
.ct-button--regular {
  padding: 0.875rem 2.5rem;
}
.ct-button--regular.ct-button--tertiary {
  padding: 0;
}
.ct-button--small {
  font-size: var(--ct-typography-label-extra-small-font-size);
  line-height: var(--ct-typography-label-extra-small-line-height);
  font-family: var(--ct-typography-label-extra-small-font-name);
  font-weight: var(--ct-typography-label-extra-small-font-weight);
  letter-spacing: var(--ct-typography-label-extra-small-letter-spacing);
}
.ct-button--small {
  border-width: calc(var(--ct-button-border-width) / 2);
}
.ct-button--small {
  padding: 0.5rem 2rem;
}
.ct-button--small.ct-button--tertiary {
  padding: 0;
}