html,
body {
  margin: 0;
  padding: 0;
  font-size: inherit !important;
}

.signin-container_eup {
  display: flex;
  height: 100vh;
}

/* EUP - LEFT CONTAINER */
.signin-left-container_eup {
  flex: 1;
  background-image: url('/dana-na/imgs/eup_bg.png');
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 50vw;
  padding-left: 7.5rem;
  padding-right: 7.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Inter, Arial, sans-serif;
}

.signin-left-header-title_eup,
.signin-left-header-subtitle_eup {
  font-family: Inter, Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 3rem;
  font-weight: 600;
  color: #FFFFFF;
}

.signin-left-logo-container_eup {
  width: 31.875rem;
  height: 4.125rem;
  margin-bottom: 1.5rem;
}

.signin-left-logo-container_eup img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top left;
}

.signin-left-instructions-container_eup {
  margin-top: 1.5rem;
}

.signin-left-help_eup {
  margin-top: 1.5rem;
}

/* EUP - RIGHT CONTAINER */
.signin-right-container_eup {
  height: 100vh;
  width: 50vw;
  display: grid;
  grid-template-rows: 1fr auto;
  justify-content: center;
  align-items: center;
}

.signin-right-login-container_eup {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 25rem;
  font-family: Inter, Arial, sans-serif;
}

.signin-right-header-title_eup {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  color: #000;
}

.signin-right-header-description_eup {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000;
}

.signin-right-form-container_eup {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.signin-right-label_eup {
  margin-bottom: 0.25rem;
  display: block;
  vertical-align: text-top;
  font-family: Inter, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: rgb(48 53 64);
}

.signin-right-input_eup {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(94 103 116);
  background-color: rgb(255 255 255);
  padding: 0.75rem;
  text-align: left;
  font-family: Inter, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgb(48 53 64);
  box-sizing: border-box;
  height: 2.625rem;
}

.signin-right-input_eup::placeholder {
  font-style: italic;
  font-family: "Arial", "sans-serif";
}


.signin-right-password_eup,
.signin-right-select-box_eup {
  position: relative;
  display: flex;
}

.signin-right-eye-icon_eup {
  content: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.32422 3.34375C4.14844 4.4375 3.35547 5.75 3 6.625C3.35547 7.5 4.14844 8.8125 5.32422 9.90625C6.5 11 8.05859 11.875 10 11.875C11.9141 11.875 13.4727 11 14.6484 9.90625C15.8242 8.8125 16.6172 7.5 17 6.625C16.6172 5.75 15.8242 4.4375 14.6484 3.34375C13.4727 2.25 11.9141 1.375 10 1.375C8.05859 1.375 6.5 2.25 5.32422 3.34375ZM10 0.5C12.1875 0.5 13.9648 1.51172 15.25 2.71484C16.5352 3.89062 17.3828 5.3125 17.793 6.29688C17.875 6.51562 17.875 6.76172 17.793 6.98047C17.3828 7.9375 16.5352 9.35938 15.25 10.5625C13.9648 11.7656 12.1875 12.75 10 12.75C7.78516 12.75 6.00781 11.7656 4.72266 10.5625C3.4375 9.35938 2.58984 7.9375 2.17969 6.98047C2.09766 6.76172 2.09766 6.51562 2.17969 6.29688C2.58984 5.3125 3.4375 3.89062 4.72266 2.71484C6.00781 1.51172 7.78516 0.5 10 0.5ZM7.375 6.625C7.375 7.58203 7.86719 8.42969 8.6875 8.92188C9.48047 9.38672 10.4922 9.38672 11.3125 8.92188C12.1055 8.42969 12.625 7.58203 12.625 6.625C12.625 5.69531 12.1055 4.84766 11.3125 4.35547C10.4922 3.89062 9.48047 3.89062 8.6875 4.35547C7.86719 4.84766 7.375 5.69531 7.375 6.625ZM13.5 6.625C13.5 7.88281 12.8164 9.03125 11.75 9.66016C10.6562 10.2891 9.31641 10.2891 8.25 9.66016C7.15625 9.03125 6.5 7.88281 6.5 6.625C6.5 5.39453 7.15625 4.24609 8.25 3.61719C9.31641 2.98828 10.6562 2.98828 11.75 3.61719C12.8164 4.24609 13.5 5.39453 13.5 6.625Z" fill="%23303540"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
  cursor: pointer;
}

.signin-right-chevron-down-icon_eup {
  content: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3008 10.4531C10.1367 10.6172 9.83596 10.6172 9.6719 10.4531L4.4219 5.20312C4.25783 5.03906 4.25783 4.73828 4.4219 4.57422C4.58596 4.41016 4.88674 4.41016 5.0508 4.57422L10 9.52344L14.9219 4.57422C15.086 4.41016 15.3867 4.41016 15.5508 4.57422C15.7149 4.73828 15.7149 5.03906 15.5508 5.20312L10.3008 10.4531Z" fill="%23303540"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  padding: 0.75rem;
}

select.signin-right-input_eup {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.sign-left-help-button_eup,
.sign-right-login-button_eup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  white-space: normal;
  border-radius: 1rem;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-width: 1px;
  border-style: solid;
  text-decoration-line: none;
  text-align: center;
  font-family: Inter, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.sign-right-login-button_eup--primary {
  border-color: rgb(0 117 163);
  background-color: rgb(0 117 163);
  color: rgb(255 255 255);
}

.sign-right-login-button_eup--primary:hover {
  border-color: rgb(0 101 138);
  background-color: rgb(0 101 138);
  color: rgb(255 255 255);
}

.sign-right-login-button_eup--primary:active {
  border-color: rgb(0 117 163);
  background-color: rgb(0 117 163);
  color: rgb(255 255 255);
}

.sign-right-login-button_eup--primary:focus-visible {
  border-color: rgb(0 101 138);
  background-color: rgb(0 101 138);
  outline-style: solid;
  outline-width: 0.125rem;
  outline-offset: 0.125rem;
  outline-color: #0075a3;
}

.signin-right-input_eup:hover {
  border-color: rgb(0 101 138);
  background-color: rgb(255 255 255);
}

.signin-right-input_eup:focus-visible {
  border-color: #0075a3;
  outline: 1px solid #0075a3;
}

.signin-right-select-box_eup .signin-right-input_eup {
  margin-top: 0;
  cursor: pointer;
  border-color: rgb(94 103 116);
  padding-right: 2.5rem;
}


.sign-left-help-button_eup--secondary {
  border-color: rgb(0 117 163);
  background-color: transparent;
  color: rgb(0 117 163);
}

.sign-left-help-button_eup--secondary:hover {
  border-color: rgb(0 101 138);
  background-color: rgb(214 244 255);
  color: rgb(0 101 138);
}

.sign-left-help-button_eup--secondary:active {
  border-color: rgb(0 117 163);
  background-color: transparent;
  color: rgb(0 117 163);
}

.sign-left-help-button_eup--secondary:focus-visible {
  border-color: rgb(0 101 138);
  background-color: rgb(214 244 255);
  color: rgb(0 101 138);
  outline-style: solid;
  outline-width: 0.125rem;
  outline-offset: 0.125rem;
  outline-color: #0075A3;
}

.sign-left-help-button_eup {
  width: 9.625rem;
  height: 2rem;
}

.signin-right-copyright-container_eup {
  Width: 20rem;
  margin-left: 3rem;
  padding-bottom: 1.375rem;
}