.template-container {
    display: flex;
    align-items: center;
    width: 100%
}

.template-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.375rem;
    -webkit-mask-image: url("images/icons/theme-icon.svg");
    mask-image: url("images/icons/theme-icon.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
    border: 1px solid white;
}

.dxbl-sm .template-icon {
    margin-right: 0.25rem;
}

.dxbl-lg .template-icon {
    margin-right: 0.5rem;
}

.template-container > .blazing-berry {
    color: #5c2d91;
}

.template-container > .blazing-dark {
    color: #46444a;
}

.template-container > .office-white {
    color: #fe7109;
}

.template-container > .purple {
    color: #7989ff;
}

.template-container > .default {
    color: #007bff;
}

.template-container > .default-dark {
    color: #212529;
}

.template-container > .fluent-orchid {
    color: #c239b3;
}

.template-container > .fluent-mint {
    color: #018574;
}
