.ais-Dropdown-button {
    border: 1px solid #d6d6e7;
    padding: 0.75rem 1.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-size: 0.8rem;
    background-color: transparent;
}

.ais-Dropdown-button--refined {
    font-weight: bold;
}

.ais-Dropdown-button:hover {
    background-color: #f5f5fa;
}

.ais-Dropdown .ais-Panel-body>div>div[class^='ais-'] {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    background-color: #fff;
}

.ais-Dropdown .ais-Panel-header {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.ais-Dropdown .ais-Panel-body {
    display: none;
}

.ais-Dropdown--opened .ais-Panel-body {
    display: block;
}

.ais-Dropdown .ais-Panel-body {
    position: relative;
}

.ais-Dropdown-close {
    display: none;
}


/* mobile */

@media only screen and (max-width: 375px) {
    body {
        overflow: hidden;
    }
    .ais-Dropdown--opened .ais-Panel-body {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
    }
    .ais-Dropdown--opened .ais-Panel-body>div>div[class^='ais-'] {
        margin-top: 0;
        top: 0;
        left: 0;
        right: 0;
        height: 85vh;
        border: 0;
    }
    .ais-Dropdown--opened .ais-Panel-footer {
        position: absolute;
        top: 85vh;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .ais-Dropdown-close {
        border: 1px solid #d6d6e7;
        background: #fff;
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
        cursor: pointer;
        width: calc(100% - 2rem);
        margin: 0 1rem;
        height: 3rem;
        font-size: 1rem;
    }
    .ais-Dropdown-close:hover {
        background-color: #f5f5fa;
    }
    .ais-Dropdown--opened .ais-Dropdown-close {
        display: inline;
    }
}