@import '../../styles/abstracts/variables';

.dropdown-timezone {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 124px;
  overflow: hidden;

  .title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 302px;
    height: 40px;
    padding: 8px 16px;
    border: solid 1px $border;
    border-radius: 124px;

    &-dropdown {
      user-select: none;
      font-size: 16px;
      font-weight: 500;
    }
  }

  &__overlay {
    z-index: 10002;
    min-width: 350px !important;
    background-color: $white;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-box-shadow: $boxShadow2;
    -moz-box-shadow: $boxShadow2;
    box-shadow: $boxShadow2;
    overflow: hidden;

    .menu-timezone {
      height: 300px;
      overflow-y: auto;

      &__search {
        background-color: $white;
        position: sticky;
        top: 0;
        padding: 10px 12px;
        z-index: 10003;
      }

      &__parent {
        max-height: 300px;
      }

      &__item {
        padding: 0 16px;
        margin-bottom: 0 !important;

        &:last-child {
          margin-bottom: 24px;
        }
      }
    }
  }
}