@stylex stylesheet;

html {
  font-size: 10px;
}

input:read-only:-webkit-autofill,
input:disabled:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}




.react-aria-ModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: var(--visual-viewport-height);
  background: rgba(0 0 0 / .5);
  display: grid;
  place-items: center;
  z-index: 2000;

  &[data-entering] {
    animation: modal-fade 200ms;
  }

  &[data-exiting] {
    animation: modal-fade 150ms reverse ease-in;
  }
}

@keyframes modal-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modal-zoom {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1);
  }
}


.react-aria-Heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
}

.w-100 {
  width: 100%;
}


.h-100 {
  height: 100%;
}



/* antd components overrides */
.ant-spin-spinning {
  max-height: inherit !important;
}


.d-none {
    display: none;
}

.under-review-tabs .ant-tabs-nav-list {
  padding-left: 2rem;
}

.subform-drawer .under-review-tabs .ant-tabs-nav-list {
  padding-left: 0;
}

/* .ant-picker {
  margin: auto; */
/* } */

.ant-picker-borderless {
  padding: 0;
}