.c-timezone-select {

    display: flex;

    flex-direction: column;

    --tw-text-opacity: 1;

    color: rgb(44 48 60 / var(--tw-text-opacity))
}@media (min-width: 780px) {.c-timezone-select {

        flex-direction: row;

        align-items: center
    }
}.c-timezone-select label {

    font-weight: 300;

    font-size: .875rem;

    --tw-text-opacity: 1;

    color: rgb(44 48 60 / var(--tw-text-opacity));

    white-space: nowrap
}@media (min-width: 780px) {.c-timezone-select label {

        font-size: .75rem;

        padding-top: 0;

        padding-right: 0.2rem;

        padding-bottom: 0;

        padding-left: 0.3rem
    }
}.c-timezone-select select {

    background-repeat: no-repeat;

    border-style: none;

    display: inline;

    margin: 0;

    font-size: .875rem;

    --tw-text-opacity: 1;

    color: rgb(82 125 8 / var(--tw-text-opacity));

    width: auto;

    background-image: url('/wp-content/themes/uli-perspective/dist/images/drop-down-arrow.svg');
    background-position: center right;
    background-size: 0.8em 0.8em;
    box-sizing: content-box;
    height: auto;

    /* use system font so there is no need to wait for fonts to load before measuring */
    font-family: Arial, sans-serif;
    font-weight: 700;

    padding: 0 1.3em 0 0;
    transition: none !important
}@media (min-width: 780px) {.c-timezone-select select {

        font-size: .75rem
    }
}.c-timezone-select .sprite {

    display: none;

    line-height: 0
}@media (min-width: 780px) {.c-timezone-select .sprite {

        display: block
    }
}.c-timezone-select__measure {

    display: inline-block;

    font-size: .875rem;

  /* use system font so there is no need to wait for fonts to load before measuring */
  font-family: Arial, sans-serif;
  font-weight: 700;

  padding: 0 0 0 4px;
  position: absolute;
  top: 0;
  left: -9999em
}@media (min-width: 780px) {.c-timezone-select__measure {

        font-size: .75rem
    }
}