/* ===================================
    Google font
====================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* ===================================
    Variables
====================================== */
:root {
  --manrope: "Manrope", serif;
  --open: "Open Sans", serif;
  --roboto: "Roboto", serif;
  --purple: #672cc2;
  --header-black: #2d2d2d;
  --hover-purple: rgba(242, 235, 254, 1);
}

.bg-black {
  background: var(--Color-Neutrals-Base-Black, #1a1a1a);
}

.border-bottom-gray {
  border-bottom: 1px solid var(--gray-2, #c6c6c6);
}
.form-select:focus {
  box-shadow: none;
}

.modal {
  z-index: 9999;
}