/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

body {
  font-family: "Inter";
}

:root{
  --blue-50: #e3f2fd;
  --blue-100: #bbdefb;
  --blue-200: #90caf9;
  --blue-400: #42a5f5;
  --blue-700: #1976d2;
  --blue-800: #1565c0;

  --red-50: #ffebee;
  --red-100: #ffcdd2;
  --red-200: #ef9a9a;
  --red-400: #ef5350;
  --red-700: #d32f2f;
  --red-800:#c62828;

  --green-50: #f0fdf4;
  --green-100: #dcfce7;
  --green-200: #bbf7d0;
  --green-400: #4ade80;
  --green-700: #15803d;
  --green-800: #166534;
}



.alert-bg {
  --bg-color: var(--blue-50);
  background-color: var(--bg-color);
}

.alert-bg[data-tags="error"] {
  --bg-color: var(--red-50);
}

.alert-bg[data-tags="success"] {
  --bg-color: var(--green-50);
}

.alert-svg-color {
  --color: var(--blue-400);
  color:var(--color);
}

.alert-svg-color[data-tags="error"] {
  --color: var(--red-400);;
}

.alert-svg-color[data-tags="success"] {
  --color: var(--green-400);
}

.alert-text-color {
  --color: var(--blue-700);
  color: var(--color);
}

.alert-text-color[data-tags="error"] {
  --color: var(--red-700);
}

.alert-text-color[data-tags="success"] {
  --color: var(var(--green-700))
}

.alert-button-colors {
  --background-color:var(--blue-200);
  --text-color: var(--blue-800)
  background-color: var(--background-color);
  color: var(--text-color);
}

.alert-button-colors[data-tags="error"] {
  --background-color: var(--red-200);
  --text-color: var(--red-800)
}

.alert-button-colors[data-tags="success"] {
  --background-color: var(--green-200)
  --text-color: var(--green-800)
}

.alert-button-colors:hover {
  --background-color:var(--blue-100)
  background-color: var(--background-color);
}

.alert-button-colors:hover[data-tags="error"] {
  --background-color: var(--red-100)
}

.alert-button-colors:hover[data-tags="success"] {
  --background-color: var(--green-100)
}

.scale-up {
  transform: scale(1.1);
}
#mentors-cards-wrapper {
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.strapi-content {
  gap:24px;
}

.strapi-content figure {
  align-self: center;

}

.strapi-content .image-style-side {
  align-self: end;
  float:right;
}

.strapi-content figcaption {
  text-align: center;
}

.strapi-content img {
  border-radius: 24px;
}

.strapi-content h1 {
  font-size: 48px;
}

.strapi-content h2 {
  font-size: 36px;
}

.strapi-content h3 {
  font-size:24px;
}

.strapi-content ol {
  margin-left:24px;
  list-style-type: decimal;
}

.strapi-content ul {
  margin-left:24px;
  list-style-type: disc;
}

.strapi-content blockquote {
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  border-left: 5px solid #666;
  display:flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}

.wrap-anywhere {
  overflow-wrap: anywhere;
}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 6px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #d4d4d4 transparent;
}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 6px;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #d4d4d4 transparent;
}