.address-widget-container {
    --input-border-color: var(--gray-040);
    --input-height: 56px;
    position: relative;
}
.make-address-widget-container-parent-width .address-widget-container {
    position: unset;
}

.address-widget-container .spinner {
    display: none;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    margin-top: -.5rem;
    /* half spinner height */
}

.address-widget-container.loading .spinner {
    display: block;
}

.address-widget-container input[type=text] {
    border: solid 1px var(--input-border-color);
    border-radius: var(--rounded-md);
    height: var(--input-height);
    padding: 16px 32px 16px 16px;

    &:focus {
        outline: solid 2px var(--blue-110);
        outline-offset: -2px;
    }

    &:hover {
        --input-border-color: var(--blue-070);
    }
}

.address-widget-container .results {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 8px;
    z-index: 20;

    border: none;
    border-radius: var(--rounded-md);
    box-shadow: var(--shadow-md);
    display: none;
    max-height: 320px;
    overflow-y: scroll;
    background: white;
    color: var(--blue-110);

    .result {
        padding: 12px 16px;
        margin: 0;
        cursor: pointer;

        &:not(:first-of-type) {
            border-top: solid 1px var(--gray-040);
        }

        &:hover,
        &.focus {

            background-color: var(--blue-020);
            font-weight: bold;
        }
    }


    /* Apply the same styles as for `.ds-scrollable` */
    /* -------- START DS-SCROLLABLE IMPLEMENTATION -------- */
    &::-webkit-scrollbar {
        height: 10px;
        width: 10px;

        @media (--max-md) {
            /* Hide scrollbar for Chrome, Safari and Opera */
            display: none;
        }
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--gray-040);
        border-radius: 8px;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: var(--gray-060);
    }

    & {
        overflow: auto;
        /* Works on Firefox */
        scrollbar-width: auto;
        scrollbar-color: var(--gray-030);

        @media (--max-md) {
            /* Hide scrollbar for IE, Edge and Firefox */
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }
    }

    /* -------- END DS-SCROLLABLE IMPLEMENTATION -------- */
}


.address-widget-container .results .no-result {
    cursor: default;
}

.address-widget-container+ul.errorlist .btn-phone {
    max-width: 11.25rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.address-widget-container+ul.errorlist .btn-phone:before {
    position: initial;
    left: initial;
    margin-right: 0.5rem;
}


/* Admin sales form */
.form-row.field-address {
    overflow: visible;
}


.form-row.field-address .address-widget-container+ul.errorlist {
    margin-top: 1rem;
}

form-widget input[type=text] {
    outline-width: 0 !important;
}

form-widget .address-widget-container {
    width: 100%;
}
form-widget[data-orientation="horizontal"] .address-widget-container input[type=text]  {
    padding: 4px 32px 4px 0;
    height: 24px;
    border-style: none;
    background: transparent;
}
form-widget .errorlist {
    margin: 0;
}