@import "app/styles/variables";

bl-account-list {
    bl-quick-list-row-render:hover {
        .fa-star:not(.favorite):not(:hover) {
            color: $main-background;
        }
    }

    bl-quick-list-row-render.selected, bl-quick-list-row-render.focused {
        .fa-star.favorite {
            text-shadow: -1px 0 $main-background, 0 1px $main-background, 1px 0 $main-background, 0 -1px $main-background;
        }

        .auto-storage.error {
            color: $danger-contrast-color;
        }
    }

    .fa-star {
        font-size: 2em;
        color: $button-basic-bg-color;
        margin-top: 5px;

        &:hover {
            color: $warn-color-light;
        }

        &.favorite {
            color: $warn-color;
        }
    }

    .account-type {
        background: $primary-color;
        color: $primary-contrast-color;
        padding: 2px 5px;
    }

    .account-info {
        display: flex;
        width: 100%;

        bl-location {
        }

        .auto-storage {
            margin-right: 7px;
        }

        .auto-storage.error {
            color: $danger-color;
            font-weight: bold;
        }
    }
}
