styles.css

:root {
  --mdc-theme-primary: #00d4ff;
  --mdc-theme-secondary: #00d4ff;
  --mdc-theme--on-secondary: rgba(255, 255, 255, 0.692);
  --mdc-layout-grid-margin-desktop: 0;
}

html,
body {
  /* overflow: hidden; */
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}

@media (min-resolution: 2dppx) {
  body {
    zoom: 80% !important;
  }
}

* {
  box-sizing: border-box;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  visibility: hidden;
}

.mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme--on-secondary) !important;
  animation-fill-mode: both !important;
}

.mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-primary) !important;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme--on-secondary);
}

.mdc-text-field__input::placeholder {
  color: var(--mdc-theme--on-secondary) !important;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--mdc-theme--on-secondary);
}

.mdc-list-item {
  height: 100% !important;
  margin-bottom: 2rem;
}

.mdc-layout-grid {
  padding: 0;
}

.mdc-drawer {
  width: 100%;
  background: transparent;
  position: relative;
  transition-duration: .8s;
  border-right-style: none;
}

.mdc-form-field {
  color: var(--mdc-theme--on-secondary);
}

.mdc-checkbox__background {
  border-color: var(--mdc-theme-secondary) !important;
}


.mdc-select__selected-text {
  text-indent: -16px;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: var(--mdc-theme--on-secondary);
  
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: var(--mdc-theme--on-secondary);
}

.mdc-select--no-label:not(.mdc-select--outlined) .mdc-select__anchor .mdc-select__selected-text {
  
  max-width: 40px;
}

[dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] {
  border-left-style: none;
}

[dir="rtl"] .mdc-floating-label, .mdc-select, .mdc-floating-label[dir="rtl"] {
  right: auto;
  
}

[dir="rtl"] .mdc-select__selected-text, .mdc-select__selected-text[dir="rtl"] {
  padding-left: 2px;
}

[dir="rtl"] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir="rtl"] {
  left: auto;  
}

.mdc-select__dropdown-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='10px' height='5px' viewBox='7 10 10 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon id='Shape' stroke='none' fill='%23fff' fill-rule='evenodd' opacity='0.54' points='7 10 12 15 17 10'%3E%3C/polygon%3E%3C/svg%3E");
}

.mdc-select--focused .mdc-select__dropdown-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='10px' height='5px' viewBox='7 10 10 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon id='Shape' stroke='none' fill='%2300d4ff' fill-rule='evenodd' opacity='1' points='7 10 12 15 17 10'%3E%3C/polygon%3E%3C/svg%3E");
}

.mdc-button:disabled {
  background-color: rgb(218, 214, 214);
}

@media only screen and (max-height: 475px) {
  .mdc-button__label {
    font-size: .8rem !important;
  }
  .rmwc-icon .rmwc-icon--ligature .material-icons .mdc-button__icon {
    font-size: 15px;
  }
}