:root {
--lsa-link-color: #00a1ff;
--lsa-border-color: #e1e5ea;
--lsa-header-bg: #fafafa;
--lsa-row-alt-bg: #f9fbfc;
--lsa-cell-padding: 0.75rem;
--lsa-font-size: 0.95rem;
} .lsa-table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 1.25rem;
border: 0 !important;
} .lsa-pattern-table {
width: 100%;
font-size: var(--lsa-font-size);
table-layout: fixed;
border-collapse: separate !important;
border-spacing: 0;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
} .lsa-pattern-table col.col-pattern {
width: 24%;
}
.lsa-pattern-table col.col-description {
width: 76%;
} .lsa-pattern-table thead th {
background: var(--lsa-header-bg);
font-weight: 600;
padding: var(--lsa-cell-padding);
border: 1px solid var(--lsa-border-color);
text-align: left;
line-height: 1.45;
white-space: normal !important;
word-break: keep-all;
} .lsa-pattern-table td {
padding: var(--lsa-cell-padding);
border: 1px solid var(--lsa-border-color);
vertical-align: top;
background: #fff;
line-height: 1.6;
white-space: normal !important;
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
} .lsa-pattern-table tbody tr:nth-child(even) td {
background: var(--lsa-row-alt-bg);
} .lsa-pattern-table tbody tr:hover td {
background: #f3f7fb;
} .lsa-pattern-table a {
color: var(--lsa-link-color);
} @media (max-width: 480px) {
.lsa-pattern-table {
font-size: 0.9rem;
}
}