.options-block__content {
    max-width: 1280px;
    place-items: center;
}

.options-block__inner {
    width: clamp(310px, 250px + 20vw, 350px);
    grid-column: 1 / -1;
}

.options-block__form > :not(:last-child) {
    margin-bottom: .5rem;
}

.options-block__address-field {
    position: relative
}

.options-block__address-list {
    display: none;
    width: 100%;
    position: absolute;
    top: 74px;
    padding: .2rem;
    border-radius: .25rem;
    border: 1px solid var(--color-accent);
    background-color: var(--bg-color-secondary);
}

.options-block__address-list:not(:empty) {
    display: block;
    animation: addressSlide .3s ease-out;
}

.options-block__address-item {
    cursor: pointer;
    list-style-type: none;
    padding: 0.625rem;
    border-radius: .25rem;
    transition: background-color 0.3s;
}

.options-block__address-item:hover {
    background-color: var(--bg-color-tertiary);
    transition-duration: 0s;
}

@keyframes addressSlide {
    from {
        transform: translateY(-50px);
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        z-index: 0;
    }
}