/* Category icons. One modifier per category key, colored from the --cat-*
   tokens in tokens.css. */

.cat-icon {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.cat-icon svg {
    width: 14px;
    height: 14px;
}

.cat-icon--lg {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.cat-icon--lg svg {
    width: 20px;
    height: 20px;
}

.cat-icon--celi-ietves {
    background: var(--cat-roads-bg);
    color: var(--cat-roads-ic);
}

.cat-icon--publiskas-teritorijas {
    background: var(--cat-public-bg);
    color: var(--cat-public-ic);
}

.cat-icon--dzivnieki {
    background: var(--cat-animals-bg);
    color: var(--cat-animals-ic);
}

.cat-icon--udens-kanalizacija {
    background: var(--cat-water-bg);
    color: var(--cat-water-ic);
}

.cat-icon--atkritumi-piesarnojums {
    background: var(--cat-waste-bg);
    color: var(--cat-waste-ic);
}

.cat-icon--sabiedriska-kartiba {
    background: var(--cat-order-bg);
    color: var(--cat-order-ic);
}

.cat-icon--raksanas-atlaujas {
    background: var(--cat-permit-bg);
    color: var(--cat-permit-ic);
}