Шаблон:Таблица ролей/styles.css

.таблица-ролей {
    background: var(--theme-bg-color-100);
    border: 1px solid var(--theme-border-color-base);
    padding: 0.4em;
    border-radius: var(--border-radius-low);
    margin: 14px 0px;
}

.таблица-ролей__content {
    padding: 14px 12px;
    display: flex;
    gap: 12px;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: wrap;
    border: 1px solid var(--color-lighter-alpha-x);
    border-top: none;
    border-radius: var(--border-radius-low);
}

.таблица-ролей__content > .link-card {
    min-width: 165px;
}

.таблица-ролей__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 8px;
    font-weight: bold;
    border-radius: var(--border-radius-low);
    border-top: 1px solid var(--color-lighter-alpha-x);
    border-bottom: 2px solid var(--color-darkened-border);
    font-size: var(--font-size-l);
    box-shadow: var(--box-shadow);
    position: relative;
}


.таблица-ролей__sub {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-top: 6px;
}

.таблица-ролей__sub-content {
	border: 1px solid var(--color-lighter-alpha-x);
    border-radius: var(--border-radius-low);
}

.таблица-ролей__sub > div {
    padding: 0.2em 0.4em 0.2em;
}