@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: 15rem; --topbar-height: 3rem; --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 { font-size: 12px; } 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-lightest); 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 { .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } 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; }