/* [project]/node_modules/react-international-phone/dist/index.css [app-client] (css) */
.react-international-phone-country-selector {
  position: relative;
}

.react-international-phone-country-selector-button {
  height: var(--react-international-phone-height, 36px);
  box-sizing: border-box;
  border: 1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));
  cursor: pointer;
  text-transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.react-international-phone-country-selector-button:hover {
  background-color: var(--react-international-phone-country-selector-background-color-hover, whitesmoke);
}

.react-international-phone-country-selector-button--hide-dropdown {
  cursor: auto;
}

.react-international-phone-country-selector-button--hide-dropdown:hover {
  background-color: rgba(0, 0, 0, 0);
}

.react-international-phone-country-selector-button__button-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.react-international-phone-country-selector-button__flag-emoji {
  margin: 0 4px;
}

.react-international-phone-country-selector-button__flag-emoji--disabled {
  opacity: .75;
}

.react-international-phone-country-selector-button__dropdown-arrow {
  border-top: var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);
  border-right: var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
  border-left: var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
  margin-right: 4px;
  transition: all .1s ease-out;
}

.react-international-phone-country-selector-button__dropdown-arrow--active {
  transform: rotateX(180deg);
}

.react-international-phone-country-selector-button__dropdown-arrow--disabled {
  border-top-color: var(--react-international-phone-disabled-country-selector-arrow-color, #999);
}

.react-international-phone-country-selector-button--disabled {
  background-color: var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
  cursor: auto;
}

.react-international-phone-country-selector-button--disabled:hover {
  background-color: var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
}

.react-international-phone-flag-emoji {
  width: var(--react-international-phone-flag-width, 24px);
  height: var(--react-international-phone-flag-height, 24px);
  box-sizing: border-box;
}

.react-international-phone-country-selector-dropdown {
  z-index: 1;
  top: var(--react-international-phone-dropdown-top, 44px);
  left: var(--react-international-phone-dropdown-left, 0);
  background-color: var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));
  width: 300px;
  max-height: 200px;
  box-shadow: var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));
  color: var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));
  flex-direction: column;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  display: flex;
  position: absolute;
  overflow-y: scroll;
}

.react-international-phone-country-selector-dropdown__preferred-list-divider {
  height: 1px;
  margin: var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);
  background: var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro));
  border: none;
}

.react-international-phone-country-selector-dropdown__list-item {
  min-height: var(--react-international-phone-dropdown-item-height, 28px);
  box-sizing: border-box;
  align-items: center;
  padding: 2px 8px;
  display: flex;
}

.react-international-phone-country-selector-dropdown__list-item-flag-emoji {
  margin-right: 8px;
}

.react-international-phone-country-selector-dropdown__list-item-country-name {
  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  overflow: hidden;
}

.react-international-phone-country-selector-dropdown__list-item-dial-code {
  color: var(--react-international-phone-dropdown-item-dial-code-color, gray);
  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
}

.react-international-phone-country-selector-dropdown__list-item:hover {
  background-color: var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));
  cursor: pointer;
}

.react-international-phone-country-selector-dropdown__list-item--selected, .react-international-phone-country-selector-dropdown__list-item--focused {
  background-color: var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);
  color: var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222));
}

.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code, .react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code {
  color: var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray));
}

.react-international-phone-country-selector-dropdown__list-item--focused {
  background-color: var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));
}

.react-international-phone-dial-code-preview {
  border: 1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));
  background-color: var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));
  color: var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));
  font-size: var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px));
  justify-content: center;
  align-items: center;
  margin-right: -1px;
  padding: 0 8px;
  display: flex;
}

.react-international-phone-dial-code-preview--disabled {
  background-color: var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
  color: var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666));
}

.react-international-phone-input-container {
  display: flex;
}

.react-international-phone-input-container .react-international-phone-country-selector-button {
  border-radius: var(--react-international-phone-border-radius, 4px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}

.react-international-phone-input-container .react-international-phone-input {
  height: var(--react-international-phone-height, 36px);
  box-sizing: border-box;
  border: 1px solid var(--react-international-phone-border-color, gainsboro);
  border-radius: var(--react-international-phone-border-radius, 4px);
  background-color: var(--react-international-phone-background-color, white);
  color: var(--react-international-phone-text-color, #222);
  font-family: inherit;
  font-size: var(--react-international-phone-font-size, 13px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
  padding: 0 8px;
  overflow: visible;
}

.react-international-phone-input-container .react-international-phone-input:focus {
  outline: none;
}

.react-international-phone-input-container .react-international-phone-input--disabled {
  background-color: var(--react-international-phone-disabled-background-color, whitesmoke);
  color: var(--react-international-phone-disabled-text-color, #666);
}

/* [project]/src/app/(auth)/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__MkD9va__root {
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.styles-module-scss-module__MkD9va__root__left {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  margin: 32px;
  padding: 60px;
  display: flex;
  position: relative;
}

.styles-module-scss-module__MkD9va__root__right {
  background: url("/images/sign_bg.webp") center / cover no-repeat;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo {
  display: none;
}

@media (max-width: 768px) {
  .styles-module-scss-module__MkD9va__root {
    flex-direction: column;
    min-height: auto;
  }

  .styles-module-scss-module__MkD9va__root__left, .styles-module-scss-module__MkD9va__root__right {
    width: 100%;
  }

  .styles-module-scss-module__MkD9va__root__left {
    z-index: 2;
    border-radius: 20px;
    margin: 0;
    padding: 40px 16px 0;
    position: relative;
    transform: translateY(-25px);
  }

  .styles-module-scss-module__MkD9va__root__right {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url("/images/sign_bg_mb.webp");
    background-position: 0 0, center;
    background-repeat: repeat, no-repeat;
    background-size: cover;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    min-height: 30vh;
    position: relative;
  }

  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo {
    align-items: center;
    gap: 10px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: 14px;
    right: 16px;
  }

  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo > img {
    width: 65px;
  }
}

@media (max-width: 768px) and (max-width: 1440px) {
  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo > img {
    width: calc(2.34742vw + 31.1972px);
  }
}

@media (max-width: 768px) {
  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo > img {
    height: 65px;
  }
}

@media (max-width: 768px) and (max-width: 1440px) {
  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo > img {
    height: calc(2.34742vw + 31.1972px);
  }
}

@media (max-width: 768px) {
  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo_text {
    color: #031b4e;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
  }
}

@media (max-width: 768px) and (max-width: 1440px) {
  .styles-module-scss-module__MkD9va__root__right .styles-module-scss-module__MkD9va__logo_text {
    font-size: calc(.751174vw + 13.1831px);
  }
}

/*# sourceMappingURL=_ed6e251e._.css.map*/