.group-colored {
    border-left: 4px solid var(--group-color, #2188c9);
    background: var(--group-tint, #eff7fc);
}
.group-color-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0;
}
.group-color-tag {
    display: inline-block;
    padding: 2px 6px;
    margin: 2px 0;
    border-left: 3px solid var(--group-color, #2188c9);
    border-radius: 4px;
    background: var(--group-tint, #eff7fc);
    color: #263b4d;
    font-size: 11px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.calendar-lesson:not(.is-cancelled) {
    border-left: 4px solid var(--group-color, #2188c9);
    background: var(--group-tint, #eff7fc);
}
.attendance-history thead th.group-history-heading {
    border-top: 3px solid var(--group-color, #2188c9);
    background: var(--group-tint, #eff7fc);
}
input[type="color"] {
    width: 80px;
    height: 36px;
    min-height: 36px;
    padding: 3px;
}
.members-remove {
    margin-top: 6px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: #a44853;
    font-size: 12px;
}