* {
    all: unset;
    font-family: "JetBrainsMono Nerd Font", "Noto Sans", sans-serif;
    font-size: 14px;
}

.switcher-window {
    background: transparent;
}

.switcher {
    min-width: 680px;
    padding: 18px;
    border: 1px solid alpha(@ags_fg, 0.18);
    border-radius: 16px;
    background: @ags_bg;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
    color: @ags_fg;
}

.header {
    min-height: 34px;
}

.title {
    font-size: 20px;
    font-weight: 700;
}

.list-scroll {
    min-height: 130px;
}

.item {
    padding: 10px;
    border: 1px solid alpha(@ags_fg, 0.10);
    border-radius: 10px;
    background: alpha(@ags_panel, 0.54);
}

.item-row {
    min-height: 78px;
}

.item:hover,
.item:focus {
    border-color: alpha(@ags_accent, 0.72);
    background: alpha(@ags_panel, 0.82);
}

.item.active {
    border-color: alpha(@ags_accent_2, 0.85);
}

.preview {
    min-width: 96px;
    min-height: 56px;
    border-radius: 8px;
    background-color: alpha(@ags_panel, 0.80);
    background-size: cover;
    background-position: center;
}

.preview-empty {
    color: @ags_accent_2;
}

.item-title {
    font-size: 15px;
    font-weight: 700;
}

.item-subtitle {
    margin-top: 4px;
    color: @ags_muted;
    font-size: 12px;
}

.swatches {
    min-width: 86px;
}

.swatch {
    min-width: 18px;
    min-height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.icon-button {
    min-width: 34px;
    min-height: 34px;
    border-radius: 8px;
    color: @ags_fg;
    background: alpha(@ags_panel, 0.62);
}

.preview-button {
    min-width: 44px;
    min-height: 78px;
}

.icon-button:hover,
.icon-button:focus {
    background: alpha(@ags_accent, 0.28);
}

.close {
    color: @ags_accent;
}

.empty {
    min-height: 150px;
    color: @ags_muted;
}
