.aw-date {
    position: relative;

    &__dropdown .aw-dropdown__content--desktop {
        max-height: unset;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    &__calendar {
        max-width: theme('maxWidth.xs');

        & + & {
            @apply border-l;
        }
    }

    .aw-text-field {
        border-radius: 0.625rem;
    }

    &__range:before,
    &__range-start:before,
    &__range-end:before {
        @apply bg-success;
        opacity: 0.5;
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - theme('spacing.4'));
        left: 0;
        width: 100%;
        height: theme('spacing.8');
    }

    &__range-start:before,
    &__range-end:before {
        width: 50%;
    }

    &__range-start:before {
        left: 50%;
    }

    &__range-start&__range-end:before {
        opacity: 0;
    }

    & i {
        @apply not-italic;
    }
}