:root {
    --sb-color: #3366ff;
    --sb-color-faded: #7497ff;
    font-size: 16px;
}

.hidden {
    display: none !important;
}

.notification_provider {
    position: fixed;
    max-width: 400px;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.notification_provider div + div {
    margin-top: 5px;
}

.mantine-TextInput-root {
    max-width: 400px;
}

.markdown-alert p {
    margin: 0;
}

/*******************************************************/

#main {
    max-width: 700px;
    margin: auto;
}


#address_input_field_container {
    position: relative;
}

#address_input_field {
    /*position: relative; /* otherwise not above */
    /*margin-left: 10px;
    z-index: 1;
    font-size: 1em;*/
}

#address_input_field_list {
    position: absolute;
    width: 100%;
    max-width: 400px;

    /*
    left: 10px;
    top: 100%;*/
    /*font-size: 0.9rem;*/
    padding: 0;
    margin: 0;
    border: 1px solid #d9d7d7;
    border-radius: 5px;
    background: white;
    z-index: 2;
    cursor: pointer;
}

#address_input_field_list a {
    display: block;
    width: 100%;
    cursor: pointer;

    padding: 0.4em 0.8em;
    font-size: 0.85em;

    border-bottom: 1px solid #d9d7d7;
    text-decoration: none;
    color: var(--mantine-color-black);
}


#address_input_field_list a:hover, #address_input_field_list a:focus {
    color: #0a58ca;
    background: #ebf1ff;
    outline: none;
}