.route {
  display: flex;
  align-items: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(75, 85, 99, var(--tw-text-opacity));
}

.route svg {
  --tw-text-opacity: 1;
  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.route:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 107, 60, var(--tw-text-opacity));
}

.route.active .left-border {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 107, 60, var(--tw-bg-opacity));
}

.route.active {
  --tw-text-opacity: 1;
  color: rgba(255, 107, 60, var(--tw-text-opacity));
}

.route:hover svg, .route.active svg {
  --tw-text-opacity: 1;
  color: rgba(255, 107, 60, var(--tw-text-opacity));
}

.ck.ck-toolbar {
  background: #fff !important;
}

.ck.ck-editor__editable_inline {
  border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
  border-radius: 0.375rem !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  box-shadow: none !important;
}

.btn-primary {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 107, 60, var(--tw-bg-opacity));
  text-align: center;
  font-family: Obviously, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-secondary {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 107, 60, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  text-align: center;
  font-family: Obviously, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(255, 107, 60, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-third {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(19, 4, 1, var(--tw-border-opacity));
  background-color: transparent;
  text-align: center;
  font-family: Obviously, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(19, 4, 1, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-delete {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
  background-color: transparent;
  text-align: center;
  font-family: Obviously, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(220, 38, 38, var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.title {
  font-family: Obviously, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

.sub-title {
  font-family: Obviously, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
}

@font-face {
  font-family: "Obviously";

  src: url("../fonts/Obviously/Obviously-Medium.otf");

  font-weight: 500;
}

@font-face {
  font-family: "Obviously";

  src: url("../fonts/Obviously/Obviously-SemiBold.otf");

  font-weight: 600;
}