html {
  font-family: 'Inter', 'Roboto', 'Arial', '-apple-system', 'sans-serif';
  background-color: #ededed;
  height: 100%;
  color: #350c36;
}

body,
#__next {
  margin: 0;
  height: 100%;
}

a {
  cursor: pointer;
}

.MuiButton-root.MuiButtonBase-root {
  min-width: initial;
  padding: 8px;
  height: 42px;
  border-radius: 84px;
  padding-left: 16px;
  padding-right: 16px;

  & .MuiTypography-root {
    white-space: nowrap;
  }
}

.MuiFormLabel-root.MuiInputLabel-formControl {
  color: #BCBCBC;
}

.cms-topbar {
  position: fixed;
  width: 100%;
  z-index: 1;
  box-shadow: 0 0 6px 0px black;

  & .MuiButton-root {
    color: #BCBCBC;
    border-color: #BCBCBC;
    background-color: #BD6CE217;
  }

  & .MuiButton-root:hover {
    border-color: white;
    background-color: #BD6CE217;
  }

  & .MuiInputBase-root {
    color: #BCBCBC;
    background-color: #BD6CE217;

    .MuiOutlinedInput-notchedOutline {
      border: 1px solid #BCBCBC;
    }

    .MuiSelect-icon {
      color: #BCBCBC;
    }
  }

  & .MuiAutocomplete-root {
    color: #BCBCBC;
    background-color: #BD6CE217;

    .MuiOutlinedInput-root {
      color: #BCBCBC;
    }

    .MuiOutlinedInput-notchedOutline {
      border: 1px solid #BCBCBC;
    }

    .MuiAutocomplete-tag {
      border: 1px solid #BCBCBC;
    }

    .MuiSelect-icon,
    .MuiInputLabel-root,
    .MuiSvgIcon-root,
    .MuiChip-label,
    .MuiButtonBase-root .MuiSvgIcon-root,
    .MuiButtonBase-root .MuiSvgIcon-root:hover {
      color: #BCBCBC;
    }
  }
}

.cms-container {
  margin-top: 210px;

  & .MuiButton-root {
    color: #350C36;
    border-color: #350C36;
  }

  & .MuiInputBase-root {
    .MuiOutlinedInput-notchedOutline {
      border: 1px solid #350C36;
    }

    .MuiSelect-icon, .MuiSvgIcon-root, .MuiInputBase-input {
      color: #350C36;
    }
  }
}