@import "/UI/Theme.scss";

EntityListCloud
{
    .verified-filter
    {
        min-width: 36px;
        min-height: 36px;
        padding: 0;
        justify-content: center;
        align-items: center;
        color: rgba( white, 0.55 );
        background-color: rgba( black, 0.2 );
        border: 1px solid rgba( white, 0.07 );
        border-radius: 6px;
        transition: background-color 0.1s ease, border-color 0.1s ease, color 0.1s ease;

        &:hover
        {
            color: white;
            background-color: rgba( white, 0.06 );
            border-color: rgba( white, 0.13 );
        }

        &.active
        {
            color: white;
            background-color: rgba( $color-accent, 0.24 );
            border-color: rgba( $color-accent, 0.65 );
        }
    }
}