@import url("./preset-accessible-context.css");

@font-face {
  font-family: "Chiswick Lebara";
  src: url("../../assets/fonts/lebara/ChiswickGrotesqueLebara-Light-Web.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chiswick Lebara";
  src: url("../../assets/fonts/lebara/ChiswickGrotesqueLebara-Regular-Web.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chiswick Lebara";
  src: url("../../assets/fonts/lebara/ChiswickGrotesqueLebara-Semibold-Web.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chiswick Lebara";
  src: url("../../assets/fonts/lebara/ChiswickGrotesqueLebara-Bold-Web.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.theme-brand {
  --ui-font: "Chiswick Lebara", Arial, sans-serif;
  --display-font: "Chiswick Lebara", Arial, sans-serif;
}

.theme-brand .brand-button.btn-secondary,
.theme-brand .brand-button.btn-secondary-default,
.theme-brand .brand-button.btn-secondary-hover,
.theme-brand .brand-button.btn-secondary-pressed {
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 80ms ease;
}

.theme-brand .brand-button.btn-secondary:active,
.theme-brand .brand-button.btn-secondary-pressed {
  transform: translateY(1px);
  box-shadow:
    inset 0 0 0 2px var(--button-secondary-pressed-border),
    inset 0 2px 4px rgba(16, 32, 51, 0.12);
}
.theme-brand .brand-button.btn-tertiary-hover,
.theme-brand .brand-button.btn-tertiary-pressed {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  text-decoration: underline;
}

.theme-brand .brand-button.btn-tertiary-hover {
  color: var(--button-tertiary-hover-text);
}

.theme-brand .brand-button.btn-tertiary-pressed {
  color: var(--button-tertiary-pressed-text);
}
.theme-brand .brand-button.btn-tertiary:hover,
.theme-brand .brand-button.btn-tertiary:active {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  text-decoration: underline;
}

.theme-brand .brand-button.btn-tertiary:hover {
  color: var(--button-tertiary-hover-text);
}

.theme-brand .brand-button.btn-tertiary:active {
  color: var(--button-tertiary-pressed-text);
}

.theme-brand .brand-button.btn-primary_accent-disabled,
.theme-brand .brand-button.btn-primary_accent:disabled,
.theme-brand .brand-button.btn-primary_accent-loading,
.theme-brand .brand-button.btn-primary-disabled,
.theme-brand .brand-button.btn-primary:disabled,
.theme-brand .brand-button.btn-primary-loading,
.theme-brand .brand-button.btn-secondary-disabled,
.theme-brand .brand-button.btn-secondary:disabled,
.theme-brand .brand-button.btn-secondary-loading,
.theme-brand .brand-button.btn-tertiary-disabled,
.theme-brand .brand-button.btn-tertiary:disabled,
.theme-brand .brand-button.btn-tertiary-loading {
  opacity: 1;
}