@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/manrope") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/api/v1/app/fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --btt-color-accent: rgb(231, 82, 39);
  --btt-color-accent-focus: rgba(231, 82, 39, 0.22);
  --btt-color-accent-soft: rgb(252, 229, 221);
  --btt-color-accent-soft-hover: rgb(248, 209, 196);
  --btt-color-accent-text: rgb(142, 47, 21);
  --btt-color-card: rgb(238, 238, 238);
  --btt-color-field-border: var(--btt-color-accent);
  --btt-font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html,
body {
  margin: 0;
  min-height: 100vh;
  background: #e0e0e0;
  color: #111827;
  font-family: var(--btt-font-sans);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

button,
input,
select,
textarea {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
}

button.ceo-btn,
button.secondary,
a.ceo-btn,
a.secondary {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 44px;
  padding: 12px 18px;
  text-decoration: none;
}

button.ceo-btn:disabled,
button.secondary:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]),
select {
  height: 40px;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid var(--btt-color-field-border);
  border-radius: 6px;
  background: #ffffff;
  color: #101828;
}

select {
  appearance: auto;
}

textarea {
  min-height: 80px;
  padding: 10px;
  border: 1px solid var(--btt-color-field-border);
  border-radius: 6px;
  background: #ffffff;
  resize: vertical;
}

label {
  display: grid;
  gap: 6px;
  font-size: 14px;
  color: #374151;
}

#root {
  min-height: 100vh;
}

a {
  color: inherit;
}