.bronze {
    background-color: #D99E63;
    color: black;
}
.bronze-button:hover {
    background-color: #cd894b;
}
.bronze-button:active {
    background-color: #ab6a2f;
}

.silver {
    background-color: #C0C0C0;
    color: black;
}
.silver-button:hover {
    background-color: #adadad;
}
.silver-button:active {
    background-color: #868686;
}

.gold {
    background-color: #DBC76B;
    color: black;
}
.gold-button:hover {
    background-color: #d5bd51;
}
.gold-button:active {
    background-color: #b89f2d;
}

.gold-plus {
    background-color: black;
    color: #CBA52A;
}
.gold-plus-button:hover {
    background-color: #333333;
}
.gold-plus-button:active {
    background-color: #666666;
}

.swai {
    background-color: #1a2f5a;
    color: #ffffff;
}
.swai-button:hover {
    background-color: #25427d;
}
.swai-button:active {
    background-color: #3055a1;
}

.app-grid-card {
    min-width: 275px;
    min-height: 84px;
    max-height: 84px;
}

.home-flowbox-scroller {
    padding: 2px;
}

.home-flowbox-scroller undershoot.left,
.home-flowbox-scroller undershoot.right {
    background: none;
}

.home-flowbox flowboxchild {
    border: none;
}

.home-app-card {
    background-color: @card_bg_color;
    border: 1px solid alpha(currentColor, 0.08);
    box-shadow: 0 1px 3px alpha(black, 0.06);
}

.home-flowbox-scroller {
    background-color: alpha(white, 0.02);
    border: 1px solid alpha(currentColor, 0.08);
}

.home-scroll-button {
    min-width: 28px;
    min-height: 28px;
    padding: 3px;
}

.home-app-card {
    border-color: alpha(currentColor, 0.12);
    box-shadow: 0 1px 4px alpha(black, 0.22);
}

.screenshot-close-button {
    color: @window_fg_color;
}

.screenshot-close-button:hover {
    background-color: alpha(currentColor, 0.08);
}

.screenshot-close-button:active {
    background-color: alpha(currentColor, 0.14);
}
