﻿.premium-bg-variant {
    background-size: cover;
    border-radius: var(--mud-default-borderradius);
}

.premium-bg-variant-1 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant1.svg');
}

.premium-bg-variant-2 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant2.svg');
}

.premium-bg-variant-3 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant3.svg');
}

.premium-bg-variant-4 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant4.svg');
}

.premium-bg-variant-5 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant5.svg');
}

.premium-bg-variant-6 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant6.svg');
}

.premium-bg-variant-7 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant7.svg');
}

.premium-bg-variant-8 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant8.svg');
}

.premium-bg-variant-9 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant9.svg');
}

.premium-bg-variant-10 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant10.svg');
}

.premium-bg-variant-11 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant11.svg');
}

.premium-bg-variant-12 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant12.svg');
}

.premium-bg-variant-13 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant13.svg');
}

.premium-bg-variant-14 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant14.svg');
}

.premium-bg-variant-15 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant15.svg');
}

.premium-bg-variant-16 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant16.svg');
}

.premium-bg-variant-17 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant17.svg');
}

.premium-bg-variant-18 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant18.svg');
}

.premium-bg-variant-19 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant19.svg');
}

.premium-bg-variant-20 {
    background-image: url('https://myfirstrga5e1.blob.core.windows.net/premium-backgrounds/premium-bg-variant20.svg');
}

.premium-bg-variant-light .mud-badge.mud-badge-default {
    color: black;
}

.premium-bg-variant-light .mud-primary-text {
    color: black !important;
}

.premium-bg-variant-light .mud-secondary-text {
    color: black !important;
}

.premium-bg-variant-light .mud-input-label {
    color: black !important;
}

.premium-bg-variant-light .mafia-text-primary {
    color: black !important;
}

.premium-bg-variant-light .mud-select-input {
    color: black !important;
}

.premium-bg-variant-light .mud-input.mud-input-underline:before {
    border-bottom: 1px solid black;
}

.premium-bg-variant-dark .mud-badge.mud-badge-default {
    /*color: black;*/
}

.premium-bg-variant-dark .mud-primary-text {
    /*color: black !important;*/
}

.premium-bg-variant-dark .mud-secondary-text {
    /*color: black !important;*/
}

.premium-bg-variant-dark .mud-input-label {
    /*color: black !important;*/
}

.premium-bg-variant-dark .mafia-text-primary {
    /*color: black !important;*/
}

.premium-bg-variant-dark .mud-select-input {
    /*color: black !important;*/
}

@media (min-width: 600px) {
    .select-theme-popover {
        max-width: 570px !important;
    }
}

.mud-avatar.premium-bg-variant {
    width: 100%;
    background-size: auto 100%;
}

.select-theme-input {
    height: auto !important;
}

@media (min-width: 600px) {
    .mud-avatar.premium-bg-variant {
        width: 100%;
        background-size: auto 100%;
    }
}


/*Premium Effects*/
