@simplysm/angular 1.0.138 → 14.0.4

package/dist/styles.css

@@ -0,0 +1,4085 @@
+@layer base, theme-variant, utilities;
+@layer base {
+  :root {
+    --color-red: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);
+    --color-orange: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);
+    --color-amber: hsl(46.6817221727, 159.6637631153%, 38.52352831%);
+    --color-yellow: hsl(49.9664175924, 174.3513869935%, 36.1945892083%);
+    --color-lime: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);
+    --color-green: rgb(5.0669992892, 223.2046302869, 114.3699681367);
+    --color-emerald: hsl(164.7862200161, 160.6701453204%, 31.9404489417%);
+    --color-teal: hsl(174.7805734287, 172.2078459154%, 30.6842879818%);
+    --color-cyan: hsl(186.1271591177, 175.0224558865%, 34.577706736%);
+    --color-sky: hsl(194.1535383409, 130.0849894436%, 43.6488203357%);
+    --color-blue: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);
+    --color-indigo: hsl(235.6133541805, 106.7726578532%, 75.2311038881%);
+    --color-violet: hsl(256.1553762566, 109.002438294%, 76.8870977302%);
+    --color-purple: hsl(270.7222371331, 110.5993251768%, 75.299071505%);
+    --color-fuchsia: hsl(292.0350617679, 102.9148381536%, 71.2966488623%);
+    --color-pink: rgb(251.3303207913, 99.970438819, 182.0348032837);
+    --color-rose: hsl(349.9102208306, 105.3961055233%, 70.2458112586%);
+    --color-slate: rgb(144.0364277624, 161.0825504589, 184.9359809919);
+    --color-gray: rgb(153.0022463699, 161.0057700366, 174.7317580236);
+    --color-zinc: rgb(158.7663980135, 158.7531978858, 169.1566961074);
+    --color-neutral: rgb(160.69161709, 160.69161709, 160.69161709);
+    --color-stone: rgb(166.2932937041, 159.6867953132, 155.2792477711);
+    --theme-gray-lightest: rgb(239.7003369555, 240.9008655055, 242.9597637035);
+    --theme-gray-lighter: rgb(224.400673911, 226.801731011, 230.9195274071);
+    --theme-gray-light: rgb(209.1010108665, 212.7025965165, 218.8792911106);
+    --theme-gray-default: rgb(153.0022463699, 161.0057700366, 174.7317580236);
+    --theme-gray-dark: rgb(125.4917948523, 135.6539989013, 153.0821088823);
+    --theme-gray-darker: rgb(101.0316959931, 111.1055377773, 128.3821070824);
+    --theme-gray-darkest: rgb(79.3820468517, 87.2972082536, 100.8716555648);
+    --theme-blue-gray-lightest: rgb(243.9036427762, 245.6082550459, 247.9935980992);
+    --theme-blue-gray-lighter: rgb(227.2591069406, 231.5206376147, 237.483995248);
+    --theme-blue-gray-light: rgb(210.614571105, 217.4330201836, 226.9743923967);
+    --theme-blue-gray-default: rgb(144.0364277624, 161.0825504589, 184.9359809919);
+    --theme-blue-gray-dark: rgb(123.8715714597, 144.015400978, 172.2035964192);
+    --theme-blue-gray-darker: rgb(95.4928842953, 118.7256854589, 151.2364222704);
+    --theme-blue-gray-darkest: rgb(76.3943074362, 94.9805483671, 120.9891378163);
+    --theme-primary-lightest: hsl(212.7907636992, 106.3271487689%, 96.6839038997%);
+    --theme-primary-lighter: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);
+    --theme-primary-light: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
+    --theme-primary-default: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);
+    --theme-primary-dark: hsl(212.7907636992, 106.3271487689%, 60.1551350977%);
+    --theme-primary-darker: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);
+    --theme-primary-darkest: hsl(212.7907636992, 106.3271487689%, 40.1034233985%);
+    --theme-secondary-lightest: hsl(212.7907636992, 106.3271487689%, 96.6839038997%);
+    --theme-secondary-lighter: hsl(212.7907636992, 106.3271487689%, 91.7097597494%);
+    --theme-secondary-light: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
+    --theme-secondary-default: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);
+    --theme-secondary-dark: hsl(212.7907636992, 106.3271487689%, 60.1551350977%);
+    --theme-secondary-darker: hsl(212.7907636992, 106.3271487689%, 50.1292792481%);
+    --theme-secondary-darkest: hsl(212.7907636992, 106.3271487689%, 40.1034233985%);
+    --theme-info-lightest: hsl(186.1271591177, 175.0224558865%, 93.4577706736%);
+    --theme-info-lighter: hsl(186.1271591177, 175.0224558865%, 83.644426684%);
+    --theme-info-light: hsl(186.1271591177, 175.0224558865%, 73.8310826944%);
+    --theme-info-default: hsl(186.1271591177, 175.0224558865%, 34.577706736%);
+    --theme-info-dark: hsl(186.1271591177, 175.0224558865%, 31.1199360624%);
+    --theme-info-darker: hsl(186.1271591177, 175.0224558865%, 25.933280052%);
+    --theme-info-darkest: hsl(186.1271591177, 175.0224558865%, 20.7466240416%);
+    --theme-success-lightest: hsl(76.4778453101, 152.6473732821%, 93.5688921487%);
+    --theme-success-lighter: hsl(76.4778453101, 152.6473732821%, 83.9222303717%);
+    --theme-success-light: hsl(76.4778453101, 152.6473732821%, 74.2755685947%);
+    --theme-success-default: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);
+    --theme-success-dark: hsl(76.4778453101, 152.6473732821%, 32.120029338%);
+    --theme-success-darker: hsl(76.4778453101, 152.6473732821%, 26.766691115%);
+    --theme-success-darkest: hsl(76.4778453101, 152.6473732821%, 21.413352892%);
+    --theme-warning-lightest: hsl(31.4330872217, 102.5675912326%, 95.1317033139%);
+    --theme-warning-lighter: hsl(31.4330872217, 102.5675912326%, 87.8292582848%);
+    --theme-warning-light: hsl(31.4330872217, 102.5675912326%, 80.5268132557%);
+    --theme-warning-default: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);
+    --theme-warning-dark: hsl(31.4330872217, 102.5675912326%, 46.1853298253%);
+    --theme-warning-darker: hsl(31.4330872217, 102.5675912326%, 38.4877748545%);
+    --theme-warning-darkest: hsl(31.4330872217, 102.5675912326%, 30.7902198836%);
+    --theme-danger-lightest: hsl(358.7593862564, 101.8439024907%, 96.9835735921%);
+    --theme-danger-lighter: hsl(358.7593862564, 101.8439024907%, 92.4589339803%);
+    --theme-danger-light: hsl(358.7593862564, 101.8439024907%, 87.9342943684%);
+    --theme-danger-default: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);
+    --theme-danger-dark: hsl(358.7593862564, 101.8439024907%, 62.852162329%);
+    --theme-danger-darker: hsl(358.7593862564, 101.8439024907%, 52.3768019408%);
+    --theme-danger-darkest: hsl(358.7593862564, 101.8439024907%, 41.9014415527%);
+    --trans-darkest: rgba(0, 0, 0, 0.5);
+    --trans-darker: rgba(0, 0, 0, 0.4);
+    --trans-dark: rgba(0, 0, 0, 0.3);
+    --trans-default: rgba(0, 0, 0, 0.2);
+    --trans-light: rgba(0, 0, 0, 0.1);
+    --trans-lighter: rgba(0, 0, 0, 0.05);
+    --trans-lightest: rgba(0, 0, 0, 0.03);
+    --trans-rev-default: rgba(255, 255, 255, 0.1);
+    --trans-rev-light: rgba(255, 255, 255, 0.2);
+    --trans-rev-lighter: rgba(255, 255, 255, 0.3);
+    --trans-rev-lightest: rgba(255, 255, 255, 0.4);
+    --text-trans-dark: black;
+    --text-trans-default: rgba(0, 0, 0, 0.87);
+    --text-trans-light: rgba(0, 0, 0, 0.6);
+    --text-trans-lighter: rgba(0, 0, 0, 0.38);
+    --text-trans-lightest: rgba(0, 0, 0, 0.2);
+    --text-trans-rev-default: white;
+    --text-trans-rev-dark: rgba(255, 255, 255, 0.7);
+    --text-trans-rev-darker: rgba(255, 255, 255, 0.5);
+    --font-size-lg: 1.1667rem;
+    --font-size-default: 1rem;
+    --font-size-sm: 0.9167rem;
+    --font-size-h1: 2rem;
+    --font-size-h2: 1.5rem;
+    --font-size-h3: 1.3333rem;
+    --font-size-h4: 1.1667rem;
+    --font-size-h5: 1rem;
+    --font-size-h6: 0.9167rem;
+    --gap-xxs: 0.0833rem;
+    --gap-xs: 0.1667rem;
+    --gap-sm: 0.3333rem;
+    --gap-default: 0.5rem;
+    --gap-lg: 0.6667rem;
+    --gap-xl: 1rem;
+    --gap-xxl: 1.5rem;
+    --gap-0: 0;
+    --gap-auto: auto;
+    --border-color-lighter: var(--theme-gray-lightest);
+    --border-color-light: var(--theme-gray-lighter);
+    --border-color-default: var(--theme-gray-light);
+    --border-color-dark: var(--theme-gray-default);
+    --border-color-darker: var(--theme-gray-dark);
+    --border-radius-xs: var(--gap-xxs);
+    --border-radius-sm: var(--gap-xs);
+    --border-radius-default: var(--gap-sm);
+    --border-radius-lg: var(--gap-default);
+    --border-radius-xl: var(--gap-lg);
+    --border-radius-xxl: var(--gap-xl);
+    --z-index-toast: 9999;
+    --z-index-busy: 9998;
+    --z-index-dropdown: 5000;
+    --z-index-modal: 4000;
+    --z-index-sidebar: 3000;
+    --line-height: 1.5em;
+    --line-height-strip-unit: 1.5;
+    --font-family: sans-serif;
+    --font-family-monospace: monospace;
+    --background-color: white;
+    --background-rev-color: black;
+    --control-color: white;
+    --busy-overlay-bg: rgba(255, 255, 255, 0.6);
+    --animation-duration: 0.2s;
+    --elevation-size: 0.0833rem;
+    --sidebar-width: 15em;
+    --topbar-height: 3em;
+    --sheet-pv: var(--gap-xs);
+    --sheet-ph: var(--gap-sm);
+    --sheet-bg: var(--theme-gray-lightest);
+  }
+}
+@layer theme-variant {
+  .sd-theme-dark {
+    --theme-gray-darkest: rgb(234.600449274, 236.2011540073, 238.9463516047);
+    --theme-gray-darker: rgb(214.200898548, 217.4023080146, 222.8927032095);
+    --theme-gray-dark: rgb(193.801347822, 198.603462022, 206.8390548142);
+    --theme-gray-default: rgb(122.4017970959, 128.8046160293, 139.7854064189);
+    --theme-gray-light: rgb(68.8510108665, 72.4525965165, 78.6292911106);
+    --theme-gray-lighter: rgb(45.900673911, 48.301731011, 52.4195274071);
+    --theme-gray-lightest: rgb(30.600449274, 32.2011540073, 34.9463516047);
+    --theme-blue-gray-darkest: rgb(232.8072855525, 236.2165100918, 240.9871961984);
+    --theme-blue-gray-darker: rgb(210.614571105, 217.4330201836, 226.9743923967);
+    --theme-blue-gray-dark: rgb(188.4218566574, 198.6495302753, 212.9615885951);
+    --theme-blue-gray-default: rgb(115.2291422099, 128.8660403671, 147.9487847935);
+    --theme-blue-gray-light: rgb(64.8163924931, 72.4871477065, 83.2211914463);
+    --theme-blue-gray-lighter: rgb(43.2109283287, 48.3247651377, 55.4807942976);
+    --theme-blue-gray-lightest: rgb(28.8072855525, 32.2165100918, 36.9871961984);
+    --theme-primary-darkest: hsl(212.7907636992, 106.3271487689%, 93.3678077995%);
+    --theme-primary-darker: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
+    --theme-primary-dark: hsl(212.7907636992, 106.3271487689%, 80.1034233985%);
+    --theme-primary-default: rgb(64.4230667045, 129.6604512199, 208.2802124051);
+    --theme-primary-light: rgb(36.2379750213, 72.9340038112, 117.1576194779);
+    --theme-primary-lighter: rgb(24.1586500142, 48.6226692075, 78.1050796519);
+    --theme-primary-lightest: rgb(16.1057666761, 32.415112805, 52.0700531013);
+    --theme-secondary-darkest: hsl(212.7907636992, 106.3271487689%, 93.3678077995%);
+    --theme-secondary-darker: hsl(212.7907636992, 106.3271487689%, 86.735615599%);
+    --theme-secondary-dark: hsl(212.7907636992, 106.3271487689%, 80.1034233985%);
+    --theme-secondary-default: rgb(64.4230667045, 129.6604512199, 208.2802124051);
+    --theme-secondary-light: rgb(36.2379750213, 72.9340038112, 117.1576194779);
+    --theme-secondary-lighter: rgb(24.1586500142, 48.6226692075, 78.1050796519);
+    --theme-secondary-lightest: rgb(16.1057666761, 32.415112805, 52.0700531013);
+    --theme-info-darkest: rgb(190.7700671609, 246.1954573671, 252.4991937098);
+    --theme-info-darker: rgb(126.5401343218, 237.3909147342, 249.9983874196);
+    --theme-info-dark: rgb(62.3102014827, 228.5863721013, 247.4975811294);
+    --theme-info-default: hsl(186.1271591177, 175.0224558865%, 27.6621653888%);
+    --theme-info-light: hsl(186.1271591177, 175.0224558865%, 15.5599680312%);
+    --theme-info-lighter: hsl(186.1271591177, 175.0224558865%, 10.3733120208%);
+    --theme-info-lightest: hsl(186.1271591177, 175.0224558865%, 6.9155413472%);
+    --theme-success-darkest: rgb(234.7246152442, 249.9852325713, 194.4174673451);
+    --theme-success-darker: rgb(214.4492304884, 244.9704651426, 133.8349346902);
+    --theme-success-dark: rgb(194.1738457326, 239.9556977139, 73.2524020354);
+    --theme-success-default: hsl(76.4778453101, 152.6473732821%, 28.5511371894%);
+    --theme-success-light: hsl(76.4778453101, 152.6473732821%, 16.060014669%);
+    --theme-success-lighter: hsl(76.4778453101, 152.6473732821%, 10.706676446%);
+    --theme-success-lightest: hsl(76.4778453101, 152.6473732821%, 7.1377842973%);
+    --theme-warning-darkest: hsl(31.4330872217, 102.5675912326%, 90.2634066279%);
+    --theme-warning-darker: hsl(31.4330872217, 102.5675912326%, 80.5268132557%);
+    --theme-warning-dark: hsl(31.4330872217, 102.5675912326%, 70.7902198836%);
+    --theme-warning-default: rgb(206.5499583613, 109.552709794, 2.823536847);
+    --theme-warning-light: rgb(116.1843515782, 61.6233992591, 1.5882394764);
+    --theme-warning-lighter: rgb(77.4562343855, 41.0822661727, 1.0588263176);
+    --theme-warning-lightest: rgb(51.6374895903, 27.3881774485, 0.7058842117);
+    --theme-danger-darkest: hsl(358.7593862564, 101.8439024907%, 93.9671471842%);
+    --theme-danger-darker: hsl(358.7593862564, 101.8439024907%, 87.9342943684%);
+    --theme-danger-dark: hsl(358.7593862564, 101.8439024907%, 81.9014415527%);
+    --theme-danger-default: rgb(205.134647218, 79.7951553401, 82.3867869441);
+    --theme-danger-light: rgb(115.3882390601, 44.8847748788, 46.3425676561);
+    --theme-danger-lighter: rgb(76.9254927067, 29.9231832525, 30.895045104);
+    --theme-danger-lightest: rgb(51.2836618045, 19.948788835, 20.596696736);
+    --trans-darkest: rgba(255, 255, 255, 0.5);
+    --trans-darker: rgba(255, 255, 255, 0.4);
+    --trans-dark: rgba(255, 255, 255, 0.3);
+    --trans-default: rgba(255, 255, 255, 0.2);
+    --trans-light: rgba(255, 255, 255, 0.1);
+    --trans-lighter: rgba(255, 255, 255, 0.03);
+    --trans-lightest: rgba(255, 255, 255, 0.05);
+    --trans-rev-default: rgba(0, 0, 0, 0.1);
+    --trans-rev-light: rgba(0, 0, 0, 0.2);
+    --trans-rev-lighter: rgba(0, 0, 0, 0.3);
+    --trans-rev-lightest: rgba(0, 0, 0, 0.4);
+    --text-trans-dark: white;
+    --text-trans-default: rgba(255, 255, 255, 0.87);
+    --text-trans-light: rgba(255, 255, 255, 0.6);
+    --text-trans-lighter: rgba(255, 255, 255, 0.38);
+    --text-trans-lightest: rgba(255, 255, 255, 0.2);
+    --text-trans-rev-default: black;
+    --text-trans-rev-dark: rgba(0, 0, 0, 0.7);
+    --text-trans-rev-darker: rgba(0, 0, 0, 0.5);
+    --border-color-lighter: var(--theme-gray-lightest);
+    --border-color-light: var(--theme-gray-lighter);
+    --border-color-default: var(--theme-gray-light);
+    --border-color-dark: var(--theme-gray-default);
+    --border-color-darker: var(--theme-gray-dark);
+    --background-color: #000;
+    --background-rev-color: #fff;
+    --control-color: #000;
+    --busy-overlay-bg: rgba(0, 0, 0, 0.6);
+    --sheet-bg: var(--theme-gray-lightest);
+  }
+  .sd-theme-dark img:not(.no-invert) {
+    filter: invert(1) hue-rotate(180deg);
+  }
+}
+@layer base {
+  *,
+  *:after,
+  *:before {
+    box-sizing: border-box;
+    outline-color: var(--theme-primary-default);
+    -webkit-tap-highlight-color: transparent;
+    touch-action: manipulation;
+  }
+  *:focus {
+    outline: none;
+  }
+  html,
+  body {
+    height: 100%;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+  }
+  body {
+    background: var(--background-color);
+    color: var(--text-trans-default);
+    font-family: var(--font-family);
+    font-variant-numeric: tabular-nums;
+    font-size: var(--font-size-default);
+    line-height: var(--line-height);
+  }
+  *::-webkit-scrollbar {
+    width: 1rem;
+    height: 1rem;
+    border-radius: 0.6667rem;
+  }
+  *::-webkit-scrollbar-thumb {
+    background-color: var(--theme-gray-light);
+    border-radius: 0.6667rem;
+    background-clip: padding-box;
+    border: 2px solid transparent;
+  }
+  *::-webkit-scrollbar-track:hover {
+    background-color: var(--theme-gray-lighter);
+    border-radius: 0.6667rem;
+    background-clip: padding-box;
+    border: 2px solid transparent;
+  }
+  *::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+  hr {
+    border: none;
+    height: 1px;
+    background-color: var(--border-color-lighter);
+    width: 100%;
+    display: block;
+  }
+  p {
+    margin: 0;
+  }
+  pre,
+  code {
+    font-size: var(--font-size-default);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  pre {
+    font-family: var(--font-family);
+    font-variant-numeric: tabular-nums;
+  }
+  code {
+    font-family: var(--font-family-monospace);
+    font-variant-numeric: tabular-nums;
+  }
+  small {
+    vertical-align: top;
+  }
+  sub {
+    display: inline-block;
+    overflow: visible;
+    height: 0;
+  }
+  form {
+    display: inline;
+  }
+}
+@layer utilities {
+  h1 {
+    font-size: var(--font-size-h1);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  h2 {
+    font-size: var(--font-size-h2);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  h3 {
+    font-size: var(--font-size-h3);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  h4 {
+    font-size: var(--font-size-h4);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  h5 {
+    font-size: var(--font-size-h5);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  h6 {
+    font-size: var(--font-size-h6);
+    line-height: var(--line-height);
+    margin: 0;
+  }
+  .ft-size-lg {
+    font-size: var(--font-size-lg) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-default {
+    font-size: var(--font-size-default) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-sm {
+    font-size: var(--font-size-sm) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h1 {
+    font-size: var(--font-size-h1) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h2 {
+    font-size: var(--font-size-h2) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h3 {
+    font-size: var(--font-size-h3) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h4 {
+    font-size: var(--font-size-h4) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h5 {
+    font-size: var(--font-size-h5) !important;
+    line-height: var(--line-height) !important;
+  }
+  .ft-size-h6 {
+    font-size: var(--font-size-h6) !important;
+    line-height: var(--line-height) !important;
+  }
+  .bg-theme-gray-lightest {
+    background: var(--theme-gray-lightest) !important;
+  }
+  .bg-theme-gray-lighter {
+    background: var(--theme-gray-lighter) !important;
+  }
+  .bg-theme-gray-light {
+    background: var(--theme-gray-light) !important;
+  }
+  .bg-theme-gray-default {
+    background: var(--theme-gray-default) !important;
+  }
+  .bg-theme-gray-dark {
+    background: var(--theme-gray-dark) !important;
+  }
+  .bg-theme-gray-darker {
+    background: var(--theme-gray-darker) !important;
+  }
+  .bg-theme-gray-darkest {
+    background: var(--theme-gray-darkest) !important;
+  }
+  .bg-theme-blue-gray-lightest {
+    background: var(--theme-blue-gray-lightest) !important;
+  }
+  .bg-theme-blue-gray-lighter {
+    background: var(--theme-blue-gray-lighter) !important;
+  }
+  .bg-theme-blue-gray-light {
+    background: var(--theme-blue-gray-light) !important;
+  }
+  .bg-theme-blue-gray-default {
+    background: var(--theme-blue-gray-default) !important;
+  }
+  .bg-theme-blue-gray-dark {
+    background: var(--theme-blue-gray-dark) !important;
+  }
+  .bg-theme-blue-gray-darker {
+    background: var(--theme-blue-gray-darker) !important;
+  }
+  .bg-theme-blue-gray-darkest {
+    background: var(--theme-blue-gray-darkest) !important;
+  }
+  .bg-theme-primary-lightest {
+    background: var(--theme-primary-lightest) !important;
+  }
+  .bg-theme-primary-lighter {
+    background: var(--theme-primary-lighter) !important;
+  }
+  .bg-theme-primary-light {
+    background: var(--theme-primary-light) !important;
+  }
+  .bg-theme-primary-default {
+    background: var(--theme-primary-default) !important;
+  }
+  .bg-theme-primary-dark {
+    background: var(--theme-primary-dark) !important;
+  }
+  .bg-theme-primary-darker {
+    background: var(--theme-primary-darker) !important;
+  }
+  .bg-theme-primary-darkest {
+    background: var(--theme-primary-darkest) !important;
+  }
+  .bg-theme-secondary-lightest {
+    background: var(--theme-secondary-lightest) !important;
+  }
+  .bg-theme-secondary-lighter {
+    background: var(--theme-secondary-lighter) !important;
+  }
+  .bg-theme-secondary-light {
+    background: var(--theme-secondary-light) !important;
+  }
+  .bg-theme-secondary-default {
+    background: var(--theme-secondary-default) !important;
+  }
+  .bg-theme-secondary-dark {
+    background: var(--theme-secondary-dark) !important;
+  }
+  .bg-theme-secondary-darker {
+    background: var(--theme-secondary-darker) !important;
+  }
+  .bg-theme-secondary-darkest {
+    background: var(--theme-secondary-darkest) !important;
+  }
+  .bg-theme-info-lightest {
+    background: var(--theme-info-lightest) !important;
+  }
+  .bg-theme-info-lighter {
+    background: var(--theme-info-lighter) !important;
+  }
+  .bg-theme-info-light {
+    background: var(--theme-info-light) !important;
+  }
+  .bg-theme-info-default {
+    background: var(--theme-info-default) !important;
+  }
+  .bg-theme-info-dark {
+    background: var(--theme-info-dark) !important;
+  }
+  .bg-theme-info-darker {
+    background: var(--theme-info-darker) !important;
+  }
+  .bg-theme-info-darkest {
+    background: var(--theme-info-darkest) !important;
+  }
+  .bg-theme-success-lightest {
+    background: var(--theme-success-lightest) !important;
+  }
+  .bg-theme-success-lighter {
+    background: var(--theme-success-lighter) !important;
+  }
+  .bg-theme-success-light {
+    background: var(--theme-success-light) !important;
+  }
+  .bg-theme-success-default {
+    background: var(--theme-success-default) !important;
+  }
+  .bg-theme-success-dark {
+    background: var(--theme-success-dark) !important;
+  }
+  .bg-theme-success-darker {
+    background: var(--theme-success-darker) !important;
+  }
+  .bg-theme-success-darkest {
+    background: var(--theme-success-darkest) !important;
+  }
+  .bg-theme-warning-lightest {
+    background: var(--theme-warning-lightest) !important;
+  }
+  .bg-theme-warning-lighter {
+    background: var(--theme-warning-lighter) !important;
+  }
+  .bg-theme-warning-light {
+    background: var(--theme-warning-light) !important;
+  }
+  .bg-theme-warning-default {
+    background: var(--theme-warning-default) !important;
+  }
+  .bg-theme-warning-dark {
+    background: var(--theme-warning-dark) !important;
+  }
+  .bg-theme-warning-darker {
+    background: var(--theme-warning-darker) !important;
+  }
+  .bg-theme-warning-darkest {
+    background: var(--theme-warning-darkest) !important;
+  }
+  .bg-theme-danger-lightest {
+    background: var(--theme-danger-lightest) !important;
+  }
+  .bg-theme-danger-lighter {
+    background: var(--theme-danger-lighter) !important;
+  }
+  .bg-theme-danger-light {
+    background: var(--theme-danger-light) !important;
+  }
+  .bg-theme-danger-default {
+    background: var(--theme-danger-default) !important;
+  }
+  .bg-theme-danger-dark {
+    background: var(--theme-danger-dark) !important;
+  }
+  .bg-theme-danger-darker {
+    background: var(--theme-danger-darker) !important;
+  }
+  .bg-theme-danger-darkest {
+    background: var(--theme-danger-darkest) !important;
+  }
+  .bg-trans-darkest {
+    background: var(--trans-darkest) !important;
+  }
+  .bg-trans-darker {
+    background: var(--trans-darker) !important;
+  }
+  .bg-trans-dark {
+    background: var(--trans-dark) !important;
+  }
+  .bg-trans-default {
+    background: var(--trans-default) !important;
+  }
+  .bg-trans-light {
+    background: var(--trans-light) !important;
+  }
+  .bg-trans-lighter {
+    background: var(--trans-lighter) !important;
+  }
+  .bg-trans-lightest {
+    background: var(--trans-lightest) !important;
+  }
+  .bg-trans-rev-default {
+    background: var(--trans-rev-default) !important;
+  }
+  .bg-trans-rev-light {
+    background: var(--trans-rev-light) !important;
+  }
+  .bg-trans-rev-lighter {
+    background: var(--trans-rev-lighter) !important;
+  }
+  .bg-trans-rev-lightest {
+    background: var(--trans-rev-lightest) !important;
+  }
+  .bg-default {
+    background: var(--background-color) !important;
+  }
+  .bg-control {
+    background: var(--control-color) !important;
+  }
+  .tx-trans-dark {
+    color: var(--text-trans-dark) !important;
+  }
+  .tx-trans-default {
+    color: var(--text-trans-default) !important;
+  }
+  .tx-trans-light {
+    color: var(--text-trans-light) !important;
+  }
+  .tx-trans-lighter {
+    color: var(--text-trans-lighter) !important;
+  }
+  .tx-trans-lightest {
+    color: var(--text-trans-lightest) !important;
+  }
+  .tx-trans-rev-default {
+    color: var(--text-trans-rev-default) !important;
+  }
+  .tx-trans-rev-dark {
+    color: var(--text-trans-rev-dark) !important;
+  }
+  .tx-trans-rev-darker {
+    color: var(--text-trans-rev-darker) !important;
+  }
+  .tx-theme-gray-lightest {
+    color: var(--theme-gray-lightest) !important;
+  }
+  .tx-theme-gray-lighter {
+    color: var(--theme-gray-lighter) !important;
+  }
+  .tx-theme-gray-light {
+    color: var(--theme-gray-light) !important;
+  }
+  .tx-theme-gray-default {
+    color: var(--theme-gray-default) !important;
+  }
+  .tx-theme-gray-dark {
+    color: var(--theme-gray-dark) !important;
+  }
+  .tx-theme-gray-darker {
+    color: var(--theme-gray-darker) !important;
+  }
+  .tx-theme-gray-darkest {
+    color: var(--theme-gray-darkest) !important;
+  }
+  .tx-theme-blue-gray-lightest {
+    color: var(--theme-blue-gray-lightest) !important;
+  }
+  .tx-theme-blue-gray-lighter {
+    color: var(--theme-blue-gray-lighter) !important;
+  }
+  .tx-theme-blue-gray-light {
+    color: var(--theme-blue-gray-light) !important;
+  }
+  .tx-theme-blue-gray-default {
+    color: var(--theme-blue-gray-default) !important;
+  }
+  .tx-theme-blue-gray-dark {
+    color: var(--theme-blue-gray-dark) !important;
+  }
+  .tx-theme-blue-gray-darker {
+    color: var(--theme-blue-gray-darker) !important;
+  }
+  .tx-theme-blue-gray-darkest {
+    color: var(--theme-blue-gray-darkest) !important;
+  }
+  .tx-theme-primary-lightest {
+    color: var(--theme-primary-lightest) !important;
+  }
+  .tx-theme-primary-lighter {
+    color: var(--theme-primary-lighter) !important;
+  }
+  .tx-theme-primary-light {
+    color: var(--theme-primary-light) !important;
+  }
+  .tx-theme-primary-default {
+    color: var(--theme-primary-default) !important;
+  }
+  .tx-theme-primary-dark {
+    color: var(--theme-primary-dark) !important;
+  }
+  .tx-theme-primary-darker {
+    color: var(--theme-primary-darker) !important;
+  }
+  .tx-theme-primary-darkest {
+    color: var(--theme-primary-darkest) !important;
+  }
+  .tx-theme-secondary-lightest {
+    color: var(--theme-secondary-lightest) !important;
+  }
+  .tx-theme-secondary-lighter {
+    color: var(--theme-secondary-lighter) !important;
+  }
+  .tx-theme-secondary-light {
+    color: var(--theme-secondary-light) !important;
+  }
+  .tx-theme-secondary-default {
+    color: var(--theme-secondary-default) !important;
+  }
+  .tx-theme-secondary-dark {
+    color: var(--theme-secondary-dark) !important;
+  }
+  .tx-theme-secondary-darker {
+    color: var(--theme-secondary-darker) !important;
+  }
+  .tx-theme-secondary-darkest {
+    color: var(--theme-secondary-darkest) !important;
+  }
+  .tx-theme-info-lightest {
+    color: var(--theme-info-lightest) !important;
+  }
+  .tx-theme-info-lighter {
+    color: var(--theme-info-lighter) !important;
+  }
+  .tx-theme-info-light {
+    color: var(--theme-info-light) !important;
+  }
+  .tx-theme-info-default {
+    color: var(--theme-info-default) !important;
+  }
+  .tx-theme-info-dark {
+    color: var(--theme-info-dark) !important;
+  }
+  .tx-theme-info-darker {
+    color: var(--theme-info-darker) !important;
+  }
+  .tx-theme-info-darkest {
+    color: var(--theme-info-darkest) !important;
+  }
+  .tx-theme-success-lightest {
+    color: var(--theme-success-lightest) !important;
+  }
+  .tx-theme-success-lighter {
+    color: var(--theme-success-lighter) !important;
+  }
+  .tx-theme-success-light {
+    color: var(--theme-success-light) !important;
+  }
+  .tx-theme-success-default {
+    color: var(--theme-success-default) !important;
+  }
+  .tx-theme-success-dark {
+    color: var(--theme-success-dark) !important;
+  }
+  .tx-theme-success-darker {
+    color: var(--theme-success-darker) !important;
+  }
+  .tx-theme-success-darkest {
+    color: var(--theme-success-darkest) !important;
+  }
+  .tx-theme-warning-lightest {
+    color: var(--theme-warning-lightest) !important;
+  }
+  .tx-theme-warning-lighter {
+    color: var(--theme-warning-lighter) !important;
+  }
+  .tx-theme-warning-light {
+    color: var(--theme-warning-light) !important;
+  }
+  .tx-theme-warning-default {
+    color: var(--theme-warning-default) !important;
+  }
+  .tx-theme-warning-dark {
+    color: var(--theme-warning-dark) !important;
+  }
+  .tx-theme-warning-darker {
+    color: var(--theme-warning-darker) !important;
+  }
+  .tx-theme-warning-darkest {
+    color: var(--theme-warning-darkest) !important;
+  }
+  .tx-theme-danger-lightest {
+    color: var(--theme-danger-lightest) !important;
+  }
+  .tx-theme-danger-lighter {
+    color: var(--theme-danger-lighter) !important;
+  }
+  .tx-theme-danger-light {
+    color: var(--theme-danger-light) !important;
+  }
+  .tx-theme-danger-default {
+    color: var(--theme-danger-default) !important;
+  }
+  .tx-theme-danger-dark {
+    color: var(--theme-danger-dark) !important;
+  }
+  .tx-theme-danger-darker {
+    color: var(--theme-danger-darker) !important;
+  }
+  .tx-theme-danger-darkest {
+    color: var(--theme-danger-darkest) !important;
+  }
+  .tx-line-through {
+    text-decoration: line-through;
+  }
+  .tx-underline {
+    text-decoration: underline;
+  }
+  .bd {
+    border: 1px solid !important;
+  }
+  .bd-theme-gray-lightest {
+    border-color: var(--theme-gray-lightest) !important;
+  }
+  .bd-theme-gray-lighter {
+    border-color: var(--theme-gray-lighter) !important;
+  }
+  .bd-theme-gray-light {
+    border-color: var(--theme-gray-light) !important;
+  }
+  .bd-theme-gray-default {
+    border-color: var(--theme-gray-default) !important;
+  }
+  .bd-theme-gray-dark {
+    border-color: var(--theme-gray-dark) !important;
+  }
+  .bd-theme-gray-darker {
+    border-color: var(--theme-gray-darker) !important;
+  }
+  .bd-theme-gray-darkest {
+    border-color: var(--theme-gray-darkest) !important;
+  }
+  .bd-theme-blue-gray-lightest {
+    border-color: var(--theme-blue-gray-lightest) !important;
+  }
+  .bd-theme-blue-gray-lighter {
+    border-color: var(--theme-blue-gray-lighter) !important;
+  }
+  .bd-theme-blue-gray-light {
+    border-color: var(--theme-blue-gray-light) !important;
+  }
+  .bd-theme-blue-gray-default {
+    border-color: var(--theme-blue-gray-default) !important;
+  }
+  .bd-theme-blue-gray-dark {
+    border-color: var(--theme-blue-gray-dark) !important;
+  }
+  .bd-theme-blue-gray-darker {
+    border-color: var(--theme-blue-gray-darker) !important;
+  }
+  .bd-theme-blue-gray-darkest {
+    border-color: var(--theme-blue-gray-darkest) !important;
+  }
+  .bd-theme-primary-lightest {
+    border-color: var(--theme-primary-lightest) !important;
+  }
+  .bd-theme-primary-lighter {
+    border-color: var(--theme-primary-lighter) !important;
+  }
+  .bd-theme-primary-light {
+    border-color: var(--theme-primary-light) !important;
+  }
+  .bd-theme-primary-default {
+    border-color: var(--theme-primary-default) !important;
+  }
+  .bd-theme-primary-dark {
+    border-color: var(--theme-primary-dark) !important;
+  }
+  .bd-theme-primary-darker {
+    border-color: var(--theme-primary-darker) !important;
+  }
+  .bd-theme-primary-darkest {
+    border-color: var(--theme-primary-darkest) !important;
+  }
+  .bd-theme-secondary-lightest {
+    border-color: var(--theme-secondary-lightest) !important;
+  }
+  .bd-theme-secondary-lighter {
+    border-color: var(--theme-secondary-lighter) !important;
+  }
+  .bd-theme-secondary-light {
+    border-color: var(--theme-secondary-light) !important;
+  }
+  .bd-theme-secondary-default {
+    border-color: var(--theme-secondary-default) !important;
+  }
+  .bd-theme-secondary-dark {
+    border-color: var(--theme-secondary-dark) !important;
+  }
+  .bd-theme-secondary-darker {
+    border-color: var(--theme-secondary-darker) !important;
+  }
+  .bd-theme-secondary-darkest {
+    border-color: var(--theme-secondary-darkest) !important;
+  }
+  .bd-theme-info-lightest {
+    border-color: var(--theme-info-lightest) !important;
+  }
+  .bd-theme-info-lighter {
+    border-color: var(--theme-info-lighter) !important;
+  }
+  .bd-theme-info-light {
+    border-color: var(--theme-info-light) !important;
+  }
+  .bd-theme-info-default {
+    border-color: var(--theme-info-default) !important;
+  }
+  .bd-theme-info-dark {
+    border-color: var(--theme-info-dark) !important;
+  }
+  .bd-theme-info-darker {
+    border-color: var(--theme-info-darker) !important;
+  }
+  .bd-theme-info-darkest {
+    border-color: var(--theme-info-darkest) !important;
+  }
+  .bd-theme-success-lightest {
+    border-color: var(--theme-success-lightest) !important;
+  }
+  .bd-theme-success-lighter {
+    border-color: var(--theme-success-lighter) !important;
+  }
+  .bd-theme-success-light {
+    border-color: var(--theme-success-light) !important;
+  }
+  .bd-theme-success-default {
+    border-color: var(--theme-success-default) !important;
+  }
+  .bd-theme-success-dark {
+    border-color: var(--theme-success-dark) !important;
+  }
+  .bd-theme-success-darker {
+    border-color: var(--theme-success-darker) !important;
+  }
+  .bd-theme-success-darkest {
+    border-color: var(--theme-success-darkest) !important;
+  }
+  .bd-theme-warning-lightest {
+    border-color: var(--theme-warning-lightest) !important;
+  }
+  .bd-theme-warning-lighter {
+    border-color: var(--theme-warning-lighter) !important;
+  }
+  .bd-theme-warning-light {
+    border-color: var(--theme-warning-light) !important;
+  }
+  .bd-theme-warning-default {
+    border-color: var(--theme-warning-default) !important;
+  }
+  .bd-theme-warning-dark {
+    border-color: var(--theme-warning-dark) !important;
+  }
+  .bd-theme-warning-darker {
+    border-color: var(--theme-warning-darker) !important;
+  }
+  .bd-theme-warning-darkest {
+    border-color: var(--theme-warning-darkest) !important;
+  }
+  .bd-theme-danger-lightest {
+    border-color: var(--theme-danger-lightest) !important;
+  }
+  .bd-theme-danger-lighter {
+    border-color: var(--theme-danger-lighter) !important;
+  }
+  .bd-theme-danger-light {
+    border-color: var(--theme-danger-light) !important;
+  }
+  .bd-theme-danger-default {
+    border-color: var(--theme-danger-default) !important;
+  }
+  .bd-theme-danger-dark {
+    border-color: var(--theme-danger-dark) !important;
+  }
+  .bd-theme-danger-darker {
+    border-color: var(--theme-danger-darker) !important;
+  }
+  .bd-theme-danger-darkest {
+    border-color: var(--theme-danger-darkest) !important;
+  }
+  .bd-trans-darkest {
+    border-color: var(--trans-darkest) !important;
+  }
+  .bd-trans-darker {
+    border-color: var(--trans-darker) !important;
+  }
+  .bd-trans-dark {
+    border-color: var(--trans-dark) !important;
+  }
+  .bd-trans-default {
+    border-color: var(--trans-default) !important;
+  }
+  .bd-trans-light {
+    border-color: var(--trans-light) !important;
+  }
+  .bd-trans-lighter {
+    border-color: var(--trans-lighter) !important;
+  }
+  .bd-trans-lightest {
+    border-color: var(--trans-lightest) !important;
+  }
+  .bd-trans-rev-default {
+    border-color: var(--trans-rev-default) !important;
+  }
+  .bd-trans-rev-light {
+    border-color: var(--trans-rev-light) !important;
+  }
+  .bd-trans-rev-lighter {
+    border-color: var(--trans-rev-lighter) !important;
+  }
+  .bd-trans-rev-lightest {
+    border-color: var(--trans-rev-lightest) !important;
+  }
+  .bd-color-lighter {
+    border-color: var(--border-color-lighter) !important;
+  }
+  .bd-color-light {
+    border-color: var(--border-color-light) !important;
+  }
+  .bd-color-default {
+    border-color: var(--border-color-default) !important;
+  }
+  .bd-color-dark {
+    border-color: var(--border-color-dark) !important;
+  }
+  .bd-color-darker {
+    border-color: var(--border-color-darker) !important;
+  }
+  .bd-none {
+    border: none !important;
+  }
+  .bd-transparent {
+    border-color: transparent !important;
+  }
+  .bdt {
+    border-top: 1px solid !important;
+  }
+  .bdt-theme-gray-lightest {
+    border-top-color: var(--theme-gray-lightest) !important;
+  }
+  .bdt-theme-gray-lighter {
+    border-top-color: var(--theme-gray-lighter) !important;
+  }
+  .bdt-theme-gray-light {
+    border-top-color: var(--theme-gray-light) !important;
+  }
+  .bdt-theme-gray-default {
+    border-top-color: var(--theme-gray-default) !important;
+  }
+  .bdt-theme-gray-dark {
+    border-top-color: var(--theme-gray-dark) !important;
+  }
+  .bdt-theme-gray-darker {
+    border-top-color: var(--theme-gray-darker) !important;
+  }
+  .bdt-theme-gray-darkest {
+    border-top-color: var(--theme-gray-darkest) !important;
+  }
+  .bdt-theme-blue-gray-lightest {
+    border-top-color: var(--theme-blue-gray-lightest) !important;
+  }
+  .bdt-theme-blue-gray-lighter {
+    border-top-color: var(--theme-blue-gray-lighter) !important;
+  }
+  .bdt-theme-blue-gray-light {
+    border-top-color: var(--theme-blue-gray-light) !important;
+  }
+  .bdt-theme-blue-gray-default {
+    border-top-color: var(--theme-blue-gray-default) !important;
+  }
+  .bdt-theme-blue-gray-dark {
+    border-top-color: var(--theme-blue-gray-dark) !important;
+  }
+  .bdt-theme-blue-gray-darker {
+    border-top-color: var(--theme-blue-gray-darker) !important;
+  }
+  .bdt-theme-blue-gray-darkest {
+    border-top-color: var(--theme-blue-gray-darkest) !important;
+  }
+  .bdt-theme-primary-lightest {
+    border-top-color: var(--theme-primary-lightest) !important;
+  }
+  .bdt-theme-primary-lighter {
+    border-top-color: var(--theme-primary-lighter) !important;
+  }
+  .bdt-theme-primary-light {
+    border-top-color: var(--theme-primary-light) !important;
+  }
+  .bdt-theme-primary-default {
+    border-top-color: var(--theme-primary-default) !important;
+  }
+  .bdt-theme-primary-dark {
+    border-top-color: var(--theme-primary-dark) !important;
+  }
+  .bdt-theme-primary-darker {
+    border-top-color: var(--theme-primary-darker) !important;
+  }
+  .bdt-theme-primary-darkest {
+    border-top-color: var(--theme-primary-darkest) !important;
+  }
+  .bdt-theme-secondary-lightest {
+    border-top-color: var(--theme-secondary-lightest) !important;
+  }
+  .bdt-theme-secondary-lighter {
+    border-top-color: var(--theme-secondary-lighter) !important;
+  }
+  .bdt-theme-secondary-light {
+    border-top-color: var(--theme-secondary-light) !important;
+  }
+  .bdt-theme-secondary-default {
+    border-top-color: var(--theme-secondary-default) !important;
+  }
+  .bdt-theme-secondary-dark {
+    border-top-color: var(--theme-secondary-dark) !important;
+  }
+  .bdt-theme-secondary-darker {
+    border-top-color: var(--theme-secondary-darker) !important;
+  }
+  .bdt-theme-secondary-darkest {
+    border-top-color: var(--theme-secondary-darkest) !important;
+  }
+  .bdt-theme-info-lightest {
+    border-top-color: var(--theme-info-lightest) !important;
+  }
+  .bdt-theme-info-lighter {
+    border-top-color: var(--theme-info-lighter) !important;
+  }
+  .bdt-theme-info-light {
+    border-top-color: var(--theme-info-light) !important;
+  }
+  .bdt-theme-info-default {
+    border-top-color: var(--theme-info-default) !important;
+  }
+  .bdt-theme-info-dark {
+    border-top-color: var(--theme-info-dark) !important;
+  }
+  .bdt-theme-info-darker {
+    border-top-color: var(--theme-info-darker) !important;
+  }
+  .bdt-theme-info-darkest {
+    border-top-color: var(--theme-info-darkest) !important;
+  }
+  .bdt-theme-success-lightest {
+    border-top-color: var(--theme-success-lightest) !important;
+  }
+  .bdt-theme-success-lighter {
+    border-top-color: var(--theme-success-lighter) !important;
+  }
+  .bdt-theme-success-light {
+    border-top-color: var(--theme-success-light) !important;
+  }
+  .bdt-theme-success-default {
+    border-top-color: var(--theme-success-default) !important;
+  }
+  .bdt-theme-success-dark {
+    border-top-color: var(--theme-success-dark) !important;
+  }
+  .bdt-theme-success-darker {
+    border-top-color: var(--theme-success-darker) !important;
+  }
+  .bdt-theme-success-darkest {
+    border-top-color: var(--theme-success-darkest) !important;
+  }
+  .bdt-theme-warning-lightest {
+    border-top-color: var(--theme-warning-lightest) !important;
+  }
+  .bdt-theme-warning-lighter {
+    border-top-color: var(--theme-warning-lighter) !important;
+  }
+  .bdt-theme-warning-light {
+    border-top-color: var(--theme-warning-light) !important;
+  }
+  .bdt-theme-warning-default {
+    border-top-color: var(--theme-warning-default) !important;
+  }
+  .bdt-theme-warning-dark {
+    border-top-color: var(--theme-warning-dark) !important;
+  }
+  .bdt-theme-warning-darker {
+    border-top-color: var(--theme-warning-darker) !important;
+  }
+  .bdt-theme-warning-darkest {
+    border-top-color: var(--theme-warning-darkest) !important;
+  }
+  .bdt-theme-danger-lightest {
+    border-top-color: var(--theme-danger-lightest) !important;
+  }
+  .bdt-theme-danger-lighter {
+    border-top-color: var(--theme-danger-lighter) !important;
+  }
+  .bdt-theme-danger-light {
+    border-top-color: var(--theme-danger-light) !important;
+  }
+  .bdt-theme-danger-default {
+    border-top-color: var(--theme-danger-default) !important;
+  }
+  .bdt-theme-danger-dark {
+    border-top-color: var(--theme-danger-dark) !important;
+  }
+  .bdt-theme-danger-darker {
+    border-top-color: var(--theme-danger-darker) !important;
+  }
+  .bdt-theme-danger-darkest {
+    border-top-color: var(--theme-danger-darkest) !important;
+  }
+  .bdt-trans-darkest {
+    border-top-color: var(--trans-darkest) !important;
+  }
+  .bdt-trans-darker {
+    border-top-color: var(--trans-darker) !important;
+  }
+  .bdt-trans-dark {
+    border-top-color: var(--trans-dark) !important;
+  }
+  .bdt-trans-default {
+    border-top-color: var(--trans-default) !important;
+  }
+  .bdt-trans-light {
+    border-top-color: var(--trans-light) !important;
+  }
+  .bdt-trans-lighter {
+    border-top-color: var(--trans-lighter) !important;
+  }
+  .bdt-trans-lightest {
+    border-top-color: var(--trans-lightest) !important;
+  }
+  .bdt-trans-rev-default {
+    border-top-color: var(--trans-rev-default) !important;
+  }
+  .bdt-trans-rev-light {
+    border-top-color: var(--trans-rev-light) !important;
+  }
+  .bdt-trans-rev-lighter {
+    border-top-color: var(--trans-rev-lighter) !important;
+  }
+  .bdt-trans-rev-lightest {
+    border-top-color: var(--trans-rev-lightest) !important;
+  }
+  .bdt-color-lighter {
+    border-top-color: var(--border-color-lighter) !important;
+  }
+  .bdt-color-light {
+    border-top-color: var(--border-color-light) !important;
+  }
+  .bdt-color-default {
+    border-top-color: var(--border-color-default) !important;
+  }
+  .bdt-color-dark {
+    border-top-color: var(--border-color-dark) !important;
+  }
+  .bdt-color-darker {
+    border-top-color: var(--border-color-darker) !important;
+  }
+  .bdt-none {
+    border-top: none !important;
+  }
+  .bdt-transparent {
+    border-top-color: transparent !important;
+  }
+  .bdr {
+    border-right: 1px solid !important;
+  }
+  .bdr-theme-gray-lightest {
+    border-right-color: var(--theme-gray-lightest) !important;
+  }
+  .bdr-theme-gray-lighter {
+    border-right-color: var(--theme-gray-lighter) !important;
+  }
+  .bdr-theme-gray-light {
+    border-right-color: var(--theme-gray-light) !important;
+  }
+  .bdr-theme-gray-default {
+    border-right-color: var(--theme-gray-default) !important;
+  }
+  .bdr-theme-gray-dark {
+    border-right-color: var(--theme-gray-dark) !important;
+  }
+  .bdr-theme-gray-darker {
+    border-right-color: var(--theme-gray-darker) !important;
+  }
+  .bdr-theme-gray-darkest {
+    border-right-color: var(--theme-gray-darkest) !important;
+  }
+  .bdr-theme-blue-gray-lightest {
+    border-right-color: var(--theme-blue-gray-lightest) !important;
+  }
+  .bdr-theme-blue-gray-lighter {
+    border-right-color: var(--theme-blue-gray-lighter) !important;
+  }
+  .bdr-theme-blue-gray-light {
+    border-right-color: var(--theme-blue-gray-light) !important;
+  }
+  .bdr-theme-blue-gray-default {
+    border-right-color: var(--theme-blue-gray-default) !important;
+  }
+  .bdr-theme-blue-gray-dark {
+    border-right-color: var(--theme-blue-gray-dark) !important;
+  }
+  .bdr-theme-blue-gray-darker {
+    border-right-color: var(--theme-blue-gray-darker) !important;
+  }
+  .bdr-theme-blue-gray-darkest {
+    border-right-color: var(--theme-blue-gray-darkest) !important;
+  }
+  .bdr-theme-primary-lightest {
+    border-right-color: var(--theme-primary-lightest) !important;
+  }
+  .bdr-theme-primary-lighter {
+    border-right-color: var(--theme-primary-lighter) !important;
+  }
+  .bdr-theme-primary-light {
+    border-right-color: var(--theme-primary-light) !important;
+  }
+  .bdr-theme-primary-default {
+    border-right-color: var(--theme-primary-default) !important;
+  }
+  .bdr-theme-primary-dark {
+    border-right-color: var(--theme-primary-dark) !important;
+  }
+  .bdr-theme-primary-darker {
+    border-right-color: var(--theme-primary-darker) !important;
+  }
+  .bdr-theme-primary-darkest {
+    border-right-color: var(--theme-primary-darkest) !important;
+  }
+  .bdr-theme-secondary-lightest {
+    border-right-color: var(--theme-secondary-lightest) !important;
+  }
+  .bdr-theme-secondary-lighter {
+    border-right-color: var(--theme-secondary-lighter) !important;
+  }
+  .bdr-theme-secondary-light {
+    border-right-color: var(--theme-secondary-light) !important;
+  }
+  .bdr-theme-secondary-default {
+    border-right-color: var(--theme-secondary-default) !important;
+  }
+  .bdr-theme-secondary-dark {
+    border-right-color: var(--theme-secondary-dark) !important;
+  }
+  .bdr-theme-secondary-darker {
+    border-right-color: var(--theme-secondary-darker) !important;
+  }
+  .bdr-theme-secondary-darkest {
+    border-right-color: var(--theme-secondary-darkest) !important;
+  }
+  .bdr-theme-info-lightest {
+    border-right-color: var(--theme-info-lightest) !important;
+  }
+  .bdr-theme-info-lighter {
+    border-right-color: var(--theme-info-lighter) !important;
+  }
+  .bdr-theme-info-light {
+    border-right-color: var(--theme-info-light) !important;
+  }
+  .bdr-theme-info-default {
+    border-right-color: var(--theme-info-default) !important;
+  }
+  .bdr-theme-info-dark {
+    border-right-color: var(--theme-info-dark) !important;
+  }
+  .bdr-theme-info-darker {
+    border-right-color: var(--theme-info-darker) !important;
+  }
+  .bdr-theme-info-darkest {
+    border-right-color: var(--theme-info-darkest) !important;
+  }
+  .bdr-theme-success-lightest {
+    border-right-color: var(--theme-success-lightest) !important;
+  }
+  .bdr-theme-success-lighter {
+    border-right-color: var(--theme-success-lighter) !important;
+  }
+  .bdr-theme-success-light {
+    border-right-color: var(--theme-success-light) !important;
+  }
+  .bdr-theme-success-default {
+    border-right-color: var(--theme-success-default) !important;
+  }
+  .bdr-theme-success-dark {
+    border-right-color: var(--theme-success-dark) !important;
+  }
+  .bdr-theme-success-darker {
+    border-right-color: var(--theme-success-darker) !important;
+  }
+  .bdr-theme-success-darkest {
+    border-right-color: var(--theme-success-darkest) !important;
+  }
+  .bdr-theme-warning-lightest {
+    border-right-color: var(--theme-warning-lightest) !important;
+  }
+  .bdr-theme-warning-lighter {
+    border-right-color: var(--theme-warning-lighter) !important;
+  }
+  .bdr-theme-warning-light {
+    border-right-color: var(--theme-warning-light) !important;
+  }
+  .bdr-theme-warning-default {
+    border-right-color: var(--theme-warning-default) !important;
+  }
+  .bdr-theme-warning-dark {
+    border-right-color: var(--theme-warning-dark) !important;
+  }
+  .bdr-theme-warning-darker {
+    border-right-color: var(--theme-warning-darker) !important;
+  }
+  .bdr-theme-warning-darkest {
+    border-right-color: var(--theme-warning-darkest) !important;
+  }
+  .bdr-theme-danger-lightest {
+    border-right-color: var(--theme-danger-lightest) !important;
+  }
+  .bdr-theme-danger-lighter {
+    border-right-color: var(--theme-danger-lighter) !important;
+  }
+  .bdr-theme-danger-light {
+    border-right-color: var(--theme-danger-light) !important;
+  }
+  .bdr-theme-danger-default {
+    border-right-color: var(--theme-danger-default) !important;
+  }
+  .bdr-theme-danger-dark {
+    border-right-color: var(--theme-danger-dark) !important;
+  }
+  .bdr-theme-danger-darker {
+    border-right-color: var(--theme-danger-darker) !important;
+  }
+  .bdr-theme-danger-darkest {
+    border-right-color: var(--theme-danger-darkest) !important;
+  }
+  .bdr-trans-darkest {
+    border-right-color: var(--trans-darkest) !important;
+  }
+  .bdr-trans-darker {
+    border-right-color: var(--trans-darker) !important;
+  }
+  .bdr-trans-dark {
+    border-right-color: var(--trans-dark) !important;
+  }
+  .bdr-trans-default {
+    border-right-color: var(--trans-default) !important;
+  }
+  .bdr-trans-light {
+    border-right-color: var(--trans-light) !important;
+  }
+  .bdr-trans-lighter {
+    border-right-color: var(--trans-lighter) !important;
+  }
+  .bdr-trans-lightest {
+    border-right-color: var(--trans-lightest) !important;
+  }
+  .bdr-trans-rev-default {
+    border-right-color: var(--trans-rev-default) !important;
+  }
+  .bdr-trans-rev-light {
+    border-right-color: var(--trans-rev-light) !important;
+  }
+  .bdr-trans-rev-lighter {
+    border-right-color: var(--trans-rev-lighter) !important;
+  }
+  .bdr-trans-rev-lightest {
+    border-right-color: var(--trans-rev-lightest) !important;
+  }
+  .bdr-color-lighter {
+    border-right-color: var(--border-color-lighter) !important;
+  }
+  .bdr-color-light {
+    border-right-color: var(--border-color-light) !important;
+  }
+  .bdr-color-default {
+    border-right-color: var(--border-color-default) !important;
+  }
+  .bdr-color-dark {
+    border-right-color: var(--border-color-dark) !important;
+  }
+  .bdr-color-darker {
+    border-right-color: var(--border-color-darker) !important;
+  }
+  .bdr-none {
+    border-right: none !important;
+  }
+  .bdr-transparent {
+    border-right-color: transparent !important;
+  }
+  .bdb {
+    border-bottom: 1px solid !important;
+  }
+  .bdb-theme-gray-lightest {
+    border-bottom-color: var(--theme-gray-lightest) !important;
+  }
+  .bdb-theme-gray-lighter {
+    border-bottom-color: var(--theme-gray-lighter) !important;
+  }
+  .bdb-theme-gray-light {
+    border-bottom-color: var(--theme-gray-light) !important;
+  }
+  .bdb-theme-gray-default {
+    border-bottom-color: var(--theme-gray-default) !important;
+  }
+  .bdb-theme-gray-dark {
+    border-bottom-color: var(--theme-gray-dark) !important;
+  }
+  .bdb-theme-gray-darker {
+    border-bottom-color: var(--theme-gray-darker) !important;
+  }
+  .bdb-theme-gray-darkest {
+    border-bottom-color: var(--theme-gray-darkest) !important;
+  }
+  .bdb-theme-blue-gray-lightest {
+    border-bottom-color: var(--theme-blue-gray-lightest) !important;
+  }
+  .bdb-theme-blue-gray-lighter {
+    border-bottom-color: var(--theme-blue-gray-lighter) !important;
+  }
+  .bdb-theme-blue-gray-light {
+    border-bottom-color: var(--theme-blue-gray-light) !important;
+  }
+  .bdb-theme-blue-gray-default {
+    border-bottom-color: var(--theme-blue-gray-default) !important;
+  }
+  .bdb-theme-blue-gray-dark {
+    border-bottom-color: var(--theme-blue-gray-dark) !important;
+  }
+  .bdb-theme-blue-gray-darker {
+    border-bottom-color: var(--theme-blue-gray-darker) !important;
+  }
+  .bdb-theme-blue-gray-darkest {
+    border-bottom-color: var(--theme-blue-gray-darkest) !important;
+  }
+  .bdb-theme-primary-lightest {
+    border-bottom-color: var(--theme-primary-lightest) !important;
+  }
+  .bdb-theme-primary-lighter {
+    border-bottom-color: var(--theme-primary-lighter) !important;
+  }
+  .bdb-theme-primary-light {
+    border-bottom-color: var(--theme-primary-light) !important;
+  }
+  .bdb-theme-primary-default {
+    border-bottom-color: var(--theme-primary-default) !important;
+  }
+  .bdb-theme-primary-dark {
+    border-bottom-color: var(--theme-primary-dark) !important;
+  }
+  .bdb-theme-primary-darker {
+    border-bottom-color: var(--theme-primary-darker) !important;
+  }
+  .bdb-theme-primary-darkest {
+    border-bottom-color: var(--theme-primary-darkest) !important;
+  }
+  .bdb-theme-secondary-lightest {
+    border-bottom-color: var(--theme-secondary-lightest) !important;
+  }
+  .bdb-theme-secondary-lighter {
+    border-bottom-color: var(--theme-secondary-lighter) !important;
+  }
+  .bdb-theme-secondary-light {
+    border-bottom-color: var(--theme-secondary-light) !important;
+  }
+  .bdb-theme-secondary-default {
+    border-bottom-color: var(--theme-secondary-default) !important;
+  }
+  .bdb-theme-secondary-dark {
+    border-bottom-color: var(--theme-secondary-dark) !important;
+  }
+  .bdb-theme-secondary-darker {
+    border-bottom-color: var(--theme-secondary-darker) !important;
+  }
+  .bdb-theme-secondary-darkest {
+    border-bottom-color: var(--theme-secondary-darkest) !important;
+  }
+  .bdb-theme-info-lightest {
+    border-bottom-color: var(--theme-info-lightest) !important;
+  }
+  .bdb-theme-info-lighter {
+    border-bottom-color: var(--theme-info-lighter) !important;
+  }
+  .bdb-theme-info-light {
+    border-bottom-color: var(--theme-info-light) !important;
+  }
+  .bdb-theme-info-default {
+    border-bottom-color: var(--theme-info-default) !important;
+  }
+  .bdb-theme-info-dark {
+    border-bottom-color: var(--theme-info-dark) !important;
+  }
+  .bdb-theme-info-darker {
+    border-bottom-color: var(--theme-info-darker) !important;
+  }
+  .bdb-theme-info-darkest {
+    border-bottom-color: var(--theme-info-darkest) !important;
+  }
+  .bdb-theme-success-lightest {
+    border-bottom-color: var(--theme-success-lightest) !important;
+  }
+  .bdb-theme-success-lighter {
+    border-bottom-color: var(--theme-success-lighter) !important;
+  }
+  .bdb-theme-success-light {
+    border-bottom-color: var(--theme-success-light) !important;
+  }
+  .bdb-theme-success-default {
+    border-bottom-color: var(--theme-success-default) !important;
+  }
+  .bdb-theme-success-dark {
+    border-bottom-color: var(--theme-success-dark) !important;
+  }
+  .bdb-theme-success-darker {
+    border-bottom-color: var(--theme-success-darker) !important;
+  }
+  .bdb-theme-success-darkest {
+    border-bottom-color: var(--theme-success-darkest) !important;
+  }
+  .bdb-theme-warning-lightest {
+    border-bottom-color: var(--theme-warning-lightest) !important;
+  }
+  .bdb-theme-warning-lighter {
+    border-bottom-color: var(--theme-warning-lighter) !important;
+  }
+  .bdb-theme-warning-light {
+    border-bottom-color: var(--theme-warning-light) !important;
+  }
+  .bdb-theme-warning-default {
+    border-bottom-color: var(--theme-warning-default) !important;
+  }
+  .bdb-theme-warning-dark {
+    border-bottom-color: var(--theme-warning-dark) !important;
+  }
+  .bdb-theme-warning-darker {
+    border-bottom-color: var(--theme-warning-darker) !important;
+  }
+  .bdb-theme-warning-darkest {
+    border-bottom-color: var(--theme-warning-darkest) !important;
+  }
+  .bdb-theme-danger-lightest {
+    border-bottom-color: var(--theme-danger-lightest) !important;
+  }
+  .bdb-theme-danger-lighter {
+    border-bottom-color: var(--theme-danger-lighter) !important;
+  }
+  .bdb-theme-danger-light {
+    border-bottom-color: var(--theme-danger-light) !important;
+  }
+  .bdb-theme-danger-default {
+    border-bottom-color: var(--theme-danger-default) !important;
+  }
+  .bdb-theme-danger-dark {
+    border-bottom-color: var(--theme-danger-dark) !important;
+  }
+  .bdb-theme-danger-darker {
+    border-bottom-color: var(--theme-danger-darker) !important;
+  }
+  .bdb-theme-danger-darkest {
+    border-bottom-color: var(--theme-danger-darkest) !important;
+  }
+  .bdb-trans-darkest {
+    border-bottom-color: var(--trans-darkest) !important;
+  }
+  .bdb-trans-darker {
+    border-bottom-color: var(--trans-darker) !important;
+  }
+  .bdb-trans-dark {
+    border-bottom-color: var(--trans-dark) !important;
+  }
+  .bdb-trans-default {
+    border-bottom-color: var(--trans-default) !important;
+  }
+  .bdb-trans-light {
+    border-bottom-color: var(--trans-light) !important;
+  }
+  .bdb-trans-lighter {
+    border-bottom-color: var(--trans-lighter) !important;
+  }
+  .bdb-trans-lightest {
+    border-bottom-color: var(--trans-lightest) !important;
+  }
+  .bdb-trans-rev-default {
+    border-bottom-color: var(--trans-rev-default) !important;
+  }
+  .bdb-trans-rev-light {
+    border-bottom-color: var(--trans-rev-light) !important;
+  }
+  .bdb-trans-rev-lighter {
+    border-bottom-color: var(--trans-rev-lighter) !important;
+  }
+  .bdb-trans-rev-lightest {
+    border-bottom-color: var(--trans-rev-lightest) !important;
+  }
+  .bdb-color-lighter {
+    border-bottom-color: var(--border-color-lighter) !important;
+  }
+  .bdb-color-light {
+    border-bottom-color: var(--border-color-light) !important;
+  }
+  .bdb-color-default {
+    border-bottom-color: var(--border-color-default) !important;
+  }
+  .bdb-color-dark {
+    border-bottom-color: var(--border-color-dark) !important;
+  }
+  .bdb-color-darker {
+    border-bottom-color: var(--border-color-darker) !important;
+  }
+  .bdb-none {
+    border-bottom: none !important;
+  }
+  .bdb-transparent {
+    border-bottom-color: transparent !important;
+  }
+  .bdl {
+    border-left: 1px solid !important;
+  }
+  .bdl-theme-gray-lightest {
+    border-left-color: var(--theme-gray-lightest) !important;
+  }
+  .bdl-theme-gray-lighter {
+    border-left-color: var(--theme-gray-lighter) !important;
+  }
+  .bdl-theme-gray-light {
+    border-left-color: var(--theme-gray-light) !important;
+  }
+  .bdl-theme-gray-default {
+    border-left-color: var(--theme-gray-default) !important;
+  }
+  .bdl-theme-gray-dark {
+    border-left-color: var(--theme-gray-dark) !important;
+  }
+  .bdl-theme-gray-darker {
+    border-left-color: var(--theme-gray-darker) !important;
+  }
+  .bdl-theme-gray-darkest {
+    border-left-color: var(--theme-gray-darkest) !important;
+  }
+  .bdl-theme-blue-gray-lightest {
+    border-left-color: var(--theme-blue-gray-lightest) !important;
+  }
+  .bdl-theme-blue-gray-lighter {
+    border-left-color: var(--theme-blue-gray-lighter) !important;
+  }
+  .bdl-theme-blue-gray-light {
+    border-left-color: var(--theme-blue-gray-light) !important;
+  }
+  .bdl-theme-blue-gray-default {
+    border-left-color: var(--theme-blue-gray-default) !important;
+  }
+  .bdl-theme-blue-gray-dark {
+    border-left-color: var(--theme-blue-gray-dark) !important;
+  }
+  .bdl-theme-blue-gray-darker {
+    border-left-color: var(--theme-blue-gray-darker) !important;
+  }
+  .bdl-theme-blue-gray-darkest {
+    border-left-color: var(--theme-blue-gray-darkest) !important;
+  }
+  .bdl-theme-primary-lightest {
+    border-left-color: var(--theme-primary-lightest) !important;
+  }
+  .bdl-theme-primary-lighter {
+    border-left-color: var(--theme-primary-lighter) !important;
+  }
+  .bdl-theme-primary-light {
+    border-left-color: var(--theme-primary-light) !important;
+  }
+  .bdl-theme-primary-default {
+    border-left-color: var(--theme-primary-default) !important;
+  }
+  .bdl-theme-primary-dark {
+    border-left-color: var(--theme-primary-dark) !important;
+  }
+  .bdl-theme-primary-darker {
+    border-left-color: var(--theme-primary-darker) !important;
+  }
+  .bdl-theme-primary-darkest {
+    border-left-color: var(--theme-primary-darkest) !important;
+  }
+  .bdl-theme-secondary-lightest {
+    border-left-color: var(--theme-secondary-lightest) !important;
+  }
+  .bdl-theme-secondary-lighter {
+    border-left-color: var(--theme-secondary-lighter) !important;
+  }
+  .bdl-theme-secondary-light {
+    border-left-color: var(--theme-secondary-light) !important;
+  }
+  .bdl-theme-secondary-default {
+    border-left-color: var(--theme-secondary-default) !important;
+  }
+  .bdl-theme-secondary-dark {
+    border-left-color: var(--theme-secondary-dark) !important;
+  }
+  .bdl-theme-secondary-darker {
+    border-left-color: var(--theme-secondary-darker) !important;
+  }
+  .bdl-theme-secondary-darkest {
+    border-left-color: var(--theme-secondary-darkest) !important;
+  }
+  .bdl-theme-info-lightest {
+    border-left-color: var(--theme-info-lightest) !important;
+  }
+  .bdl-theme-info-lighter {
+    border-left-color: var(--theme-info-lighter) !important;
+  }
+  .bdl-theme-info-light {
+    border-left-color: var(--theme-info-light) !important;
+  }
+  .bdl-theme-info-default {
+    border-left-color: var(--theme-info-default) !important;
+  }
+  .bdl-theme-info-dark {
+    border-left-color: var(--theme-info-dark) !important;
+  }
+  .bdl-theme-info-darker {
+    border-left-color: var(--theme-info-darker) !important;
+  }
+  .bdl-theme-info-darkest {
+    border-left-color: var(--theme-info-darkest) !important;
+  }
+  .bdl-theme-success-lightest {
+    border-left-color: var(--theme-success-lightest) !important;
+  }
+  .bdl-theme-success-lighter {
+    border-left-color: var(--theme-success-lighter) !important;
+  }
+  .bdl-theme-success-light {
+    border-left-color: var(--theme-success-light) !important;
+  }
+  .bdl-theme-success-default {
+    border-left-color: var(--theme-success-default) !important;
+  }
+  .bdl-theme-success-dark {
+    border-left-color: var(--theme-success-dark) !important;
+  }
+  .bdl-theme-success-darker {
+    border-left-color: var(--theme-success-darker) !important;
+  }
+  .bdl-theme-success-darkest {
+    border-left-color: var(--theme-success-darkest) !important;
+  }
+  .bdl-theme-warning-lightest {
+    border-left-color: var(--theme-warning-lightest) !important;
+  }
+  .bdl-theme-warning-lighter {
+    border-left-color: var(--theme-warning-lighter) !important;
+  }
+  .bdl-theme-warning-light {
+    border-left-color: var(--theme-warning-light) !important;
+  }
+  .bdl-theme-warning-default {
+    border-left-color: var(--theme-warning-default) !important;
+  }
+  .bdl-theme-warning-dark {
+    border-left-color: var(--theme-warning-dark) !important;
+  }
+  .bdl-theme-warning-darker {
+    border-left-color: var(--theme-warning-darker) !important;
+  }
+  .bdl-theme-warning-darkest {
+    border-left-color: var(--theme-warning-darkest) !important;
+  }
+  .bdl-theme-danger-lightest {
+    border-left-color: var(--theme-danger-lightest) !important;
+  }
+  .bdl-theme-danger-lighter {
+    border-left-color: var(--theme-danger-lighter) !important;
+  }
+  .bdl-theme-danger-light {
+    border-left-color: var(--theme-danger-light) !important;
+  }
+  .bdl-theme-danger-default {
+    border-left-color: var(--theme-danger-default) !important;
+  }
+  .bdl-theme-danger-dark {
+    border-left-color: var(--theme-danger-dark) !important;
+  }
+  .bdl-theme-danger-darker {
+    border-left-color: var(--theme-danger-darker) !important;
+  }
+  .bdl-theme-danger-darkest {
+    border-left-color: var(--theme-danger-darkest) !important;
+  }
+  .bdl-trans-darkest {
+    border-left-color: var(--trans-darkest) !important;
+  }
+  .bdl-trans-darker {
+    border-left-color: var(--trans-darker) !important;
+  }
+  .bdl-trans-dark {
+    border-left-color: var(--trans-dark) !important;
+  }
+  .bdl-trans-default {
+    border-left-color: var(--trans-default) !important;
+  }
+  .bdl-trans-light {
+    border-left-color: var(--trans-light) !important;
+  }
+  .bdl-trans-lighter {
+    border-left-color: var(--trans-lighter) !important;
+  }
+  .bdl-trans-lightest {
+    border-left-color: var(--trans-lightest) !important;
+  }
+  .bdl-trans-rev-default {
+    border-left-color: var(--trans-rev-default) !important;
+  }
+  .bdl-trans-rev-light {
+    border-left-color: var(--trans-rev-light) !important;
+  }
+  .bdl-trans-rev-lighter {
+    border-left-color: var(--trans-rev-lighter) !important;
+  }
+  .bdl-trans-rev-lightest {
+    border-left-color: var(--trans-rev-lightest) !important;
+  }
+  .bdl-color-lighter {
+    border-left-color: var(--border-color-lighter) !important;
+  }
+  .bdl-color-light {
+    border-left-color: var(--border-color-light) !important;
+  }
+  .bdl-color-default {
+    border-left-color: var(--border-color-default) !important;
+  }
+  .bdl-color-dark {
+    border-left-color: var(--border-color-dark) !important;
+  }
+  .bdl-color-darker {
+    border-left-color: var(--border-color-darker) !important;
+  }
+  .bdl-none {
+    border-left: none !important;
+  }
+  .bdl-transparent {
+    border-left-color: transparent !important;
+  }
+  .bd-width-xxs {
+    border-width: var(--gap-xxs) !important;
+  }
+  .bdt-width-xxs {
+    border-top-width: var(--gap-xxs) !important;
+  }
+  .bdr-width-xxs {
+    border-right-width: var(--gap-xxs) !important;
+  }
+  .bdb-width-xxs {
+    border-bottom-width: var(--gap-xxs) !important;
+  }
+  .bdl-width-xxs {
+    border-left-width: var(--gap-xxs) !important;
+  }
+  .bd-width-xs {
+    border-width: var(--gap-xs) !important;
+  }
+  .bdt-width-xs {
+    border-top-width: var(--gap-xs) !important;
+  }
+  .bdr-width-xs {
+    border-right-width: var(--gap-xs) !important;
+  }
+  .bdb-width-xs {
+    border-bottom-width: var(--gap-xs) !important;
+  }
+  .bdl-width-xs {
+    border-left-width: var(--gap-xs) !important;
+  }
+  .bd-width-sm {
+    border-width: var(--gap-sm) !important;
+  }
+  .bdt-width-sm {
+    border-top-width: var(--gap-sm) !important;
+  }
+  .bdr-width-sm {
+    border-right-width: var(--gap-sm) !important;
+  }
+  .bdb-width-sm {
+    border-bottom-width: var(--gap-sm) !important;
+  }
+  .bdl-width-sm {
+    border-left-width: var(--gap-sm) !important;
+  }
+  .bd-width-default {
+    border-width: var(--gap-default) !important;
+  }
+  .bdt-width-default {
+    border-top-width: var(--gap-default) !important;
+  }
+  .bdr-width-default {
+    border-right-width: var(--gap-default) !important;
+  }
+  .bdb-width-default {
+    border-bottom-width: var(--gap-default) !important;
+  }
+  .bdl-width-default {
+    border-left-width: var(--gap-default) !important;
+  }
+  .bd-width-lg {
+    border-width: var(--gap-lg) !important;
+  }
+  .bdt-width-lg {
+    border-top-width: var(--gap-lg) !important;
+  }
+  .bdr-width-lg {
+    border-right-width: var(--gap-lg) !important;
+  }
+  .bdb-width-lg {
+    border-bottom-width: var(--gap-lg) !important;
+  }
+  .bdl-width-lg {
+    border-left-width: var(--gap-lg) !important;
+  }
+  .bd-width-xl {
+    border-width: var(--gap-xl) !important;
+  }
+  .bdt-width-xl {
+    border-top-width: var(--gap-xl) !important;
+  }
+  .bdr-width-xl {
+    border-right-width: var(--gap-xl) !important;
+  }
+  .bdb-width-xl {
+    border-bottom-width: var(--gap-xl) !important;
+  }
+  .bdl-width-xl {
+    border-left-width: var(--gap-xl) !important;
+  }
+  .bd-width-xxl {
+    border-width: var(--gap-xxl) !important;
+  }
+  .bdt-width-xxl {
+    border-top-width: var(--gap-xxl) !important;
+  }
+  .bdr-width-xxl {
+    border-right-width: var(--gap-xxl) !important;
+  }
+  .bdb-width-xxl {
+    border-bottom-width: var(--gap-xxl) !important;
+  }
+  .bdl-width-xxl {
+    border-left-width: var(--gap-xxl) !important;
+  }
+  .bd-width-0 {
+    border-width: var(--gap-0) !important;
+  }
+  .bdt-width-0 {
+    border-top-width: var(--gap-0) !important;
+  }
+  .bdr-width-0 {
+    border-right-width: var(--gap-0) !important;
+  }
+  .bdb-width-0 {
+    border-bottom-width: var(--gap-0) !important;
+  }
+  .bdl-width-0 {
+    border-left-width: var(--gap-0) !important;
+  }
+  .bd-width-auto {
+    border-width: var(--gap-auto) !important;
+  }
+  .bdt-width-auto {
+    border-top-width: var(--gap-auto) !important;
+  }
+  .bdr-width-auto {
+    border-right-width: var(--gap-auto) !important;
+  }
+  .bdb-width-auto {
+    border-bottom-width: var(--gap-auto) !important;
+  }
+  .bdl-width-auto {
+    border-left-width: var(--gap-auto) !important;
+  }
+  .bd-radius-xs {
+    border-radius: var(--border-radius-xs) !important;
+  }
+  .bdt-radius-xs {
+    border-top-right-radius: var(--border-radius-xs) !important;
+    border-top-left-radius: var(--border-radius-xs) !important;
+  }
+  .bdb-radius-xs {
+    border-bottom-right-radius: var(--border-radius-xs) !important;
+    border-bottom-left-radius: var(--border-radius-xs) !important;
+  }
+  .bdl-radius-xs {
+    border-top-left-radius: var(--border-radius-xs) !important;
+    border-bottom-left-radius: var(--border-radius-xs) !important;
+  }
+  .bdr-radius-xs {
+    border-top-right-radius: var(--border-radius-xs) !important;
+    border-bottom-right-radius: var(--border-radius-xs) !important;
+  }
+  .bd-radius-sm {
+    border-radius: var(--border-radius-sm) !important;
+  }
+  .bdt-radius-sm {
+    border-top-right-radius: var(--border-radius-sm) !important;
+    border-top-left-radius: var(--border-radius-sm) !important;
+  }
+  .bdb-radius-sm {
+    border-bottom-right-radius: var(--border-radius-sm) !important;
+    border-bottom-left-radius: var(--border-radius-sm) !important;
+  }
+  .bdl-radius-sm {
+    border-top-left-radius: var(--border-radius-sm) !important;
+    border-bottom-left-radius: var(--border-radius-sm) !important;
+  }
+  .bdr-radius-sm {
+    border-top-right-radius: var(--border-radius-sm) !important;
+    border-bottom-right-radius: var(--border-radius-sm) !important;
+  }
+  .bd-radius-default {
+    border-radius: var(--border-radius-default) !important;
+  }
+  .bdt-radius-default {
+    border-top-right-radius: var(--border-radius-default) !important;
+    border-top-left-radius: var(--border-radius-default) !important;
+  }
+  .bdb-radius-default {
+    border-bottom-right-radius: var(--border-radius-default) !important;
+    border-bottom-left-radius: var(--border-radius-default) !important;
+  }
+  .bdl-radius-default {
+    border-top-left-radius: var(--border-radius-default) !important;
+    border-bottom-left-radius: var(--border-radius-default) !important;
+  }
+  .bdr-radius-default {
+    border-top-right-radius: var(--border-radius-default) !important;
+    border-bottom-right-radius: var(--border-radius-default) !important;
+  }
+  .bd-radius-lg {
+    border-radius: var(--border-radius-lg) !important;
+  }
+  .bdt-radius-lg {
+    border-top-right-radius: var(--border-radius-lg) !important;
+    border-top-left-radius: var(--border-radius-lg) !important;
+  }
+  .bdb-radius-lg {
+    border-bottom-right-radius: var(--border-radius-lg) !important;
+    border-bottom-left-radius: var(--border-radius-lg) !important;
+  }
+  .bdl-radius-lg {
+    border-top-left-radius: var(--border-radius-lg) !important;
+    border-bottom-left-radius: var(--border-radius-lg) !important;
+  }
+  .bdr-radius-lg {
+    border-top-right-radius: var(--border-radius-lg) !important;
+    border-bottom-right-radius: var(--border-radius-lg) !important;
+  }
+  .bd-radius-xl {
+    border-radius: var(--border-radius-xl) !important;
+  }
+  .bdt-radius-xl {
+    border-top-right-radius: var(--border-radius-xl) !important;
+    border-top-left-radius: var(--border-radius-xl) !important;
+  }
+  .bdb-radius-xl {
+    border-bottom-right-radius: var(--border-radius-xl) !important;
+    border-bottom-left-radius: var(--border-radius-xl) !important;
+  }
+  .bdl-radius-xl {
+    border-top-left-radius: var(--border-radius-xl) !important;
+    border-bottom-left-radius: var(--border-radius-xl) !important;
+  }
+  .bdr-radius-xl {
+    border-top-right-radius: var(--border-radius-xl) !important;
+    border-bottom-right-radius: var(--border-radius-xl) !important;
+  }
+  .bd-radius-xxl {
+    border-radius: var(--border-radius-xxl) !important;
+  }
+  .bdt-radius-xxl {
+    border-top-right-radius: var(--border-radius-xxl) !important;
+    border-top-left-radius: var(--border-radius-xxl) !important;
+  }
+  .bdb-radius-xxl {
+    border-bottom-right-radius: var(--border-radius-xxl) !important;
+    border-bottom-left-radius: var(--border-radius-xxl) !important;
+  }
+  .bdl-radius-xxl {
+    border-top-left-radius: var(--border-radius-xxl) !important;
+    border-bottom-left-radius: var(--border-radius-xxl) !important;
+  }
+  .bdr-radius-xxl {
+    border-top-right-radius: var(--border-radius-xxl) !important;
+    border-bottom-right-radius: var(--border-radius-xxl) !important;
+  }
+  .p-xxs {
+    padding: var(--gap-xxs) !important;
+  }
+  .m-xxs {
+    margin: var(--gap-xxs) !important;
+  }
+  .pv-xxs {
+    padding-top: var(--gap-xxs) !important;
+    padding-bottom: var(--gap-xxs) !important;
+  }
+  .ph-xxs {
+    padding-left: var(--gap-xxs) !important;
+    padding-right: var(--gap-xxs) !important;
+  }
+  .mv-xxs {
+    margin-top: var(--gap-xxs) !important;
+    margin-bottom: var(--gap-xxs) !important;
+  }
+  .mh-xxs {
+    margin-left: var(--gap-xxs) !important;
+    margin-right: var(--gap-xxs) !important;
+  }
+  .sw-xxs {
+    width: var(--gap-xxs) !important;
+  }
+  .sh-xxs {
+    height: var(--gap-xxs) !important;
+  }
+  .pt-xxs {
+    padding-top: var(--gap-xxs) !important;
+  }
+  .mt-xxs {
+    margin-top: var(--gap-xxs) !important;
+  }
+  .t-xxs {
+    top: var(--gap-xxs) !important;
+  }
+  .pr-xxs {
+    padding-right: var(--gap-xxs) !important;
+  }
+  .mr-xxs {
+    margin-right: var(--gap-xxs) !important;
+  }
+  .r-xxs {
+    right: var(--gap-xxs) !important;
+  }
+  .pb-xxs {
+    padding-bottom: var(--gap-xxs) !important;
+  }
+  .mb-xxs {
+    margin-bottom: var(--gap-xxs) !important;
+  }
+  .b-xxs {
+    bottom: var(--gap-xxs) !important;
+  }
+  .pl-xxs {
+    padding-left: var(--gap-xxs) !important;
+  }
+  .ml-xxs {
+    margin-left: var(--gap-xxs) !important;
+  }
+  .l-xxs {
+    left: var(--gap-xxs) !important;
+  }
+  .p-xs {
+    padding: var(--gap-xs) !important;
+  }
+  .m-xs {
+    margin: var(--gap-xs) !important;
+  }
+  .pv-xs {
+    padding-top: var(--gap-xs) !important;
+    padding-bottom: var(--gap-xs) !important;
+  }
+  .ph-xs {
+    padding-left: var(--gap-xs) !important;
+    padding-right: var(--gap-xs) !important;
+  }
+  .mv-xs {
+    margin-top: var(--gap-xs) !important;
+    margin-bottom: var(--gap-xs) !important;
+  }
+  .mh-xs {
+    margin-left: var(--gap-xs) !important;
+    margin-right: var(--gap-xs) !important;
+  }
+  .sw-xs {
+    width: var(--gap-xs) !important;
+  }
+  .sh-xs {
+    height: var(--gap-xs) !important;
+  }
+  .pt-xs {
+    padding-top: var(--gap-xs) !important;
+  }
+  .mt-xs {
+    margin-top: var(--gap-xs) !important;
+  }
+  .t-xs {
+    top: var(--gap-xs) !important;
+  }
+  .pr-xs {
+    padding-right: var(--gap-xs) !important;
+  }
+  .mr-xs {
+    margin-right: var(--gap-xs) !important;
+  }
+  .r-xs {
+    right: var(--gap-xs) !important;
+  }
+  .pb-xs {
+    padding-bottom: var(--gap-xs) !important;
+  }
+  .mb-xs {
+    margin-bottom: var(--gap-xs) !important;
+  }
+  .b-xs {
+    bottom: var(--gap-xs) !important;
+  }
+  .pl-xs {
+    padding-left: var(--gap-xs) !important;
+  }
+  .ml-xs {
+    margin-left: var(--gap-xs) !important;
+  }
+  .l-xs {
+    left: var(--gap-xs) !important;
+  }
+  .p-sm {
+    padding: var(--gap-sm) !important;
+  }
+  .m-sm {
+    margin: var(--gap-sm) !important;
+  }
+  .pv-sm {
+    padding-top: var(--gap-sm) !important;
+    padding-bottom: var(--gap-sm) !important;
+  }
+  .ph-sm {
+    padding-left: var(--gap-sm) !important;
+    padding-right: var(--gap-sm) !important;
+  }
+  .mv-sm {
+    margin-top: var(--gap-sm) !important;
+    margin-bottom: var(--gap-sm) !important;
+  }
+  .mh-sm {
+    margin-left: var(--gap-sm) !important;
+    margin-right: var(--gap-sm) !important;
+  }
+  .sw-sm {
+    width: var(--gap-sm) !important;
+  }
+  .sh-sm {
+    height: var(--gap-sm) !important;
+  }
+  .pt-sm {
+    padding-top: var(--gap-sm) !important;
+  }
+  .mt-sm {
+    margin-top: var(--gap-sm) !important;
+  }
+  .t-sm {
+    top: var(--gap-sm) !important;
+  }
+  .pr-sm {
+    padding-right: var(--gap-sm) !important;
+  }
+  .mr-sm {
+    margin-right: var(--gap-sm) !important;
+  }
+  .r-sm {
+    right: var(--gap-sm) !important;
+  }
+  .pb-sm {
+    padding-bottom: var(--gap-sm) !important;
+  }
+  .mb-sm {
+    margin-bottom: var(--gap-sm) !important;
+  }
+  .b-sm {
+    bottom: var(--gap-sm) !important;
+  }
+  .pl-sm {
+    padding-left: var(--gap-sm) !important;
+  }
+  .ml-sm {
+    margin-left: var(--gap-sm) !important;
+  }
+  .l-sm {
+    left: var(--gap-sm) !important;
+  }
+  .p-default {
+    padding: var(--gap-default) !important;
+  }
+  .m-default {
+    margin: var(--gap-default) !important;
+  }
+  .pv-default {
+    padding-top: var(--gap-default) !important;
+    padding-bottom: var(--gap-default) !important;
+  }
+  .ph-default {
+    padding-left: var(--gap-default) !important;
+    padding-right: var(--gap-default) !important;
+  }
+  .mv-default {
+    margin-top: var(--gap-default) !important;
+    margin-bottom: var(--gap-default) !important;
+  }
+  .mh-default {
+    margin-left: var(--gap-default) !important;
+    margin-right: var(--gap-default) !important;
+  }
+  .sw-default {
+    width: var(--gap-default) !important;
+  }
+  .sh-default {
+    height: var(--gap-default) !important;
+  }
+  .pt-default {
+    padding-top: var(--gap-default) !important;
+  }
+  .mt-default {
+    margin-top: var(--gap-default) !important;
+  }
+  .t-default {
+    top: var(--gap-default) !important;
+  }
+  .pr-default {
+    padding-right: var(--gap-default) !important;
+  }
+  .mr-default {
+    margin-right: var(--gap-default) !important;
+  }
+  .r-default {
+    right: var(--gap-default) !important;
+  }
+  .pb-default {
+    padding-bottom: var(--gap-default) !important;
+  }
+  .mb-default {
+    margin-bottom: var(--gap-default) !important;
+  }
+  .b-default {
+    bottom: var(--gap-default) !important;
+  }
+  .pl-default {
+    padding-left: var(--gap-default) !important;
+  }
+  .ml-default {
+    margin-left: var(--gap-default) !important;
+  }
+  .l-default {
+    left: var(--gap-default) !important;
+  }
+  .p-lg {
+    padding: var(--gap-lg) !important;
+  }
+  .m-lg {
+    margin: var(--gap-lg) !important;
+  }
+  .pv-lg {
+    padding-top: var(--gap-lg) !important;
+    padding-bottom: var(--gap-lg) !important;
+  }
+  .ph-lg {
+    padding-left: var(--gap-lg) !important;
+    padding-right: var(--gap-lg) !important;
+  }
+  .mv-lg {
+    margin-top: var(--gap-lg) !important;
+    margin-bottom: var(--gap-lg) !important;
+  }
+  .mh-lg {
+    margin-left: var(--gap-lg) !important;
+    margin-right: var(--gap-lg) !important;
+  }
+  .sw-lg {
+    width: var(--gap-lg) !important;
+  }
+  .sh-lg {
+    height: var(--gap-lg) !important;
+  }
+  .pt-lg {
+    padding-top: var(--gap-lg) !important;
+  }
+  .mt-lg {
+    margin-top: var(--gap-lg) !important;
+  }
+  .t-lg {
+    top: var(--gap-lg) !important;
+  }
+  .pr-lg {
+    padding-right: var(--gap-lg) !important;
+  }
+  .mr-lg {
+    margin-right: var(--gap-lg) !important;
+  }
+  .r-lg {
+    right: var(--gap-lg) !important;
+  }
+  .pb-lg {
+    padding-bottom: var(--gap-lg) !important;
+  }
+  .mb-lg {
+    margin-bottom: var(--gap-lg) !important;
+  }
+  .b-lg {
+    bottom: var(--gap-lg) !important;
+  }
+  .pl-lg {
+    padding-left: var(--gap-lg) !important;
+  }
+  .ml-lg {
+    margin-left: var(--gap-lg) !important;
+  }
+  .l-lg {
+    left: var(--gap-lg) !important;
+  }
+  .p-xl {
+    padding: var(--gap-xl) !important;
+  }
+  .m-xl {
+    margin: var(--gap-xl) !important;
+  }
+  .pv-xl {
+    padding-top: var(--gap-xl) !important;
+    padding-bottom: var(--gap-xl) !important;
+  }
+  .ph-xl {
+    padding-left: var(--gap-xl) !important;
+    padding-right: var(--gap-xl) !important;
+  }
+  .mv-xl {
+    margin-top: var(--gap-xl) !important;
+    margin-bottom: var(--gap-xl) !important;
+  }
+  .mh-xl {
+    margin-left: var(--gap-xl) !important;
+    margin-right: var(--gap-xl) !important;
+  }
+  .sw-xl {
+    width: var(--gap-xl) !important;
+  }
+  .sh-xl {
+    height: var(--gap-xl) !important;
+  }
+  .pt-xl {
+    padding-top: var(--gap-xl) !important;
+  }
+  .mt-xl {
+    margin-top: var(--gap-xl) !important;
+  }
+  .t-xl {
+    top: var(--gap-xl) !important;
+  }
+  .pr-xl {
+    padding-right: var(--gap-xl) !important;
+  }
+  .mr-xl {
+    margin-right: var(--gap-xl) !important;
+  }
+  .r-xl {
+    right: var(--gap-xl) !important;
+  }
+  .pb-xl {
+    padding-bottom: var(--gap-xl) !important;
+  }
+  .mb-xl {
+    margin-bottom: var(--gap-xl) !important;
+  }
+  .b-xl {
+    bottom: var(--gap-xl) !important;
+  }
+  .pl-xl {
+    padding-left: var(--gap-xl) !important;
+  }
+  .ml-xl {
+    margin-left: var(--gap-xl) !important;
+  }
+  .l-xl {
+    left: var(--gap-xl) !important;
+  }
+  .p-xxl {
+    padding: var(--gap-xxl) !important;
+  }
+  .m-xxl {
+    margin: var(--gap-xxl) !important;
+  }
+  .pv-xxl {
+    padding-top: var(--gap-xxl) !important;
+    padding-bottom: var(--gap-xxl) !important;
+  }
+  .ph-xxl {
+    padding-left: var(--gap-xxl) !important;
+    padding-right: var(--gap-xxl) !important;
+  }
+  .mv-xxl {
+    margin-top: var(--gap-xxl) !important;
+    margin-bottom: var(--gap-xxl) !important;
+  }
+  .mh-xxl {
+    margin-left: var(--gap-xxl) !important;
+    margin-right: var(--gap-xxl) !important;
+  }
+  .sw-xxl {
+    width: var(--gap-xxl) !important;
+  }
+  .sh-xxl {
+    height: var(--gap-xxl) !important;
+  }
+  .pt-xxl {
+    padding-top: var(--gap-xxl) !important;
+  }
+  .mt-xxl {
+    margin-top: var(--gap-xxl) !important;
+  }
+  .t-xxl {
+    top: var(--gap-xxl) !important;
+  }
+  .pr-xxl {
+    padding-right: var(--gap-xxl) !important;
+  }
+  .mr-xxl {
+    margin-right: var(--gap-xxl) !important;
+  }
+  .r-xxl {
+    right: var(--gap-xxl) !important;
+  }
+  .pb-xxl {
+    padding-bottom: var(--gap-xxl) !important;
+  }
+  .mb-xxl {
+    margin-bottom: var(--gap-xxl) !important;
+  }
+  .b-xxl {
+    bottom: var(--gap-xxl) !important;
+  }
+  .pl-xxl {
+    padding-left: var(--gap-xxl) !important;
+  }
+  .ml-xxl {
+    margin-left: var(--gap-xxl) !important;
+  }
+  .l-xxl {
+    left: var(--gap-xxl) !important;
+  }
+  .p-0 {
+    padding: var(--gap-0) !important;
+  }
+  .m-0 {
+    margin: var(--gap-0) !important;
+  }
+  .pv-0 {
+    padding-top: var(--gap-0) !important;
+    padding-bottom: var(--gap-0) !important;
+  }
+  .ph-0 {
+    padding-left: var(--gap-0) !important;
+    padding-right: var(--gap-0) !important;
+  }
+  .mv-0 {
+    margin-top: var(--gap-0) !important;
+    margin-bottom: var(--gap-0) !important;
+  }
+  .mh-0 {
+    margin-left: var(--gap-0) !important;
+    margin-right: var(--gap-0) !important;
+  }
+  .sw-0 {
+    width: var(--gap-0) !important;
+  }
+  .sh-0 {
+    height: var(--gap-0) !important;
+  }
+  .pt-0 {
+    padding-top: var(--gap-0) !important;
+  }
+  .mt-0 {
+    margin-top: var(--gap-0) !important;
+  }
+  .t-0 {
+    top: var(--gap-0) !important;
+  }
+  .pr-0 {
+    padding-right: var(--gap-0) !important;
+  }
+  .mr-0 {
+    margin-right: var(--gap-0) !important;
+  }
+  .r-0 {
+    right: var(--gap-0) !important;
+  }
+  .pb-0 {
+    padding-bottom: var(--gap-0) !important;
+  }
+  .mb-0 {
+    margin-bottom: var(--gap-0) !important;
+  }
+  .b-0 {
+    bottom: var(--gap-0) !important;
+  }
+  .pl-0 {
+    padding-left: var(--gap-0) !important;
+  }
+  .ml-0 {
+    margin-left: var(--gap-0) !important;
+  }
+  .l-0 {
+    left: var(--gap-0) !important;
+  }
+  .p-auto {
+    padding: var(--gap-auto) !important;
+  }
+  .m-auto {
+    margin: var(--gap-auto) !important;
+  }
+  .pv-auto {
+    padding-top: var(--gap-auto) !important;
+    padding-bottom: var(--gap-auto) !important;
+  }
+  .ph-auto {
+    padding-left: var(--gap-auto) !important;
+    padding-right: var(--gap-auto) !important;
+  }
+  .mv-auto {
+    margin-top: var(--gap-auto) !important;
+    margin-bottom: var(--gap-auto) !important;
+  }
+  .mh-auto {
+    margin-left: var(--gap-auto) !important;
+    margin-right: var(--gap-auto) !important;
+  }
+  .sw-auto {
+    width: var(--gap-auto) !important;
+  }
+  .sh-auto {
+    height: var(--gap-auto) !important;
+  }
+  .pt-auto {
+    padding-top: var(--gap-auto) !important;
+  }
+  .mt-auto {
+    margin-top: var(--gap-auto) !important;
+  }
+  .t-auto {
+    top: var(--gap-auto) !important;
+  }
+  .pr-auto {
+    padding-right: var(--gap-auto) !important;
+  }
+  .mr-auto {
+    margin-right: var(--gap-auto) !important;
+  }
+  .r-auto {
+    right: var(--gap-auto) !important;
+  }
+  .pb-auto {
+    padding-bottom: var(--gap-auto) !important;
+  }
+  .mb-auto {
+    margin-bottom: var(--gap-auto) !important;
+  }
+  .b-auto {
+    bottom: var(--gap-auto) !important;
+  }
+  .pl-auto {
+    padding-left: var(--gap-auto) !important;
+  }
+  .ml-auto {
+    margin-left: var(--gap-auto) !important;
+  }
+  .l-auto {
+    left: var(--gap-auto) !important;
+  }
+  .p-xxs-xxs {
+    padding: var(--gap-xxs) var(--gap-xxs) !important;
+  }
+  .m-xxs-xxs {
+    margin: var(--gap-xxs) var(--gap-xxs) !important;
+  }
+  .p-xxs-xs {
+    padding: var(--gap-xxs) var(--gap-xs) !important;
+  }
+  .m-xxs-xs {
+    margin: var(--gap-xxs) var(--gap-xs) !important;
+  }
+  .p-xxs-sm {
+    padding: var(--gap-xxs) var(--gap-sm) !important;
+  }
+  .m-xxs-sm {
+    margin: var(--gap-xxs) var(--gap-sm) !important;
+  }
+  .p-xxs-default {
+    padding: var(--gap-xxs) var(--gap-default) !important;
+  }
+  .m-xxs-default {
+    margin: var(--gap-xxs) var(--gap-default) !important;
+  }
+  .p-xxs-lg {
+    padding: var(--gap-xxs) var(--gap-lg) !important;
+  }
+  .m-xxs-lg {
+    margin: var(--gap-xxs) var(--gap-lg) !important;
+  }
+  .p-xxs-xl {
+    padding: var(--gap-xxs) var(--gap-xl) !important;
+  }
+  .m-xxs-xl {
+    margin: var(--gap-xxs) var(--gap-xl) !important;
+  }
+  .p-xxs-xxl {
+    padding: var(--gap-xxs) var(--gap-xxl) !important;
+  }
+  .m-xxs-xxl {
+    margin: var(--gap-xxs) var(--gap-xxl) !important;
+  }
+  .p-xxs-0 {
+    padding: var(--gap-xxs) var(--gap-0) !important;
+  }
+  .m-xxs-0 {
+    margin: var(--gap-xxs) var(--gap-0) !important;
+  }
+  .p-xxs-auto {
+    padding: var(--gap-xxs) var(--gap-auto) !important;
+  }
+  .m-xxs-auto {
+    margin: var(--gap-xxs) var(--gap-auto) !important;
+  }
+  .p-xs-xxs {
+    padding: var(--gap-xs) var(--gap-xxs) !important;
+  }
+  .m-xs-xxs {
+    margin: var(--gap-xs) var(--gap-xxs) !important;
+  }
+  .p-xs-xs {
+    padding: var(--gap-xs) var(--gap-xs) !important;
+  }
+  .m-xs-xs {
+    margin: var(--gap-xs) var(--gap-xs) !important;
+  }
+  .p-xs-sm {
+    padding: var(--gap-xs) var(--gap-sm) !important;
+  }
+  .m-xs-sm {
+    margin: var(--gap-xs) var(--gap-sm) !important;
+  }
+  .p-xs-default {
+    padding: var(--gap-xs) var(--gap-default) !important;
+  }
+  .m-xs-default {
+    margin: var(--gap-xs) var(--gap-default) !important;
+  }
+  .p-xs-lg {
+    padding: var(--gap-xs) var(--gap-lg) !important;
+  }
+  .m-xs-lg {
+    margin: var(--gap-xs) var(--gap-lg) !important;
+  }
+  .p-xs-xl {
+    padding: var(--gap-xs) var(--gap-xl) !important;
+  }
+  .m-xs-xl {
+    margin: var(--gap-xs) var(--gap-xl) !important;
+  }
+  .p-xs-xxl {
+    padding: var(--gap-xs) var(--gap-xxl) !important;
+  }
+  .m-xs-xxl {
+    margin: var(--gap-xs) var(--gap-xxl) !important;
+  }
+  .p-xs-0 {
+    padding: var(--gap-xs) var(--gap-0) !important;
+  }
+  .m-xs-0 {
+    margin: var(--gap-xs) var(--gap-0) !important;
+  }
+  .p-xs-auto {
+    padding: var(--gap-xs) var(--gap-auto) !important;
+  }
+  .m-xs-auto {
+    margin: var(--gap-xs) var(--gap-auto) !important;
+  }
+  .p-sm-xxs {
+    padding: var(--gap-sm) var(--gap-xxs) !important;
+  }
+  .m-sm-xxs {
+    margin: var(--gap-sm) var(--gap-xxs) !important;
+  }
+  .p-sm-xs {
+    padding: var(--gap-sm) var(--gap-xs) !important;
+  }
+  .m-sm-xs {
+    margin: var(--gap-sm) var(--gap-xs) !important;
+  }
+  .p-sm-sm {
+    padding: var(--gap-sm) var(--gap-sm) !important;
+  }
+  .m-sm-sm {
+    margin: var(--gap-sm) var(--gap-sm) !important;
+  }
+  .p-sm-default {
+    padding: var(--gap-sm) var(--gap-default) !important;
+  }
+  .m-sm-default {
+    margin: var(--gap-sm) var(--gap-default) !important;
+  }
+  .p-sm-lg {
+    padding: var(--gap-sm) var(--gap-lg) !important;
+  }
+  .m-sm-lg {
+    margin: var(--gap-sm) var(--gap-lg) !important;
+  }
+  .p-sm-xl {
+    padding: var(--gap-sm) var(--gap-xl) !important;
+  }
+  .m-sm-xl {
+    margin: var(--gap-sm) var(--gap-xl) !important;
+  }
+  .p-sm-xxl {
+    padding: var(--gap-sm) var(--gap-xxl) !important;
+  }
+  .m-sm-xxl {
+    margin: var(--gap-sm) var(--gap-xxl) !important;
+  }
+  .p-sm-0 {
+    padding: var(--gap-sm) var(--gap-0) !important;
+  }
+  .m-sm-0 {
+    margin: var(--gap-sm) var(--gap-0) !important;
+  }
+  .p-sm-auto {
+    padding: var(--gap-sm) var(--gap-auto) !important;
+  }
+  .m-sm-auto {
+    margin: var(--gap-sm) var(--gap-auto) !important;
+  }
+  .p-default-xxs {
+    padding: var(--gap-default) var(--gap-xxs) !important;
+  }
+  .m-default-xxs {
+    margin: var(--gap-default) var(--gap-xxs) !important;
+  }
+  .p-default-xs {
+    padding: var(--gap-default) var(--gap-xs) !important;
+  }
+  .m-default-xs {
+    margin: var(--gap-default) var(--gap-xs) !important;
+  }
+  .p-default-sm {
+    padding: var(--gap-default) var(--gap-sm) !important;
+  }
+  .m-default-sm {
+    margin: var(--gap-default) var(--gap-sm) !important;
+  }
+  .p-default-default {
+    padding: var(--gap-default) var(--gap-default) !important;
+  }
+  .m-default-default {
+    margin: var(--gap-default) var(--gap-default) !important;
+  }
+  .p-default-lg {
+    padding: var(--gap-default) var(--gap-lg) !important;
+  }
+  .m-default-lg {
+    margin: var(--gap-default) var(--gap-lg) !important;
+  }
+  .p-default-xl {
+    padding: var(--gap-default) var(--gap-xl) !important;
+  }
+  .m-default-xl {
+    margin: var(--gap-default) var(--gap-xl) !important;
+  }
+  .p-default-xxl {
+    padding: var(--gap-default) var(--gap-xxl) !important;
+  }
+  .m-default-xxl {
+    margin: var(--gap-default) var(--gap-xxl) !important;
+  }
+  .p-default-0 {
+    padding: var(--gap-default) var(--gap-0) !important;
+  }
+  .m-default-0 {
+    margin: var(--gap-default) var(--gap-0) !important;
+  }
+  .p-default-auto {
+    padding: var(--gap-default) var(--gap-auto) !important;
+  }
+  .m-default-auto {
+    margin: var(--gap-default) var(--gap-auto) !important;
+  }
+  .p-lg-xxs {
+    padding: var(--gap-lg) var(--gap-xxs) !important;
+  }
+  .m-lg-xxs {
+    margin: var(--gap-lg) var(--gap-xxs) !important;
+  }
+  .p-lg-xs {
+    padding: var(--gap-lg) var(--gap-xs) !important;
+  }
+  .m-lg-xs {
+    margin: var(--gap-lg) var(--gap-xs) !important;
+  }
+  .p-lg-sm {
+    padding: var(--gap-lg) var(--gap-sm) !important;
+  }
+  .m-lg-sm {
+    margin: var(--gap-lg) var(--gap-sm) !important;
+  }
+  .p-lg-default {
+    padding: var(--gap-lg) var(--gap-default) !important;
+  }
+  .m-lg-default {
+    margin: var(--gap-lg) var(--gap-default) !important;
+  }
+  .p-lg-lg {
+    padding: var(--gap-lg) var(--gap-lg) !important;
+  }
+  .m-lg-lg {
+    margin: var(--gap-lg) var(--gap-lg) !important;
+  }
+  .p-lg-xl {
+    padding: var(--gap-lg) var(--gap-xl) !important;
+  }
+  .m-lg-xl {
+    margin: var(--gap-lg) var(--gap-xl) !important;
+  }
+  .p-lg-xxl {
+    padding: var(--gap-lg) var(--gap-xxl) !important;
+  }
+  .m-lg-xxl {
+    margin: var(--gap-lg) var(--gap-xxl) !important;
+  }
+  .p-lg-0 {
+    padding: var(--gap-lg) var(--gap-0) !important;
+  }
+  .m-lg-0 {
+    margin: var(--gap-lg) var(--gap-0) !important;
+  }
+  .p-lg-auto {
+    padding: var(--gap-lg) var(--gap-auto) !important;
+  }
+  .m-lg-auto {
+    margin: var(--gap-lg) var(--gap-auto) !important;
+  }
+  .p-xl-xxs {
+    padding: var(--gap-xl) var(--gap-xxs) !important;
+  }
+  .m-xl-xxs {
+    margin: var(--gap-xl) var(--gap-xxs) !important;
+  }
+  .p-xl-xs {
+    padding: var(--gap-xl) var(--gap-xs) !important;
+  }
+  .m-xl-xs {
+    margin: var(--gap-xl) var(--gap-xs) !important;
+  }
+  .p-xl-sm {
+    padding: var(--gap-xl) var(--gap-sm) !important;
+  }
+  .m-xl-sm {
+    margin: var(--gap-xl) var(--gap-sm) !important;
+  }
+  .p-xl-default {
+    padding: var(--gap-xl) var(--gap-default) !important;
+  }
+  .m-xl-default {
+    margin: var(--gap-xl) var(--gap-default) !important;
+  }
+  .p-xl-lg {
+    padding: var(--gap-xl) var(--gap-lg) !important;
+  }
+  .m-xl-lg {
+    margin: var(--gap-xl) var(--gap-lg) !important;
+  }
+  .p-xl-xl {
+    padding: var(--gap-xl) var(--gap-xl) !important;
+  }
+  .m-xl-xl {
+    margin: var(--gap-xl) var(--gap-xl) !important;
+  }
+  .p-xl-xxl {
+    padding: var(--gap-xl) var(--gap-xxl) !important;
+  }
+  .m-xl-xxl {
+    margin: var(--gap-xl) var(--gap-xxl) !important;
+  }
+  .p-xl-0 {
+    padding: var(--gap-xl) var(--gap-0) !important;
+  }
+  .m-xl-0 {
+    margin: var(--gap-xl) var(--gap-0) !important;
+  }
+  .p-xl-auto {
+    padding: var(--gap-xl) var(--gap-auto) !important;
+  }
+  .m-xl-auto {
+    margin: var(--gap-xl) var(--gap-auto) !important;
+  }
+  .p-xxl-xxs {
+    padding: var(--gap-xxl) var(--gap-xxs) !important;
+  }
+  .m-xxl-xxs {
+    margin: var(--gap-xxl) var(--gap-xxs) !important;
+  }
+  .p-xxl-xs {
+    padding: var(--gap-xxl) var(--gap-xs) !important;
+  }
+  .m-xxl-xs {
+    margin: var(--gap-xxl) var(--gap-xs) !important;
+  }
+  .p-xxl-sm {
+    padding: var(--gap-xxl) var(--gap-sm) !important;
+  }
+  .m-xxl-sm {
+    margin: var(--gap-xxl) var(--gap-sm) !important;
+  }
+  .p-xxl-default {
+    padding: var(--gap-xxl) var(--gap-default) !important;
+  }
+  .m-xxl-default {
+    margin: var(--gap-xxl) var(--gap-default) !important;
+  }
+  .p-xxl-lg {
+    padding: var(--gap-xxl) var(--gap-lg) !important;
+  }
+  .m-xxl-lg {
+    margin: var(--gap-xxl) var(--gap-lg) !important;
+  }
+  .p-xxl-xl {
+    padding: var(--gap-xxl) var(--gap-xl) !important;
+  }
+  .m-xxl-xl {
+    margin: var(--gap-xxl) var(--gap-xl) !important;
+  }
+  .p-xxl-xxl {
+    padding: var(--gap-xxl) var(--gap-xxl) !important;
+  }
+  .m-xxl-xxl {
+    margin: var(--gap-xxl) var(--gap-xxl) !important;
+  }
+  .p-xxl-0 {
+    padding: var(--gap-xxl) var(--gap-0) !important;
+  }
+  .m-xxl-0 {
+    margin: var(--gap-xxl) var(--gap-0) !important;
+  }
+  .p-xxl-auto {
+    padding: var(--gap-xxl) var(--gap-auto) !important;
+  }
+  .m-xxl-auto {
+    margin: var(--gap-xxl) var(--gap-auto) !important;
+  }
+  .p-0-xxs {
+    padding: var(--gap-0) var(--gap-xxs) !important;
+  }
+  .m-0-xxs {
+    margin: var(--gap-0) var(--gap-xxs) !important;
+  }
+  .p-0-xs {
+    padding: var(--gap-0) var(--gap-xs) !important;
+  }
+  .m-0-xs {
+    margin: var(--gap-0) var(--gap-xs) !important;
+  }
+  .p-0-sm {
+    padding: var(--gap-0) var(--gap-sm) !important;
+  }
+  .m-0-sm {
+    margin: var(--gap-0) var(--gap-sm) !important;
+  }
+  .p-0-default {
+    padding: var(--gap-0) var(--gap-default) !important;
+  }
+  .m-0-default {
+    margin: var(--gap-0) var(--gap-default) !important;
+  }
+  .p-0-lg {
+    padding: var(--gap-0) var(--gap-lg) !important;
+  }
+  .m-0-lg {
+    margin: var(--gap-0) var(--gap-lg) !important;
+  }
+  .p-0-xl {
+    padding: var(--gap-0) var(--gap-xl) !important;
+  }
+  .m-0-xl {
+    margin: var(--gap-0) var(--gap-xl) !important;
+  }
+  .p-0-xxl {
+    padding: var(--gap-0) var(--gap-xxl) !important;
+  }
+  .m-0-xxl {
+    margin: var(--gap-0) var(--gap-xxl) !important;
+  }
+  .p-0-0 {
+    padding: var(--gap-0) var(--gap-0) !important;
+  }
+  .m-0-0 {
+    margin: var(--gap-0) var(--gap-0) !important;
+  }
+  .p-0-auto {
+    padding: var(--gap-0) var(--gap-auto) !important;
+  }
+  .m-0-auto {
+    margin: var(--gap-0) var(--gap-auto) !important;
+  }
+  .p-auto-xxs {
+    padding: var(--gap-auto) var(--gap-xxs) !important;
+  }
+  .m-auto-xxs {
+    margin: var(--gap-auto) var(--gap-xxs) !important;
+  }
+  .p-auto-xs {
+    padding: var(--gap-auto) var(--gap-xs) !important;
+  }
+  .m-auto-xs {
+    margin: var(--gap-auto) var(--gap-xs) !important;
+  }
+  .p-auto-sm {
+    padding: var(--gap-auto) var(--gap-sm) !important;
+  }
+  .m-auto-sm {
+    margin: var(--gap-auto) var(--gap-sm) !important;
+  }
+  .p-auto-default {
+    padding: var(--gap-auto) var(--gap-default) !important;
+  }
+  .m-auto-default {
+    margin: var(--gap-auto) var(--gap-default) !important;
+  }
+  .p-auto-lg {
+    padding: var(--gap-auto) var(--gap-lg) !important;
+  }
+  .m-auto-lg {
+    margin: var(--gap-auto) var(--gap-lg) !important;
+  }
+  .p-auto-xl {
+    padding: var(--gap-auto) var(--gap-xl) !important;
+  }
+  .m-auto-xl {
+    margin: var(--gap-auto) var(--gap-xl) !important;
+  }
+  .p-auto-xxl {
+    padding: var(--gap-auto) var(--gap-xxl) !important;
+  }
+  .m-auto-xxl {
+    margin: var(--gap-auto) var(--gap-xxl) !important;
+  }
+  .p-auto-0 {
+    padding: var(--gap-auto) var(--gap-0) !important;
+  }
+  .m-auto-0 {
+    margin: var(--gap-auto) var(--gap-0) !important;
+  }
+  .p-auto-auto {
+    padding: var(--gap-auto) var(--gap-auto) !important;
+  }
+  .m-auto-auto {
+    margin: var(--gap-auto) var(--gap-auto) !important;
+  }
+  .tx-left {
+    text-align: left !important;
+  }
+  .tx-right {
+    text-align: right !important;
+  }
+  .tx-center {
+    text-align: center !important;
+  }
+  .sh-topbar {
+    height: var(--topbar-height) !important;
+  }
+  .sw-sidebar {
+    width: var(--sidebar-width) !important;
+  }
+  .form-control {
+    display: block;
+    padding: var(--gap-sm) var(--gap-default);
+    border: 1px solid transparent;
+    font-size: var(--font-size-default);
+    font-family: var(--font-family);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--line-height);
+    color: var(--text-trans-default);
+  }
+  .help {
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+    cursor: help;
+  }
+  .control-header {
+    line-height: var(--line-height);
+    font-size: var(--font-size-sm);
+    color: var(--theme-gray-default);
+  }
+  .page-header {
+    line-height: var(--line-height);
+    margin-bottom: var(--gap-sm);
+    color: var(--theme-gray-default);
+    padding-bottom: var(--gap-xxs);
+    font-size: var(--font-size-sm);
+  }
+  .sticky-top {
+    position: sticky !important;
+    top: 0;
+    z-index: 1;
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
+  .position-relative {
+    position: relative;
+  }
+  .nowrap {
+    white-space: nowrap;
+  }
+  .fill {
+    height: 100%;
+    width: 100%;
+    overflow: auto;
+  }
+  .gap-xxs {
+    gap: var(--gap-xxs);
+  }
+  .gap-xs {
+    gap: var(--gap-xs);
+  }
+  .gap-sm {
+    gap: var(--gap-sm);
+  }
+  .gap-default {
+    gap: var(--gap-default);
+  }
+  .gap-lg {
+    gap: var(--gap-lg);
+  }
+  .gap-xl {
+    gap: var(--gap-xl);
+  }
+  .gap-xxl {
+    gap: var(--gap-xxl);
+  }
+  .gap-0 {
+    gap: var(--gap-0);
+  }
+  .gap-auto {
+    gap: var(--gap-auto);
+  }
+  .main-align-start {
+    justify-content: start;
+  }
+  .cross-align-start {
+    align-items: start;
+  }
+  .main-align-end {
+    justify-content: end;
+  }
+  .cross-align-end {
+    align-items: end;
+  }
+  .main-align-center {
+    justify-content: center;
+  }
+  .cross-align-center {
+    align-items: center;
+  }
+}
+.flex-row {
+  display: flex !important;
+  flex-wrap: nowrap;
+  flex-direction: row;
+}
+@supports not (appearance: auto) {
+  .flex-row.gap-xxs {
+    gap: 0;
+  }
+  .flex-row.gap-xxs > * + * {
+    margin-left: var(--gap-xxs);
+  }
+  .flex-row.gap-xs {
+    gap: 0;
+  }
+  .flex-row.gap-xs > * + * {
+    margin-left: var(--gap-xs);
+  }
+  .flex-row.gap-sm {
+    gap: 0;
+  }
+  .flex-row.gap-sm > * + * {
+    margin-left: var(--gap-sm);
+  }
+  .flex-row.gap-default {
+    gap: 0;
+  }
+  .flex-row.gap-default > * + * {
+    margin-left: var(--gap-default);
+  }
+  .flex-row.gap-lg {
+    gap: 0;
+  }
+  .flex-row.gap-lg > * + * {
+    margin-left: var(--gap-lg);
+  }
+  .flex-row.gap-xl {
+    gap: 0;
+  }
+  .flex-row.gap-xl > * + * {
+    margin-left: var(--gap-xl);
+  }
+  .flex-row.gap-xxl {
+    gap: 0;
+  }
+  .flex-row.gap-xxl > * + * {
+    margin-left: var(--gap-xxl);
+  }
+  .flex-row.gap-0 {
+    gap: 0;
+  }
+  .flex-row.gap-0 > * + * {
+    margin-left: var(--gap-0);
+  }
+  .flex-row.gap-auto {
+    gap: 0;
+  }
+  .flex-row.gap-auto > * + * {
+    margin-left: var(--gap-auto);
+  }
+}
+
+.flex-column {
+  display: flex !important;
+  flex-wrap: nowrap;
+  flex-direction: column;
+}
+@supports not (appearance: auto) {
+  .flex-column.gap-xxs {
+    gap: 0;
+  }
+  .flex-column.gap-xxs > * + * {
+    margin-top: var(--gap-xxs);
+  }
+  .flex-column.gap-xs {
+    gap: 0;
+  }
+  .flex-column.gap-xs > * + * {
+    margin-top: var(--gap-xs);
+  }
+  .flex-column.gap-sm {
+    gap: 0;
+  }
+  .flex-column.gap-sm > * + * {
+    margin-top: var(--gap-sm);
+  }
+  .flex-column.gap-default {
+    gap: 0;
+  }
+  .flex-column.gap-default > * + * {
+    margin-top: var(--gap-default);
+  }
+  .flex-column.gap-lg {
+    gap: 0;
+  }
+  .flex-column.gap-lg > * + * {
+    margin-top: var(--gap-lg);
+  }
+  .flex-column.gap-xl {
+    gap: 0;
+  }
+  .flex-column.gap-xl > * + * {
+    margin-top: var(--gap-xl);
+  }
+  .flex-column.gap-xxl {
+    gap: 0;
+  }
+  .flex-column.gap-xxl > * + * {
+    margin-top: var(--gap-xxl);
+  }
+  .flex-column.gap-0 {
+    gap: 0;
+  }
+  .flex-column.gap-0 > * + * {
+    margin-top: var(--gap-0);
+  }
+  .flex-column.gap-auto {
+    gap: 0;
+  }
+  .flex-column.gap-auto > * + * {
+    margin-top: var(--gap-auto);
+  }
+}
+
+.flex-row-inline {
+  display: inline-flex !important;
+  flex-direction: row;
+}
+@supports not (appearance: auto) {
+  .flex-row-inline.gap-xxs {
+    gap: 0;
+  }
+  .flex-row-inline.gap-xxs > * + * {
+    margin-left: var(--gap-xxs);
+  }
+  .flex-row-inline.gap-xs {
+    gap: 0;
+  }
+  .flex-row-inline.gap-xs > * + * {
+    margin-left: var(--gap-xs);
+  }
+  .flex-row-inline.gap-sm {
+    gap: 0;
+  }
+  .flex-row-inline.gap-sm > * + * {
+    margin-left: var(--gap-sm);
+  }
+  .flex-row-inline.gap-default {
+    gap: 0;
+  }
+  .flex-row-inline.gap-default > * + * {
+    margin-left: var(--gap-default);
+  }
+  .flex-row-inline.gap-lg {
+    gap: 0;
+  }
+  .flex-row-inline.gap-lg > * + * {
+    margin-left: var(--gap-lg);
+  }
+  .flex-row-inline.gap-xl {
+    gap: 0;
+  }
+  .flex-row-inline.gap-xl > * + * {
+    margin-left: var(--gap-xl);
+  }
+  .flex-row-inline.gap-xxl {
+    gap: 0;
+  }
+  .flex-row-inline.gap-xxl > * + * {
+    margin-left: var(--gap-xxl);
+  }
+  .flex-row-inline.gap-0 {
+    gap: 0;
+  }
+  .flex-row-inline.gap-0 > * + * {
+    margin-left: var(--gap-0);
+  }
+  .flex-row-inline.gap-auto {
+    gap: 0;
+  }
+  .flex-row-inline.gap-auto > * + * {
+    margin-left: var(--gap-auto);
+  }
+}
+
+.flex-column-inline {
+  display: inline-flex !important;
+  flex-direction: column;
+}
+@supports not (appearance: auto) {
+  .flex-column-inline.gap-xxs {
+    gap: 0;
+  }
+  .flex-column-inline.gap-xxs > * + * {
+    margin-top: var(--gap-xxs);
+  }
+  .flex-column-inline.gap-xs {
+    gap: 0;
+  }
+  .flex-column-inline.gap-xs > * + * {
+    margin-top: var(--gap-xs);
+  }
+  .flex-column-inline.gap-sm {
+    gap: 0;
+  }
+  .flex-column-inline.gap-sm > * + * {
+    margin-top: var(--gap-sm);
+  }
+  .flex-column-inline.gap-default {
+    gap: 0;
+  }
+  .flex-column-inline.gap-default > * + * {
+    margin-top: var(--gap-default);
+  }
+  .flex-column-inline.gap-lg {
+    gap: 0;
+  }
+  .flex-column-inline.gap-lg > * + * {
+    margin-top: var(--gap-lg);
+  }
+  .flex-column-inline.gap-xl {
+    gap: 0;
+  }
+  .flex-column-inline.gap-xl > * + * {
+    margin-top: var(--gap-xl);
+  }
+  .flex-column-inline.gap-xxl {
+    gap: 0;
+  }
+  .flex-column-inline.gap-xxl > * + * {
+    margin-top: var(--gap-xxl);
+  }
+  .flex-column-inline.gap-0 {
+    gap: 0;
+  }
+  .flex-column-inline.gap-0 > * + * {
+    margin-top: var(--gap-0);
+  }
+  .flex-column-inline.gap-auto {
+    gap: 0;
+  }
+  .flex-column-inline.gap-auto > * + * {
+    margin-top: var(--gap-auto);
+  }
+}
+
+.flex-auto {
+  flex: 1 0 auto;
+}
+
+.flex-fill {
+  flex: 1 1 auto;
+  overflow: auto;
+}
+
+.flex-min {
+  flex: 0 0 0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+}
+
+.grid-1 {
+  grid-column-end: span 1;
+}
+
+.grid-2 {
+  grid-column-end: span 2;
+}
+
+.grid-3 {
+  grid-column-end: span 3;
+}
+
+.grid-4 {
+  grid-column-end: span 4;
+}
+
+.grid-5 {
+  grid-column-end: span 5;
+}
+
+.grid-6 {
+  grid-column-end: span 6;
+}
+
+.grid-7 {
+  grid-column-end: span 7;
+}
+
+.grid-8 {
+  grid-column-end: span 8;
+}
+
+.grid-9 {
+  grid-column-end: span 9;
+}
+
+.grid-10 {
+  grid-column-end: span 10;
+}
+
+.grid-11 {
+  grid-column-end: span 11;
+}
+
+.grid-12 {
+  grid-column-end: span 12;
+}
+
+@media (max-width: 1280px) {
+  .grid-sm-1 {
+    grid-column-end: span 1;
+  }
+  .grid-sm-2 {
+    grid-column-end: span 2;
+  }
+  .grid-sm-3 {
+    grid-column-end: span 3;
+  }
+  .grid-sm-4 {
+    grid-column-end: span 4;
+  }
+  .grid-sm-5 {
+    grid-column-end: span 5;
+  }
+  .grid-sm-6 {
+    grid-column-end: span 6;
+  }
+  .grid-sm-7 {
+    grid-column-end: span 7;
+  }
+  .grid-sm-8 {
+    grid-column-end: span 8;
+  }
+  .grid-sm-9 {
+    grid-column-end: span 9;
+  }
+  .grid-sm-10 {
+    grid-column-end: span 10;
+  }
+  .grid-sm-11 {
+    grid-column-end: span 11;
+  }
+  .grid-sm-12 {
+    grid-column-end: span 12;
+  }
+}
+@media (max-width: 1024px) {
+  .grid-xs-1 {
+    grid-column-end: span 1;
+  }
+  .grid-xs-2 {
+    grid-column-end: span 2;
+  }
+  .grid-xs-3 {
+    grid-column-end: span 3;
+  }
+  .grid-xs-4 {
+    grid-column-end: span 4;
+  }
+  .grid-xs-5 {
+    grid-column-end: span 5;
+  }
+  .grid-xs-6 {
+    grid-column-end: span 6;
+  }
+  .grid-xs-7 {
+    grid-column-end: span 7;
+  }
+  .grid-xs-8 {
+    grid-column-end: span 8;
+  }
+  .grid-xs-9 {
+    grid-column-end: span 9;
+  }
+  .grid-xs-10 {
+    grid-column-end: span 10;
+  }
+  .grid-xs-11 {
+    grid-column-end: span 11;
+  }
+  .grid-xs-12 {
+    grid-column-end: span 12;
+  }
+}
+@media (max-width: 800px) {
+  .grid-xxs-1 {
+    grid-column-end: span 1;
+  }
+  .grid-xxs-2 {
+    grid-column-end: span 2;
+  }
+  .grid-xxs-3 {
+    grid-column-end: span 3;
+  }
+  .grid-xxs-4 {
+    grid-column-end: span 4;
+  }
+  .grid-xxs-5 {
+    grid-column-end: span 5;
+  }
+  .grid-xxs-6 {
+    grid-column-end: span 6;
+  }
+  .grid-xxs-7 {
+    grid-column-end: span 7;
+  }
+  .grid-xxs-8 {
+    grid-column-end: span 8;
+  }
+  .grid-xxs-9 {
+    grid-column-end: span 9;
+  }
+  .grid-xxs-10 {
+    grid-column-end: span 10;
+  }
+  .grid-xxs-11 {
+    grid-column-end: span 11;
+  }
+  .grid-xxs-12 {
+    grid-column-end: span 12;
+  }
+}
+.card {
+  display: block;
+  background: var(--control-color);
+  border-radius: var(--border-radius-default);
+  transition: box-shadow 0.3s ease-in-out;
+  box-shadow: 0 calc(2 * var(--elevation-size)) calc(2 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);
+  animation: sd-card var(--animation-duration) ease-out;
+  opacity: 0;
+  transform: translateY(-1em);
+  animation-fill-mode: forwards;
+}
+.card:hover, .card:focus-within {
+  box-shadow: 0 calc(4 * var(--elevation-size)) calc(4 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);
+}
+
+@keyframes sd-card {
+  from {
+    opacity: 0;
+    transform: translateY(-1em);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+.form-box {
+  display: flex;
+  flex-direction: column;
+  gap: var(--gap-default);
+}
+@supports not (appearance: auto) {
+  .form-box {
+    gap: 0;
+  }
+  .form-box > * + * {
+    margin-top: var(--gap-default);
+  }
+  .form-box.gap-xxs {
+    gap: 0;
+  }
+  .form-box.gap-xxs > * + * {
+    margin-top: var(--gap-xxs);
+  }
+  .form-box.gap-xs {
+    gap: 0;
+  }
+  .form-box.gap-xs > * + * {
+    margin-top: var(--gap-xs);
+  }
+  .form-box.gap-sm {
+    gap: 0;
+  }
+  .form-box.gap-sm > * + * {
+    margin-top: var(--gap-sm);
+  }
+  .form-box.gap-default {
+    gap: 0;
+  }
+  .form-box.gap-default > * + * {
+    margin-top: var(--gap-default);
+  }
+  .form-box.gap-lg {
+    gap: 0;
+  }
+  .form-box.gap-lg > * + * {
+    margin-top: var(--gap-lg);
+  }
+  .form-box.gap-xl {
+    gap: 0;
+  }
+  .form-box.gap-xl > * + * {
+    margin-top: var(--gap-xl);
+  }
+  .form-box.gap-xxl {
+    gap: 0;
+  }
+  .form-box.gap-xxl > * + * {
+    margin-top: var(--gap-xxl);
+  }
+  .form-box.gap-0 {
+    gap: 0;
+  }
+  .form-box.gap-0 > * + * {
+    margin-top: var(--gap-0);
+  }
+  .form-box.gap-auto {
+    gap: 0;
+  }
+  .form-box.gap-auto > * + * {
+    margin-top: var(--gap-auto);
+  }
+}
+.form-box > div,
+.form-box > .form-box-item {
+  display: block;
+}
+.form-box > div > label,
+.form-box > .form-box-item > label {
+  display: block;
+  margin-bottom: var(--gap-xs);
+  white-space: nowrap;
+  font-weight: bold;
+  border: 1px solid transparent;
+}
+@media all and (pointer: coarse) {
+  .form-box > div,
+  .form-box > .form-box-item {
+    margin-bottom: var(--gap-default);
+  }
+  .form-box > div > label,
+  .form-box > .form-box-item > label {
+    margin-bottom: var(--gap-xxs);
+  }
+}
+
+.form-box-inline {
+  display: inline-flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: var(--gap-sm);
+}
+@supports not (appearance: auto) {
+  .form-box-inline {
+    gap: 0;
+  }
+  .form-box-inline > * + * {
+    margin-left: var(--gap-sm);
+  }
+  .form-box-inline.gap-xxs {
+    gap: 0;
+  }
+  .form-box-inline.gap-xxs > * + * {
+    margin-left: var(--gap-xxs);
+  }
+  .form-box-inline.gap-xs {
+    gap: 0;
+  }
+  .form-box-inline.gap-xs > * + * {
+    margin-left: var(--gap-xs);
+  }
+  .form-box-inline.gap-sm {
+    gap: 0;
+  }
+  .form-box-inline.gap-sm > * + * {
+    margin-left: var(--gap-sm);
+  }
+  .form-box-inline.gap-default {
+    gap: 0;
+  }
+  .form-box-inline.gap-default > * + * {
+    margin-left: var(--gap-default);
+  }
+  .form-box-inline.gap-lg {
+    gap: 0;
+  }
+  .form-box-inline.gap-lg > * + * {
+    margin-left: var(--gap-lg);
+  }
+  .form-box-inline.gap-xl {
+    gap: 0;
+  }
+  .form-box-inline.gap-xl > * + * {
+    margin-left: var(--gap-xl);
+  }
+  .form-box-inline.gap-xxl {
+    gap: 0;
+  }
+  .form-box-inline.gap-xxl > * + * {
+    margin-left: var(--gap-xxl);
+  }
+  .form-box-inline.gap-0 {
+    gap: 0;
+  }
+  .form-box-inline.gap-0 > * + * {
+    margin-left: var(--gap-0);
+  }
+  .form-box-inline.gap-auto {
+    gap: 0;
+  }
+  .form-box-inline.gap-auto > * + * {
+    margin-left: var(--gap-auto);
+  }
+}
+.form-box-inline > div,
+.form-box-inline > .form-box-item {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.form-box-inline > div > label,
+.form-box-inline > .form-box-item > label {
+  display: block;
+  white-space: nowrap;
+  font-weight: bold;
+  border: 1px solid transparent;
+  padding-left: var(--gap-sm);
+  padding-right: var(--gap-sm);
+}
+
+.form-table {
+  display: table;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 0;
+}
+.form-table > * > tr > *,
+.form-table > tr > * {
+  padding: 0 var(--gap-default) var(--gap-sm) 0;
+  vertical-align: middle;
+}
+.form-table > * > tr > *:last-child,
+.form-table > tr > *:last-child {
+  padding-right: 0;
+}
+.form-table > * > tr:last-child > *,
+.form-table > tr:last-child > * {
+  padding-bottom: 0;
+}
+.form-table > * > tr > th,
+.form-table > tr > th {
+  padding-left: var(--gap-sm);
+  text-align: right;
+  width: 0;
+  white-space: nowrap;
+}
+.form-table > * > tr > th.form-table-header,
+.form-table > tr > th.form-table-header {
+  text-align: left;
+  line-height: var(--line-height);
+  margin-bottom: var(--gap-sm);
+  color: var(--theme-gray-default);
+  font-weight: normal;
+  padding: var(--gap-xxl) 0 var(--gap-sm) 0;
+  font-size: var(--font-size-sm);
+}
+.form-table > tbody:first-child > tr:first-child > th.form-table-header,
+.form-table > tr:first-child > th.form-table-header {
+  padding-top: 0;
+}
+
+.table {
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  border-right: 1px solid var(--border-color-default);
+  border-bottom: 1px solid var(--border-color-default);
+}
+.table > * > tr > *,
+.table > tr > * {
+  padding: var(--gap-xs) var(--gap-sm);
+  border-left: 1px solid var(--theme-gray-lighter);
+  border-top: 1px solid var(--theme-gray-lighter);
+}
+.table > * > tr > *:first-child,
+.table > tr > *:first-child {
+  border-left: 1px solid var(--border-color-default);
+}
+.table > * > tr:first-child > *,
+.table > tr:first-child > * {
+  border-top: 1px solid var(--border-color-default);
+}
+.table > tbody > tr:first-child,
+.table > tr:first-child {
+  border-top: 1px solid var(--border-color-default);
+}
+.table > tbody > tr > th,
+.table > tr > th {
+  background: var(--theme-gray-lightest);
+}
+.table > tbody > tr > td,
+.table > tr > td {
+  vertical-align: top;
+}
+.table > thead > tr > th {
+  background: var(--theme-gray-lightest);
+}
+.table.table-inset {
+  border-right: none;
+  border-bottom: none;
+}
+.table.table-inset > * > tr > *:first-child,
+.table.table-inset > tr > *:first-child {
+  border-left: none;
+}
+.table.table-inset > *:first-child > tr:first-child > *,
+.table.table-inset > tr:first-child > * {
+  border-top: none;
+}
+.table.table-inline {
+  width: auto;
+}
+.table.table-bd-v {
+  border-bottom: none;
+}
+.table.table-bd-v > * > tr > *,
+.table.table-bd-v > tr > * {
+  border-top: none;
+}
+.table.table-bd-h {
+  border-right: none;
+}
+.table.table-bd-h > tbody > tr > td:first-child,
+.table.table-bd-h > tr > td:first-child {
+  border-left: none;
+}
+.table.table-bd-h > * > tr > *,
+.table.table-bd-h > tr > * {
+  border-left: none;
+}
+
+ng-icon {
+  --ng-icon__size: 1.33em;
+  vertical-align: -0.2em !important;
+}
+ng-icon svg {
+  stroke-width: 1.5 !important;
+}