.aw-tel {
    position: relative;

    .aw-text-field__prefix {
        overflow: hidden;
        flex-shrink: 0;
    }

    .aw-text-field__postfix {
        background-color: transparent;
    }

    &__flag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        vertical-align: middle;

        .flag {
            display: block !important;
            flex-shrink: 0;
            transform: scale(0.5);
        }
    }

    &__country-toggler {
        padding-left: 1rem;
        padding-right: 1rem;
        align-self: stretch;
    }

    &__dropdown {
        width: 100%;

        &.aw-dropdown--desktop {
            max-height: 50vh;
        }
    }

    &__validity {
        @apply px-4;
        display: none;

        &--valid {
            @apply text-accent;
            display: block;
        }

        &--invalid {
            @apply text-error;
            display: block;
        }
    }
}