// main: ../main.scss
// -----------------------------------------------------------------------------
// This file contains all styles related to the top-countries component.
// -----------------------------------------------------------------------------

.dm-vln-top-countries {
    @include flexbox;
    flex-wrap: wrap;
    max-width: 350px!important;

    .dm-vln-top-country {
        @include flexbox;
        width: 100%;
        justify-content: space-between;
        margin: 3px 0;
    }

    .dm-vln-top-country-flag-name {
        @include flexbox;
        align-items: center;
        
        .dm-vln-flag {
            margin-right: 10px;
            width: 32px;
            margin-right: 10px;
            height: 24px;
        }
    }
    
}