/* Settings */
@use 'variable' as var;

.banner {
    background-color: var.$sidebar-footer;
    padding: 1.6rem 0 1.3rem 0;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem;
    /*
    background-color: mat.get-color-from-palette(var.$md-custom-warn, 700);
    margin-bottom: 1rem;
    &.light {
        background-color: mat.get-color-from-palette(var.$md-custom-accent, 700);
        color: #555;
        button {
            color: #555;
            border-color: #555;
        }
    }
    */
    .user-img {
        width: var.$user-img-size;
        height: var.$user-img-size;
        border-radius: var.$user-img-size;
    }
    h4 {
        font-weight: 500;
        margin-bottom: 0.75rem;
    }
    p {
        margin: 0 auto .5rem;
        color: var.$muted;
        max-width: 450px;
        font-weight: 300;
    }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}