html[data-palette="violet"] .u-d-block:not(#\#) { display: block; }
html[data-palette="violet"] .u-d-flex:not(#\#) { display: flex; }
html[data-palette="violet"] .u-d-grid:not(#\#) { display: grid; }
html[data-palette="violet"] .u-d-iblock:not(#\#) { display: inline-block; }
html[data-palette="violet"] .u-d-iflex:not(#\#) { display: inline-flex; }
html[data-palette="violet"] .u-fd-col:not(#\#) { flex-direction: column; }
html[data-palette="violet"] .u-flw-nowrap:not(#\#) { flex-wrap: nowrap; }
html[data-palette="violet"] .u-flw-wrap:not(#\#) { flex-wrap: wrap; }
html[data-palette="violet"] .u-f-0-0-a:not(#\#) { flex: 0 0 auto; }
html[data-palette="violet"] .u-f-1:not(#\#) { flex: 1; }
html[data-palette="violet"] .u-f-1-1-200:not(#\#) { flex: 1 1 200px; }
html[data-palette="violet"] .u-f-1-1-a:not(#\#) { flex: 1 1 auto; }
html[data-palette="violet"] .u-shrink-0:not(#\#) { flex-shrink: 0; }
html[data-palette="violet"] .u-ai-baseline:not(#\#) { align-items: baseline; }
html[data-palette="violet"] .u-ai-center:not(#\#) { align-items: center; }
html[data-palette="violet"] .u-ai-end:not(#\#) { align-items: flex-end; }
html[data-palette="violet"] .u-ai-start:not(#\#) { align-items: flex-start; }
html[data-palette="violet"] .u-ai-start2:not(#\#) { align-items: start; }
html[data-palette="violet"] .u-jc-between:not(#\#) { justify-content: space-between; }
html[data-palette="violet"] .u-jc-center:not(#\#) { justify-content: center; }
html[data-palette="violet"] .u-jc-end:not(#\#) { justify-content: flex-end; }
html[data-palette="violet"] .u-as-center:not(#\#) { align-self: center; }
html[data-palette="violet"] .u-as-end:not(#\#) { align-self: flex-end; }
html[data-palette="violet"] .u-as-start:not(#\#) { align-self: flex-start; }
html[data-palette="violet"] .u-as-stretch:not(#\#) { align-self: stretch; }

html[data-palette="violet"] .u-gap-0:not(#\#) { gap: 0; }
html[data-palette="violet"] .u-gap-12:not(#\#) { gap: var(--tu-space-12); }
html[data-palette="violet"] .u-gap-16:not(#\#) { gap: var(--tu-space-16); }
html[data-palette="violet"] .u-gap-20:not(#\#) { gap: var(--tu-space-20); }
html[data-palette="violet"] .u-gap-24:not(#\#) { gap: var(--tu-space-24); }
html[data-palette="violet"] .u-gap-32:not(#\#) { gap: var(--tu-space-32); }
html[data-palette="violet"] .u-gap-4:not(#\#) { gap: var(--tu-space-4); }
html[data-palette="violet"] .u-gap-4-12:not(#\#) { gap: var(--tu-space-4) var(--tu-space-12); }
html[data-palette="violet"] .u-gap-4-16:not(#\#) { gap: var(--tu-space-4) var(--tu-space-16); }
html[data-palette="violet"] .u-gap-8:not(#\#) { gap: var(--tu-space-8); }
html[data-palette="violet"] .u-gap-8-12:not(#\#) { gap: var(--tu-space-8) var(--tu-space-12); }
html[data-palette="violet"] .u-gap-8-16:not(#\#) { gap: var(--tu-space-8) var(--tu-space-16); }
html[data-palette="violet"] .u-rgap-8:not(#\#) { row-gap: var(--tu-space-8); }
html[data-palette="violet"] .u-cgap-12:not(#\#) { column-gap: var(--tu-space-12); }

html[data-palette="violet"] .u-m-0:not(#\#) { margin: 0; }
html[data-palette="violet"] .u-m-0-0-12:not(#\#) { margin: 0 0 var(--tu-space-12); }
html[data-palette="violet"] .u-m-0-0-16:not(#\#) { margin: 0 0 var(--tu-space-16); }
html[data-palette="violet"] .u-m-0-0-4:not(#\#) { margin: 0 0 var(--tu-space-4); }
html[data-palette="violet"] .u-m-0-0-8:not(#\#) { margin: 0 0 var(--tu-space-8); }
html[data-palette="violet"] .u-m-0-12-8-0:not(#\#) { margin: 0 var(--tu-space-12) var(--tu-space-8) 0; }
html[data-palette="violet"] .u-m-0-16-16:not(#\#) { margin: 0 var(--tu-space-16) var(--tu-space-16); }
html[data-palette="violet"] .u-m-0-16-4-0:not(#\#) { margin: 0 var(--tu-space-16) var(--tu-space-4) 0; }
html[data-palette="violet"] .u-m-0-4-12:not(#\#) { margin: 0 var(--tu-space-4) var(--tu-space-12); }
html[data-palette="violet"] .u-m-0-8-8:not(#\#) { margin: 0 var(--tu-space-8) var(--tu-space-8); }
html[data-palette="violet"] .u-m-0-8-8-0:not(#\#) { margin: 0 var(--tu-space-8) var(--tu-space-8) 0; }
html[data-palette="violet"] .u-m-0-a:not(#\#) { margin: 0 auto; }
html[data-palette="violet"] .u-m-12-0:not(#\#) { margin: var(--tu-space-12) 0; }
html[data-palette="violet"] .u-m-12-0-0:not(#\#) { margin: var(--tu-space-12) 0 0; }
html[data-palette="violet"] .u-m-12-0-4:not(#\#) { margin: var(--tu-space-12) 0 var(--tu-space-4); }
html[data-palette="violet"] .u-m-12-0-8:not(#\#) { margin: var(--tu-space-12) 0 var(--tu-space-8); }
html[data-palette="violet"] .u-m-16-0:not(#\#) { margin: var(--tu-space-16) 0; }
html[data-palette="violet"] .u-m-16-0-8:not(#\#) { margin: var(--tu-space-16) 0 var(--tu-space-8); }
html[data-palette="violet"] .u-m-20-0:not(#\#) { margin: var(--tu-space-20) 0; }
html[data-palette="violet"] .u-m-20-0-12:not(#\#) { margin: var(--tu-space-20) 0 var(--tu-space-12); }
html[data-palette="violet"] .u-m-20-0-8:not(#\#) { margin: var(--tu-space-20) 0 var(--tu-space-8); }
html[data-palette="violet"] .u-m-4-0:not(#\#) { margin: var(--tu-space-4) 0; }
html[data-palette="violet"] .u-m-4-0-0:not(#\#) { margin: var(--tu-space-4) 0 0; }
html[data-palette="violet"] .u-m-4-0-12:not(#\#) { margin: var(--tu-space-4) 0 var(--tu-space-12); }
html[data-palette="violet"] .u-m-4-0-8:not(#\#) { margin: var(--tu-space-4) 0 var(--tu-space-8); }
html[data-palette="violet"] .u-m-4-4-0-0:not(#\#) { margin: var(--tu-space-4) var(--tu-space-4) 0 0; }
html[data-palette="violet"] .u-m-4-4-4-0:not(#\#) { margin: var(--tu-space-4) var(--tu-space-4) var(--tu-space-4) 0; }
html[data-palette="violet"] .u-m-8-0-0:not(#\#) { margin: var(--tu-space-8) 0 0; }
html[data-palette="violet"] .u-m-8-0-12:not(#\#) { margin: var(--tu-space-8) 0 var(--tu-space-12); }
html[data-palette="violet"] .u-m-8-0-4:not(#\#) { margin: var(--tu-space-8) 0 var(--tu-space-4); }
html[data-palette="violet"] .u-m-8-12:not(#\#) { margin: var(--tu-space-8) var(--tu-space-12); }
html[data-palette="violet"] .u-mt-0:not(#\#) { margin-top: 0; }
html[data-palette="violet"] .u-mt-12:not(#\#) { margin-top: var(--tu-space-12); }
html[data-palette="violet"] .u-mt-16:not(#\#) { margin-top: var(--tu-space-16); }
html[data-palette="violet"] .u-mt-20:not(#\#) { margin-top: var(--tu-space-20); }
html[data-palette="violet"] .u-mt-24:not(#\#) { margin-top: var(--tu-space-24); }
html[data-palette="violet"] .u-mt-32:not(#\#) { margin-top: var(--tu-space-32); }
html[data-palette="violet"] .u-mt-4:not(#\#) { margin-top: var(--tu-space-4); }
html[data-palette="violet"] .u-mt-40:not(#\#) { margin-top: var(--tu-space-40); }
html[data-palette="violet"] .u-mt-48:not(#\#) { margin-top: var(--tu-space-48); }
html[data-palette="violet"] .u-mt-8:not(#\#) { margin-top: var(--tu-space-8); }
html[data-palette="violet"] .u-mb-0:not(#\#) { margin-bottom: 0; }
html[data-palette="violet"] .u-mb-12:not(#\#) { margin-bottom: var(--tu-space-12); }
html[data-palette="violet"] .u-mb-16:not(#\#) { margin-bottom: var(--tu-space-16); }
html[data-palette="violet"] .u-mb-20:not(#\#) { margin-bottom: var(--tu-space-20); }
html[data-palette="violet"] .u-mb-24:not(#\#) { margin-bottom: var(--tu-space-24); }
html[data-palette="violet"] .u-mb-32:not(#\#) { margin-bottom: var(--tu-space-32); }
html[data-palette="violet"] .u-mb-4:not(#\#) { margin-bottom: var(--tu-space-4); }
html[data-palette="violet"] .u-mb-8:not(#\#) { margin-bottom: var(--tu-space-8); }
html[data-palette="violet"] .u-ml-0:not(#\#) { margin-left: 0; }
html[data-palette="violet"] .u-ml-24:not(#\#) { margin-left: var(--tu-space-24); }
html[data-palette="violet"] .u-ml-4:not(#\#) { margin-left: var(--tu-space-4); }
html[data-palette="violet"] .u-ml-8:not(#\#) { margin-left: var(--tu-space-8); }
html[data-palette="violet"] .u-ml-a:not(#\#) { margin-left: auto; }
html[data-palette="violet"] .u-mr-4:not(#\#) { margin-right: var(--tu-space-4); }
html[data-palette="violet"] .u-mr-8:not(#\#) { margin-right: var(--tu-space-8); }
html[data-palette="violet"] .u-mr-a:not(#\#) { margin-right: auto; }

html[data-palette="violet"] .u-p-0:not(#\#) { padding: 0; }
html[data-palette="violet"] .u-p-0-0-0-12:not(#\#) { padding: 0 0 0 var(--tu-space-12); }
html[data-palette="violet"] .u-p-0-0-4:not(#\#) { padding: 0 0 var(--tu-space-4); }
html[data-palette="violet"] .u-p-0-0-8:not(#\#) { padding: 0 0 var(--tu-space-8); }
html[data-palette="violet"] .u-p-0-12-12:not(#\#) { padding: 0 var(--tu-space-12) var(--tu-space-12); }
html[data-palette="violet"] .u-p-0-16:not(#\#) { padding: 0 var(--tu-space-16); }
html[data-palette="violet"] .u-p-0-16-12:not(#\#) { padding: 0 var(--tu-space-16) var(--tu-space-12); }
html[data-palette="violet"] .u-p-0-16-8:not(#\#) { padding: 0 var(--tu-space-16) var(--tu-space-8); }
html[data-palette="violet"] .u-p-0-20:not(#\#) { padding: 0 var(--tu-space-20); }
html[data-palette="violet"] .u-p-0-24:not(#\#) { padding: 0 var(--tu-space-24); }
html[data-palette="violet"] .u-p-0-24-0-12:not(#\#) { padding: 0 var(--tu-space-24) 0 var(--tu-space-12); }
html[data-palette="violet"] .u-p-0-4:not(#\#) { padding: 0 var(--tu-space-4); }
html[data-palette="violet"] .u-p-0-8:not(#\#) { padding: 0 var(--tu-space-8); }
html[data-palette="violet"] .u-p-12:not(#\#) { padding: var(--tu-space-12); }
html[data-palette="violet"] .u-p-12-0:not(#\#) { padding: var(--tu-space-12) 0; }
html[data-palette="violet"] .u-p-12-16:not(#\#) { padding: var(--tu-space-12) var(--tu-space-16); }
html[data-palette="violet"] .u-p-12-20:not(#\#) { padding: var(--tu-space-12) var(--tu-space-20); }
html[data-palette="violet"] .u-p-12-24:not(#\#) { padding: var(--tu-space-12) var(--tu-space-24); }
html[data-palette="violet"] .u-p-16:not(#\#) { padding: var(--tu-space-16); }
html[data-palette="violet"] .u-p-16-0:not(#\#) { padding: var(--tu-space-16) 0; }
html[data-palette="violet"] .u-p-16-12:not(#\#) { padding: var(--tu-space-16) var(--tu-space-12); }
html[data-palette="violet"] .u-p-16-20:not(#\#) { padding: var(--tu-space-16) var(--tu-space-20); }
html[data-palette="violet"] .u-p-16-24:not(#\#) { padding: var(--tu-space-16) var(--tu-space-24); }
html[data-palette="violet"] .u-p-16-24-20:not(#\#) { padding: var(--tu-space-16) var(--tu-space-24) var(--tu-space-20); }
html[data-palette="violet"] .u-p-16-4:not(#\#) { padding: var(--tu-space-16) var(--tu-space-4); }
html[data-palette="violet"] .u-p-20:not(#\#) { padding: var(--tu-space-20); }
html[data-palette="violet"] .u-p-20-16:not(#\#) { padding: var(--tu-space-20) var(--tu-space-16); }
html[data-palette="violet"] .u-p-20-24:not(#\#) { padding: var(--tu-space-20) var(--tu-space-24); }
html[data-palette="violet"] .u-p-20-24-16:not(#\#) { padding: var(--tu-space-20) var(--tu-space-24) var(--tu-space-16); }
html[data-palette="violet"] .u-p-24:not(#\#) { padding: var(--tu-space-24); }
html[data-palette="violet"] .u-p-24-0:not(#\#) { padding: var(--tu-space-24) 0; }
html[data-palette="violet"] .u-p-24-16:not(#\#) { padding: var(--tu-space-24) var(--tu-space-16); }
html[data-palette="violet"] .u-p-24-4:not(#\#) { padding: var(--tu-space-24) var(--tu-space-4); }
html[data-palette="violet"] .u-p-32:not(#\#) { padding: var(--tu-space-32); }
html[data-palette="violet"] .u-p-32-0:not(#\#) { padding: var(--tu-space-32) 0; }
html[data-palette="violet"] .u-p-32-16:not(#\#) { padding: var(--tu-space-32) var(--tu-space-16); }
html[data-palette="violet"] .u-p-32-24:not(#\#) { padding: var(--tu-space-32) var(--tu-space-24); }
html[data-palette="violet"] .u-p-4:not(#\#) { padding: var(--tu-space-4); }
html[data-palette="violet"] .u-p-4-0:not(#\#) { padding: var(--tu-space-4) 0; }
html[data-palette="violet"] .u-p-4-12:not(#\#) { padding: var(--tu-space-4) var(--tu-space-12); }
html[data-palette="violet"] .u-p-4-16:not(#\#) { padding: var(--tu-space-4) var(--tu-space-16); }
html[data-palette="violet"] .u-p-4-8:not(#\#) { padding: var(--tu-space-4) var(--tu-space-8); }
html[data-palette="violet"] .u-p-40:not(#\#) { padding: var(--tu-space-40); }
html[data-palette="violet"] .u-p-40-0:not(#\#) { padding: var(--tu-space-40) 0; }
html[data-palette="violet"] .u-p-40-32-80:not(#\#) { padding: var(--tu-space-40) var(--tu-space-32) var(--tu-space-80); }
html[data-palette="violet"] .u-p-48:not(#\#) { padding: var(--tu-space-48); }
html[data-palette="violet"] .u-p-48-24:not(#\#) { padding: var(--tu-space-48) var(--tu-space-24); }
html[data-palette="violet"] .u-p-64-24:not(#\#) { padding: var(--tu-space-64) var(--tu-space-24); }
html[data-palette="violet"] .u-p-64-24-80:not(#\#) { padding: var(--tu-space-64) var(--tu-space-24) var(--tu-space-80); }
html[data-palette="violet"] .u-p-8:not(#\#) { padding: var(--tu-space-8); }
html[data-palette="violet"] .u-p-8-0:not(#\#) { padding: var(--tu-space-8) 0; }
html[data-palette="violet"] .u-p-8-0-0:not(#\#) { padding: var(--tu-space-8) 0 0; }
html[data-palette="violet"] .u-p-8-0-4:not(#\#) { padding: var(--tu-space-8) 0 var(--tu-space-4); }
html[data-palette="violet"] .u-p-8-12:not(#\#) { padding: var(--tu-space-8) var(--tu-space-12); }
html[data-palette="violet"] .u-p-8-12-0:not(#\#) { padding: var(--tu-space-8) var(--tu-space-12) 0; }
html[data-palette="violet"] .u-p-8-16:not(#\#) { padding: var(--tu-space-8) var(--tu-space-16); }
html[data-palette="violet"] .u-p-8-4:not(#\#) { padding: var(--tu-space-8) var(--tu-space-4); }
html[data-palette="violet"] .u-pt-0:not(#\#) { padding-top: 0; }
html[data-palette="violet"] .u-pt-12:not(#\#) { padding-top: var(--tu-space-12); }
html[data-palette="violet"] .u-pt-16:not(#\#) { padding-top: var(--tu-space-16); }
html[data-palette="violet"] .u-pt-4:not(#\#) { padding-top: var(--tu-space-4); }
html[data-palette="violet"] .u-pt-8:not(#\#) { padding-top: var(--tu-space-8); }
html[data-palette="violet"] .u-pb-12:not(#\#) { padding-bottom: var(--tu-space-12); }
html[data-palette="violet"] .u-pb-16:not(#\#) { padding-bottom: var(--tu-space-16); }
html[data-palette="violet"] .u-pb-4:not(#\#) { padding-bottom: var(--tu-space-4); }
html[data-palette="violet"] .u-pl-20:not(#\#) { padding-left: var(--tu-space-20); }
html[data-palette="violet"] .u-pl-32:not(#\#) { padding-left: var(--tu-space-32); }

html[data-palette="violet"] .u-w-100:not(#\#) { width: 100%; }
html[data-palette="violet"] .u-w-auto:not(#\#) { width: auto; }
html[data-palette="violet"] .u-h-100:not(#\#) { height: 100%; }
html[data-palette="violet"] .u-minw-0:not(#\#) { min-width: 0; }
html[data-palette="violet"] .u-minh-0:not(#\#) { min-height: 0; }
html[data-palette="violet"] .u-maxw-100:not(#\#) { max-width: 100%; }
html[data-palette="violet"] .u-pos-relative:not(#\#) { position: relative; }
html[data-palette="violet"] .u-ov-auto:not(#\#) { overflow: auto; }
html[data-palette="violet"] .u-ov-hidden:not(#\#) { overflow: hidden; }
html[data-palette="violet"] .u-ovx-auto:not(#\#) { overflow-x: auto; }
html[data-palette="violet"] .u-ovy-auto:not(#\#) { overflow-y: auto; }
html[data-palette="violet"] .u-bs-border-box:not(#\#) { box-sizing: border-box; }

html[data-palette="violet"] .u-fs-12:not(#\#) { font-size: 12px; }
html[data-palette="violet"] .u-fs-14:not(#\#) { font-size: 14px; }
html[data-palette="violet"] .u-fs-16:not(#\#) { font-size: 16px; }
html[data-palette="violet"] .u-fs-18:not(#\#) { font-size: 18px; }
html[data-palette="violet"] .u-fs-20:not(#\#) { font-size: 20px; }
html[data-palette="violet"] .u-fs-24:not(#\#) { font-size: 24px; }
html[data-palette="violet"] .u-fs-32:not(#\#) { font-size: 32px; }
html[data-palette="violet"] .u-fs-caption:not(#\#) { font-size: var(--fs-caption); }
html[data-palette="violet"] .u-fs-ui:not(#\#) { font-size: var(--fs-ui); }
html[data-palette="violet"] .u-fwt-400:not(#\#) { font-weight: 400; }
html[data-palette="violet"] .u-fwt-500:not(#\#) { font-weight: 500; }
html[data-palette="violet"] .u-fwt-700:not(#\#) { font-weight: 700; }
html[data-palette="violet"] .u-lh-10:not(#\#) { line-height: 1; }
html[data-palette="violet"] .u-lh-12:not(#\#) { line-height: 1.2; }
html[data-palette="violet"] .u-lh-125:not(#\#) { line-height: 1.25; }
html[data-palette="violet"] .u-lh-13:not(#\#) { line-height: 1.3; }
html[data-palette="violet"] .u-lh-14:not(#\#) { line-height: 1.4; }
html[data-palette="violet"] .u-lh-15:not(#\#) { line-height: 1.5; }
html[data-palette="violet"] .u-lh-16:not(#\#) { line-height: 1.6; }
html[data-palette="violet"] .u-lh-17:not(#\#) { line-height: 1.7; }
html[data-palette="violet"] .u-lh-18:not(#\#) { line-height: 1.8; }
html[data-palette="violet"] .u-lh-19:not(#\#) { line-height: 1.9; }
html[data-palette="violet"] .u-ta-center:not(#\#) { text-align: center; }
html[data-palette="violet"] .u-ta-left:not(#\#) { text-align: left; }
html[data-palette="violet"] .u-ta-right:not(#\#) { text-align: right; }
html[data-palette="violet"] .u-ws-normal:not(#\#) { white-space: normal; }
html[data-palette="violet"] .u-ws-nowrap:not(#\#) { white-space: nowrap; }
html[data-palette="violet"] .u-ws-pre-line:not(#\#) { white-space: pre-line; }
html[data-palette="violet"] .u-ws-pre-wrap:not(#\#) { white-space: pre-wrap; }
html[data-palette="violet"] .u-to-ellipsis:not(#\#) { text-overflow: ellipsis; }
html[data-palette="violet"] .u-wb-break-all:not(#\#) { word-break: break-all; }
html[data-palette="violet"] .u-wb-break-word:not(#\#) { word-break: break-word; }
html[data-palette="violet"] .u-ow-anywhere:not(#\#) { overflow-wrap: anywhere; }
html[data-palette="violet"] .u-ow-break-word:not(#\#) { overflow-wrap: break-word; }
html[data-palette="violet"] .u-fvn-tnum:not(#\#) { font-variant-numeric: tabular-nums; }
html[data-palette="violet"] .u-td-none:not(#\#) { text-decoration: none; }
html[data-palette="violet"] .u-td-underline:not(#\#) { text-decoration: underline; }
html[data-palette="violet"] .u-tuo-2:not(#\#) { text-underline-offset: 2px; }
html[data-palette="violet"] .u-va-middle:not(#\#) { vertical-align: middle; }
html[data-palette="violet"] .u-va-top:not(#\#) { vertical-align: top; }

html[data-palette="violet"] .u-c-border:not(#\#) { color: var(--border); }
html[data-palette="violet"] .u-c-color-danger:not(#\#) { color: var(--color-danger); }
html[data-palette="violet"] .u-c-color-info:not(#\#) { color: var(--color-info); }
html[data-palette="violet"] .u-c-color-success:not(#\#) { color: var(--color-success); }
html[data-palette="violet"] .u-c-color-warning:not(#\#) { color: var(--color-warning); }
html[data-palette="violet"] .u-c-danger:not(#\#) { color: var(--danger); }
html[data-palette="violet"] .u-c-info:not(#\#) { color: var(--info); }
html[data-palette="violet"] .u-c-inherit:not(#\#) { color: inherit; }
html[data-palette="violet"] .u-c-success:not(#\#) { color: var(--success); }
html[data-palette="violet"] .u-c-text:not(#\#) { color: var(--text); }
html[data-palette="violet"] .u-c-text-muted:not(#\#) { color: var(--text-muted); }
html[data-palette="violet"] .u-c-text-primary:not(#\#) { color: var(--text-primary); }
html[data-palette="violet"] .u-c-text-secondary:not(#\#) { color: var(--text-secondary); }
html[data-palette="violet"] .u-c-tu-feedback-error-text:not(#\#) { color: var(--tu-color-feedback-error-text); }
html[data-palette="violet"] .u-c-tu-text-link:not(#\#) { color: var(--tu-color-text-link); }
html[data-palette="violet"] .u-c-tu-text-on-action:not(#\#) { color: var(--tu-color-text-on-action); }
html[data-palette="violet"] .u-c-tu-text-primary:not(#\#) { color: var(--tu-color-text-primary); }
html[data-palette="violet"] .u-c-tu-text-secondary:not(#\#) { color: var(--tu-color-text-secondary); }
html[data-palette="violet"] .u-c-tu-text-tertiary:not(#\#) { color: var(--tu-color-text-tertiary); }
html[data-palette="violet"] .u-c-violet:not(#\#) { color: var(--violet); }
html[data-palette="violet"] .u-c-violet-bright:not(#\#) { color: var(--violet-bright); }
html[data-palette="violet"] .u-c-violet-dim:not(#\#) { color: var(--violet-dim); }
html[data-palette="violet"] .u-c-warning:not(#\#) { color: var(--warning); }

html[data-palette="violet"] .u-bg-bg:not(#\#) { background: var(--bg); }
html[data-palette="violet"] .u-bg-bg-base:not(#\#) { background: var(--bg-base); }
html[data-palette="violet"] .u-bg-bg-elevated:not(#\#) { background: var(--bg-elevated); }
html[data-palette="violet"] .u-bg-bg-surface:not(#\#) { background: var(--bg-surface); }
html[data-palette="violet"] .u-bg-border:not(#\#) { background: var(--border); }
html[data-palette="violet"] .u-bg-cl-bg:not(#\#) { background: var(--cl-bg); }
html[data-palette="violet"] .u-bg-cl-surface:not(#\#) { background: var(--cl-surface); }
html[data-palette="violet"] .u-bg-danger:not(#\#) { background: var(--danger); }
html[data-palette="violet"] .u-bg-none:not(#\#) { background: none; }
html[data-palette="violet"] .u-bg-success:not(#\#) { background: var(--success); }
html[data-palette="violet"] .u-bg-text-muted:not(#\#) { background: var(--text-muted); }
html[data-palette="violet"] .u-bg-transparent:not(#\#) { background: transparent; }
html[data-palette="violet"] .u-bg-tu-action-primary:not(#\#) { background: var(--tu-color-action-primary); }
html[data-palette="violet"] .u-bg-tu-bg-muted:not(#\#) { background: var(--tu-color-bg-muted); }
html[data-palette="violet"] .u-bg-tu-bg-pressed:not(#\#) { background: var(--tu-color-bg-pressed); }
html[data-palette="violet"] .u-bg-tu-bg-selected:not(#\#) { background: var(--tu-color-bg-selected); }
html[data-palette="violet"] .u-bg-tu-bg-subtle:not(#\#) { background: var(--tu-color-bg-subtle); }
html[data-palette="violet"] .u-bg-tu-bg-surface:not(#\#) { background: var(--tu-color-bg-surface); }
html[data-palette="violet"] .u-bg-tu-feedback-error-bg:not(#\#) { background: var(--tu-color-feedback-error-bg); }
html[data-palette="violet"] .u-bg-tu-feedback-error-text:not(#\#) { background: var(--tu-color-feedback-error-text); }
html[data-palette="violet"] .u-bg-tu-text-disabled:not(#\#) { background: var(--tu-color-text-disabled); }
html[data-palette="violet"] .u-bg-tu-text-link:not(#\#) { background: var(--tu-color-text-link); }
html[data-palette="violet"] .u-bg-tu-text-primary:not(#\#) { background: var(--tu-color-text-primary); }
html[data-palette="violet"] .u-bg-tu-text-tertiary:not(#\#) { background: var(--tu-color-text-tertiary); }
html[data-palette="violet"] .u-bg-v2-ok:not(#\#) { background: var(--v2-ok); }
html[data-palette="violet"] .u-bg-violet:not(#\#) { background: var(--violet); }
html[data-palette="violet"] .u-bg-violet-trace:not(#\#) { background: var(--violet-trace); }

html[data-palette="violet"] .u-bd-0:not(#\#) { border: 0; }
html[data-palette="violet"] .u-bd-border:not(#\#) { border: 1px solid var(--border); }
html[data-palette="violet"] .u-bd-cl-border:not(#\#) { border: 1px solid var(--cl-border); }
html[data-palette="violet"] .u-bd-danger:not(#\#) { border: 1px solid var(--danger); }
html[data-palette="violet"] .u-bd-dash-border:not(#\#) { border: 1px dashed var(--border); }
html[data-palette="violet"] .u-bd-none:not(#\#) { border: none; }
html[data-palette="violet"] .u-bd-tu-border-subtle:not(#\#) { border: 1px solid var(--tu-color-border-subtle); }
html[data-palette="violet"] .u-bd-tu-text-link:not(#\#) { border: 1px solid var(--tu-color-text-link); }
html[data-palette="violet"] .u-bd-violet-bright:not(#\#) { border: 1px solid var(--violet-bright); }
html[data-palette="violet"] .u-bd-warning:not(#\#) { border: 1px solid var(--warning); }
html[data-palette="violet"] .u-bdt-border:not(#\#) { border-top: 1px solid var(--border); }
html[data-palette="violet"] .u-bdt-cl-border:not(#\#) { border-top: 1px solid var(--cl-border); }
html[data-palette="violet"] .u-bdt-dash-border:not(#\#) { border-top: 1px dashed var(--border); }
html[data-palette="violet"] .u-bdb-border:not(#\#) { border-bottom: 1px solid var(--border); }
html[data-palette="violet"] .u-bdb-cl-border:not(#\#) { border-bottom: 1px solid var(--cl-border); }
html[data-palette="violet"] .u-bdb-tu-border-subtle:not(#\#) { border-bottom: 1px solid var(--tu-color-border-subtle); }
html[data-palette="violet"] .u-bdr-border:not(#\#) { border-right: 1px solid var(--border); }

html[data-palette="violet"] .u-r-12:not(#\#) { border-radius: var(--tu-radius-control); }
html[data-palette="violet"] .u-r-16:not(#\#) { border-radius: var(--tu-radius-card); }
html[data-palette="violet"] .u-r-24:not(#\#) { border-radius: var(--tu-radius-sheet); }
html[data-palette="violet"] .u-r-4:not(#\#) { border-radius: var(--tu-radius-xs); }
html[data-palette="violet"] .u-r-8:not(#\#) { border-radius: var(--tu-radius-sm); }
html[data-palette="violet"] .u-r-circle:not(#\#) { border-radius: 50%; }
html[data-palette="violet"] .u-r-full:not(#\#) { border-radius: var(--tu-radius-full); }
html[data-palette="violet"] .u-r-r-lg:not(#\#) { border-radius: var(--r-lg); }
html[data-palette="violet"] .u-r-r-md:not(#\#) { border-radius: var(--r-md); }
html[data-palette="violet"] .u-r-radius-control:not(#\#) { border-radius: var(--radius-control); }
html[data-palette="violet"] .u-r-radius-modal:not(#\#) { border-radius: var(--radius-modal); }
html[data-palette="violet"] .u-r-tu-radius-control:not(#\#) { border-radius: var(--tu-radius-control); }

html[data-palette="violet"] .u-cur-default:not(#\#) { cursor: default; }
html[data-palette="violet"] .u-cur-help:not(#\#) { cursor: help; }
html[data-palette="violet"] .u-cur-not-allowed:not(#\#) { cursor: not-allowed; }
html[data-palette="violet"] .u-cur-pointer:not(#\#) { cursor: pointer; }
html[data-palette="violet"] .u-of-contain:not(#\#) { object-fit: contain; }
html[data-palette="violet"] .u-of-cover:not(#\#) { object-fit: cover; }
html[data-palette="violet"] .u-ls-none:not(#\#) { list-style: none; }
html[data-palette="violet"] .u-gc-full:not(#\#) { grid-column: 1/-1; }
html[data-palette="violet"] .u-bd2-danger:not(#\#) { border: 2px solid var(--danger); }
html[data-palette="violet"] .u-bdb2-tu-text-link:not(#\#) { border-bottom: 2px solid var(--tu-color-text-link); }
html[data-palette="violet"] .u-bdl2-border:not(#\#) { border-left: 2px solid var(--border); }
html[data-palette="violet"] .u-bdl2-tu-border-subtle:not(#\#) { border-left: 2px solid var(--tu-color-border-subtle); }
html[data-palette="violet"] .u-bdt2-border:not(#\#) { border-top: 2px solid var(--border); }