/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/css/dropdown.css
.--dropdown {
  position: relative;
  z-index: 1;
}

.--dropdown .--dropdown__value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.--dropdown .--dropdown__list {
  position: absolute;
  top: 100%;
  left: 0;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;

  background-color: var(--white);
  opacity: 0;
  pointer-events: none;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.--dropdown.-active .--dropdown__list {
  pointer-events: unset;
  opacity: 1;
}

/* Localization dropdown */

.localization-dropdown {
  width: fit-content;
}

.localization-dropdown *,
.localization-dropdown {
  line-height: 120%;
}

.localization-dropdown .localization-dropdown__icon {
  width: 16px;
  min-width: 16px;
  aspect-ratio: 1 / 1;
  margin-right: 8px;
  background-color: var(--shades-600);
}

.localization-dropdown .localization-dropdown__arrow {
  width: 16px;
  height: 16px;
  margin-left: 4px;

  background-color: var(--shades-600);

  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);

  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}

.localization-dropdown .--dropdown__list {
  top: calc(100% + 14px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);

  padding: 16px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  filter: drop-shadow(0 8px 16px rgba(61, 62, 64, 0.3));
}

.localization-dropdown .--dropdown__list:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 16px;
  display: block;
  background-color: transparent;
}

.localization-dropdown .--dropdown__list:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);

  display: block;
  width: 10px;
  aspect-ratio: 1 / 1;

  background-color: var(--white);
}

.localization-dropdown .--dropdown__list-item {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.localization-dropdown .--dropdown__list-item:not(:first-child) {
  margin-top: 10px;
}

.localization-dropdown .--dropdown__list-item.-active {
  color: var(--shades-400);
  pointer-events: none;
}

.localization-dropdown.-active .--dropdown__value .--gradient-hover:after {
  opacity: 1;
}

.localization-dropdown.-active .localization-dropdown__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* List to up */

.localization-dropdown.-up .localization-dropdown__arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.localization-dropdown.-up .--dropdown__list {
  top: auto;
  bottom: calc(100% + 14px);
}

.localization-dropdown.-up .--dropdown__list:before {
  top: auto;
  bottom: -5px;
}

.-apple .localization-dropdown .localization-dropdown__arrow,
.-apple .localization-dropdown .localization-dropdown__icon {
  margin-top: -1px;
}
Path: home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/css