.symbol-icon {
    background-image: url(symbol-sprite.svg);
    background-repeat: no-repeat;
    overflow: hidden;
    min-width: var(--g-icon-size);
    height: var(--g-icon-size);
    margin-right: 4px;
}

.symbol-icon-center {
    align-self: center;
}

.symbol-icon.method {
    background-position: 0 calc(var(--g-sprite-y-offset));
}

.symbol-icon.constant,
.symbol-icon.variable {
    background-position: -22px calc(var(--g-sprite-y-offset));
}

.symbol-icon.class {
    background-position: -42px calc(var(--g-sprite-y-offset));
}

.symbol-icon.interface {
    background-position: -62px calc(var(--g-sprite-y-offset));
}

.symbol-icon.module {
    background-position: -82px calc(var(--g-sprite-y-offset));
}

.symbol-icon.property {
    background-position: -102px calc(var(--g-sprite-y-offset));
}

.symbol-icon.enum {
    background-position: -122px calc(var(--g-sprite-y-offset));
}

.symbol-icon.rule {
    background-position: -242px calc(var(--g-sprite-y-offset));
}

.symbol-icon.file {
    background-position: -262px calc(var(--g-sprite-y-offset));
}