.aw-birthday-picker {
    .aw-select__dropdown {
        min-width: auto;
    }

    &__wrap {
        @apply border bg-surface justify-between;
        display: flex;
        align-items: center;
        text-align: center;
        border-radius: 0.625rem;
        margin-top: 0.5rem;
        transition: 200ms border-color;

        &.has-error {
            @apply border-error;
            animation: 700ms aw-shake ease-out-quad;
        }

        &:focus-within {
            border-color: var(--c-info);
        }
    }

    &__input {
        @apply p-3;
        text-align: center;
        border-width: none;
        border-radius: 0;
        flex: 1 1 auto;

        input {
            border-radius: 0.5rem;
        }

        &::placeholder {
             color: var(--c-mono-400);
        }

        & + & {
            @apply border-l;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }
}