.login-container[data-v-416bbc44] {
  padding: 0 12px 12px 12px;
  min-height: 100vh;
  background: var(--Grey-Darkest, #090a0a);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}
.app-title[data-v-416bbc44] {
  margin-top: 115.5px;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--app-font-family);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.44px;
}
.login-card[data-v-416bbc44] {
  margin-top: 54.5px;
  background-color: #191919;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  width: 100%;
  display: flex;
  padding: 24px 16px;
  justify-content: space-between;
  flex-direction: column;
  justify-content: center;
  gap: var(--LG, 24px);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}
.form-group[data-v-416bbc44] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group label[data-v-416bbc44] {
  color: var(--White-Lightest, #f7f9fa);
  /* 普通 14 */
  font-family: var(--app-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  text-align: left;
}
.form-input[data-v-416bbc44] {
  border-radius: 8px;
  border: 1px solid var(--Grey-Light, #343434);
  background: var(--Grey-Darkest, #090a0a);
  height: 56px;
  padding: 0 16px;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
.form-input[data-v-416bbc44]::-moz-placeholder {
  color: #888888;
}
.form-input[data-v-416bbc44]::placeholder {
  color: #888888;
}
.form-input[data-v-416bbc44]:focus {
  outline: none;
  background-color: #222222;
}
.form-input[data-v-416bbc44]:disabled {
  background: var(--Grey-Base, #292929);
  color: #9e9e9e;
  cursor: not-allowed;
}
.select-wrapper[data-v-416bbc44] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  outline: none;
}
.select-leading-icon[data-v-416bbc44] {
  position: absolute;
  left: 16px;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  filter: brightness(1.1);
  z-index: 1;
  transition: filter 0.2s ease;
}
.select-wrapper:hover .select-leading-icon[data-v-416bbc44] {
  filter: brightness(1.2);
}
.select-wrapper:focus-within .select-leading-icon[data-v-416bbc44] {
  filter: brightness(1.3);
}
.custom-select[data-v-416bbc44] {
  position: relative;
  width: 100%;
}
.select-selected[data-v-416bbc44] {
  border-radius: 8px;
  border: 1px solid var(--Grey-Light, #343434);
  background: var(--Grey-Darkest, #090a0a);
  height: 56px;
  padding: 0 44px 0 52px;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: var(--app-font-family);
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23B0B0B0' d='M6.707 9.293a1 1 0 0 0-1.414 1.414l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 0 0-1.414-1.414L12 13.586 6.707 9.293Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.select-selected[data-v-416bbc44]:hover {
  border-color: var(--Grey-Lighter, #6c6c72);
}
.select-wrapper:focus-within .select-selected[data-v-416bbc44],
.custom-select.is-open .select-selected[data-v-416bbc44] {
  border-color: var(--Primary-Pink-500, #f68fa6);
  background-color: #222222;
}
.select-options[data-v-416bbc44] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--Grey-Darkest, #090a0a);
  border: 1px solid var(--Grey-Light, #343434);
  border-radius: 8px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  animation: fadeIn-data-v-416bbc44 0.2s ease;
}
@keyframes fadeIn-data-v-416bbc44 {
from {
    opacity: 0;
    transform: translateY(-8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.select-option[data-v-416bbc44] {
  padding: 12px 16px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--app-font-family);
  cursor: pointer;
  transition: background-color 0.15s ease;
  line-height: 1.5;
}
.select-option[data-v-416bbc44]:hover {
  background: var(--Grey-Base, #292929);
}
.select-option.is-selected[data-v-416bbc44] {
  background: var(--Grey-Base, #292929);
  color: var(--Primary-Pink-500, #f68fa6);
}
.select-option[data-v-416bbc44]:first-child {
  padding-top: 12px;
}
.select-option[data-v-416bbc44]:last-child {
  padding-bottom: 12px;
}
.login-button[data-v-416bbc44] {
  border: none;
  border-radius: var(--SM, 8px);
  background: var(--Primary-Pink-500, #f68fa6);
  display: flex;
  padding: var(--SM, 8px) var(--MD, 16px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.login-button-text[data-v-416bbc44] {
  display: flex;
  padding: var(--SM, 8px) var(--MD, 16px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--Grey-Dark, #1f1f1f);
  /* 中等 14 */
  font-family: var(--app-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 171.429% */
}


/*# sourceMappingURL=chunk-16a2c90c.a3f87383.css.map*/