.progress-bar[data-v-9d04ec24]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(-\32 8011bdf);
    background-color: #ffffff1a;
    border-radius: 5px;
    height: 6px;
    overflow: hidden;
    width: 100%;
}
.progress-bar[data-v-9d04ec24]::-webkit-progress-bar
{
    background-color: #ffffff1a;
    border-radius: 5px;
}
.progress-bar[data-v-9d04ec24]::-webkit-progress-value
{
    background-image: linear-gradient(90deg,var(-\32 8011bdf),var(-\37 d3e9bf0));
    border-radius: 5px;
}
.progress-bar[data-v-9d04ec24]::-moz-progress-bar
{
    background-color: var(-\37 9223cf1);
    border-radius: 5px;
}
.unranked[data-v-9d04ec24]
{
    background-color: #8a8ab1;
    background: linear-gradient(180deg,#8a8ab1,#2b2d3626);
    outline: 2px solid #8a8ab180;
}
.unranked .progress-container[data-v-9d04ec24]
{
    background-color: #3636c220;
}
.bronze[data-v-9d04ec24]
{
    background-color: #8b6a73;
    background: linear-gradient(180deg,#8b6a73,#8b6a7326);
    outline: 2px solid #b8a3aa80;
}
.bronze .progress-container[data-v-9d04ec24]
{
    background-color: #e5a48020;
}
.silver[data-v-9d04ec24]
{
    background-color: #d7d7d7;
    background: linear-gradient(180deg,#d7d7d7,#d7d7d726);
    outline: 2px solid #d7d7d780;
}
.silver .progress-container[data-v-9d04ec24]
{
    background-color: #d7d7d720;
}
.gold[data-v-9d04ec24]
{
    background-color: #e7d347;
    background: linear-gradient(180deg,#e7d347,#e7d34726);
    outline: 2px solid #e7d34780;
}
.gold .progress-container[data-v-9d04ec24]
{
    background-color: #e7d34720;
}
.platinum[data-v-9d04ec24]
{
    background-color: #b3bed9;
    background: linear-gradient(180deg,#b3bed9,#b3bed926);
    outline: 2px solid #b3bed980;
}
.platinum .progress-container[data-v-9d04ec24]
{
    background-color: #b3bed920;
}
.diamond[data-v-9d04ec24]
{
    background-color: #86ccd2;
    background: linear-gradient(180deg,#86ccd2,#86ccd226);
    border-radius: 16px;
    outline: 2px solid #86ccd280;
}
.diamond .progress-container[data-v-9d04ec24]
{
    background-color: #86ccd220;
}
.legend[data-v-9d04ec24]
{
    background-color: #977bff;
    background: linear-gradient(180deg,#977bff,#977bff26);
    border-radius: 16px;
    outline: 2px solid #977bff80;
}
.legend .progress-container[data-v-9d04ec24]
{
    background-color: #977bff20;
}
.metagod[data-v-9d04ec24]
{
    background-color: #ac5331;
    background: linear-gradient(180deg,#ac5331,#ac533126);
    border-radius: 16px;
    outline: 2px solid #ac533180;
}
.metagod .progress-container[data-v-9d04ec24]
{
    background-color: #ff000020;
}