/* ********************************************************************************************** *\ ** Core imports ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** SASS FUNCTIONS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** SASS MIXINS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** Setup ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** SASS MIXINS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** COLOR UTILITIES ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** SELECTOR UTILITIES ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** THEME MIXIN ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** COLORS CLASS HELPERS ** \* ********************************************************************************************** */ html[data-bs-theme=light] .d-light-none { display: none !important; } html[data-bs-theme=dark] .d-dark-none { display: none !important; } html.dark .d-dark-none { display: none !important; } html[data-bs-theme=light] .d-light-block { display: block !important; } html[data-bs-theme=dark] .d-dark-block { display: block !important; } html.dark .d-dark-block { display: block !important; } /* ********************************************************************************************** *\ ** Core Variables ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** BOOTSTRAP CUSTOM (REBOOT) ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** WARNING ! || Only for global override! || For contextual changes, prefer using plain css variable overrides (e.g. --bs-btn-border-radius). \* ********************************************************************************************** */ /* ############################################################################################## *\ || P3/OKLCH COLOR PALETTE || || Based on Tailwind CSS v4 color system using OKLch color space for P3 wide-gamut support || || OKLch provides perceptually uniform colors with better consistency than sRGB/HSL || \* ############################################################################################## */ /* ############################################################################################## *\ || CSS CUSTOM PROPERTIES (P3 COLORS) || \* ############################################################################################## */ :root { --black: #000; --white: #fff; --slate-50: oklch(98.4% 0.003 247.858); --slate-100: oklch(96.8% 0.007 247.896); --slate-150: oklch(94.8% 0.01 251.702); --slate-200: oklch(92.9% 0.013 255.508); --slate-250: oklch(89.9% 0.017 254.201); --slate-300: oklch(86.9% 0.022 252.894); --slate-350: oklch(78.7% 0.031 254.841); --slate-400: oklch(70.4% 0.04 256.788); --slate-450: oklch(62.9% 0.043 257.102); --slate-500: oklch(55.4% 0.046 257.417); --slate-550: oklch(50% 0.044 257.349); --slate-600: oklch(44.6% 0.043 257.281); --slate-650: oklch(40.9% 0.043 257.284); --slate-700: oklch(37.2% 0.044 257.287); --slate-750: oklch(32.5% 0.042 258.659); --slate-800: oklch(27.9% 0.041 260.031); --slate-850: oklch(24.4% 0.042 262.893); --slate-900: oklch(20.8% 0.042 265.755); --slate-950: oklch(12.9% 0.042 264.695); --gray-50: oklch(98.5% 0.002 247.839); --gray-100: oklch(96.7% 0.003 264.542); --gray-150: oklch(94.8% 0.005 264.536); --gray-200: oklch(92.8% 0.006 264.531); --gray-250: oklch(90% 0.008 261.435); --gray-300: oklch(87.2% 0.01 258.338); --gray-350: oklch(79% 0.016 259.832); --gray-400: oklch(70.7% 0.022 261.325); --gray-450: oklch(62.9% 0.025 262.844); --gray-500: oklch(55.1% 0.027 264.364); --gray-550: oklch(49.9% 0.028 260.583); --gray-600: oklch(44.6% 0.03 256.802); --gray-650: oklch(41% 0.032 258.268); --gray-700: oklch(37.3% 0.034 259.733); --gray-750: oklch(32.5% 0.034 258.291); --gray-800: oklch(27.8% 0.033 256.848); --gray-850: oklch(24.4% 0.034 260.757); --gray-900: oklch(21% 0.034 264.665); --gray-950: oklch(13% 0.028 261.692); --zinc-50: oklch(98.5% 0 0); --zinc-100: oklch(96.7% 0.001 286.375); --zinc-150: oklch(94.3% 0.003 286.347); --zinc-200: oklch(92% 0.004 286.32); --zinc-250: oklch(89.5% 0.005 286.303); --zinc-300: oklch(87.1% 0.006 286.286); --zinc-350: oklch(78.8% 0.01 286.177); --zinc-400: oklch(70.5% 0.015 286.067); --zinc-450: oklch(62.9% 0.015 286.002); --zinc-500: oklch(55.2% 0.016 285.938); --zinc-550: oklch(49.7% 0.017 285.862); --zinc-600: oklch(44.2% 0.017 285.786); --zinc-650: oklch(40.6% 0.015 285.796); --zinc-700: oklch(37% 0.013 285.805); --zinc-750: oklch(32.2% 0.009 285.919); --zinc-800: oklch(27.4% 0.006 286.033); --zinc-850: oklch(24.2% 0.006 285.959); --zinc-900: oklch(21% 0.006 285.885); --zinc-950: oklch(14.1% 0.005 285.823); --neutral-50: oklch(98.5% 0 0); --neutral-100: oklch(97% 0 0); --neutral-150: oklch(94.6% 0 0); --neutral-200: oklch(92.2% 0 0); --neutral-250: oklch(89.6% 0 0); --neutral-300: oklch(87% 0 0); --neutral-350: oklch(78.9% 0 0); --neutral-400: oklch(70.8% 0 0); --neutral-450: oklch(63.2% 0 0); --neutral-500: oklch(55.6% 0 0); --neutral-550: oklch(49.8% 0 0); --neutral-600: oklch(43.9% 0 0); --neutral-650: oklch(40.5% 0 0); --neutral-700: oklch(37.1% 0 0); --neutral-750: oklch(32% 0 0); --neutral-800: oklch(26.9% 0 0); --neutral-850: oklch(23.7% 0 0); --neutral-900: oklch(20.5% 0 0); --neutral-950: oklch(14.5% 0 0); --stone-50: oklch(98.5% 0.001 106.423); --stone-100: oklch(97% 0.001 106.424); --stone-150: oklch(94.7% 0.002 77.571); --stone-200: oklch(92.3% 0.003 48.717); --stone-250: oklch(89.6% 0.004 52.541); --stone-300: oklch(86.9% 0.005 56.366); --stone-350: oklch(78.9% 0.007 56.312); --stone-400: oklch(70.9% 0.01 56.259); --stone-450: oklch(63.1% 0.011 57.165); --stone-500: oklch(55.3% 0.013 58.071); --stone-550: oklch(49.8% 0.012 65.855); --stone-600: oklch(44.4% 0.011 73.639); --stone-650: oklch(40.9% 0.01 70.599); --stone-700: oklch(37.4% 0.01 67.558); --stone-750: oklch(32.1% 0.009 50.928); --stone-800: oklch(26.8% 0.007 34.298); --stone-850: oklch(24.2% 0.007 45.171); --stone-900: oklch(21.6% 0.006 56.043); --stone-950: oklch(14.7% 0.004 49.25); --red-50: oklch(97.1% 0.013 17.38); --red-100: oklch(93.6% 0.032 17.717); --red-150: oklch(91% 0.047 18.026); --red-200: oklch(88.5% 0.062 18.334); --red-250: oklch(84.7% 0.088 18.953); --red-300: oklch(80.8% 0.114 19.571); --red-350: oklch(75.6% 0.152 20.894); --red-400: oklch(70.4% 0.191 22.216); --red-450: oklch(67.1% 0.214 23.773); --red-500: oklch(63.7% 0.237 25.331); --red-550: oklch(60.7% 0.241 26.328); --red-600: oklch(57.7% 0.245 27.325); --red-650: oklch(54.1% 0.229 27.422); --red-700: oklch(50.5% 0.213 27.518); --red-750: oklch(47.5% 0.195 27.209); --red-800: oklch(44.4% 0.177 26.899); --red-850: oklch(42% 0.159 26.311); --red-900: oklch(39.6% 0.141 25.723); --red-950: oklch(25.8% 0.092 26.042); --orange-50: oklch(98% 0.016 73.684); --orange-100: oklch(95.4% 0.038 75.164); --orange-150: oklch(92.8% 0.057 72.93); --orange-200: oklch(90.1% 0.076 70.697); --orange-250: oklch(86.9% 0.102 68.494); --orange-300: oklch(83.7% 0.128 66.29); --orange-350: oklch(79.3% 0.155 61.112); --orange-400: oklch(75% 0.183 55.934); --orange-450: oklch(72.8% 0.198 51.769); --orange-500: oklch(70.5% 0.213 47.604); --orange-550: oklch(67.5% 0.217 44.36); --orange-600: oklch(64.6% 0.222 41.116); --orange-650: oklch(59.9% 0.209 39.759); --orange-700: oklch(55.3% 0.195 38.402); --orange-750: oklch(51.1% 0.176 37.853); --orange-800: oklch(47% 0.157 37.304); --orange-850: oklch(43.9% 0.14 37.738); --orange-900: oklch(40.8% 0.123 38.172); --orange-950: oklch(26.6% 0.079 36.259); --amber-50: oklch(98.7% 0.022 95.277); --amber-100: oklch(96.2% 0.059 95.617); --amber-150: oklch(94.3% 0.089 95.681); --amber-200: oklch(92.4% 0.12 95.746); --amber-250: oklch(90.2% 0.145 93.675); --amber-300: oklch(87.9% 0.169 91.605); --amber-350: oklch(85.3% 0.179 88.017); --amber-400: oklch(82.8% 0.189 84.429); --amber-450: oklch(79.8% 0.189 77.255); --amber-500: oklch(76.9% 0.188 70.08); --amber-550: oklch(71.8% 0.183 64.199); --amber-600: oklch(66.6% 0.179 58.318); --amber-650: oklch(61% 0.171 53.658); --amber-700: oklch(55.5% 0.163 48.998); --amber-750: oklch(51.4% 0.15 47.599); --amber-800: oklch(47.3% 0.137 46.201); --amber-850: oklch(44.3% 0.124 46.053); --amber-900: oklch(41.4% 0.112 45.904); --amber-950: oklch(27.9% 0.077 45.635); --yellow-50: oklch(98.7% 0.026 102.212); --yellow-100: oklch(97.3% 0.071 103.193); --yellow-150: oklch(95.9% 0.1 102.367); --yellow-200: oklch(94.5% 0.129 101.54); --yellow-250: oklch(92.5% 0.155 99.826); --yellow-300: oklch(90.5% 0.182 98.111); --yellow-350: oklch(87.8% 0.191 95.024); --yellow-400: oklch(85.2% 0.199 91.936); --yellow-450: oklch(82.3% 0.192 88.992); --yellow-500: oklch(79.5% 0.184 86.047); --yellow-550: oklch(73.8% 0.173 80.941); --yellow-600: oklch(68.1% 0.162 75.834); --yellow-650: oklch(61.8% 0.149 71.138); --yellow-700: oklch(55.4% 0.135 66.442); --yellow-750: oklch(51.5% 0.124 64.174); --yellow-800: oklch(47.6% 0.114 61.907); --yellow-850: oklch(44.9% 0.105 59.807); --yellow-900: oklch(42.1% 0.095 57.708); --yellow-950: oklch(28.6% 0.066 53.813); --lime-50: oklch(98.6% 0.031 120.757); --lime-100: oklch(96.7% 0.067 122.328); --lime-150: oklch(95.2% 0.097 123.325); --lime-200: oklch(93.8% 0.127 124.321); --lime-250: oklch(91.8% 0.162 125.493); --lime-300: oklch(89.7% 0.196 126.665); --lime-350: oklch(86.9% 0.217 127.757); --lime-400: oklch(84.1% 0.238 128.85); --lime-450: oklch(80.4% 0.235 129.85); --lime-500: oklch(76.8% 0.233 130.85); --lime-550: oklch(70.8% 0.217 131.267); --lime-600: oklch(64.8% 0.2 131.684); --lime-650: oklch(59% 0.178 131.637); --lime-700: oklch(53.2% 0.157 131.589); --lime-750: oklch(49.2% 0.141 131.261); --lime-800: oklch(45.3% 0.124 130.933); --lime-850: oklch(42.9% 0.113 130.998); --lime-900: oklch(40.5% 0.101 131.063); --lime-950: oklch(27.4% 0.072 132.109); --green-50: oklch(98.2% 0.018 155.826); --green-100: oklch(96.2% 0.044 156.743); --green-150: oklch(94.3% 0.064 156.369); --green-200: oklch(92.5% 0.084 155.995); --green-250: oklch(89.8% 0.117 155.222); --green-300: oklch(87.1% 0.15 154.449); --green-350: oklch(83.2% 0.179 153.08); --green-400: oklch(79.2% 0.209 151.711); --green-450: oklch(75.8% 0.214 150.645); --green-500: oklch(72.3% 0.219 149.579); --green-550: oklch(67.5% 0.207 149.397); --green-600: oklch(62.7% 0.194 149.214); --green-650: oklch(57.7% 0.174 149.642); --green-700: oklch(52.7% 0.154 150.069); --green-750: oklch(48.8% 0.137 150.698); --green-800: oklch(44.8% 0.119 151.328); --green-850: oklch(42% 0.107 151.931); --green-900: oklch(39.3% 0.095 152.535); --green-950: oklch(26.6% 0.065 152.934); --emerald-50: oklch(97.9% 0.021 166.113); --emerald-100: oklch(95% 0.052 163.051); --emerald-150: oklch(92.8% 0.072 163.601); --emerald-200: oklch(90.5% 0.093 164.15); --emerald-250: oklch(87.5% 0.118 164.564); --emerald-300: oklch(84.5% 0.143 164.978); --emerald-350: oklch(80.5% 0.16 164.101); --emerald-400: oklch(76.5% 0.177 163.223); --emerald-450: oklch(73% 0.173 162.851); --emerald-500: oklch(69.6% 0.17 162.48); --emerald-550: oklch(64.6% 0.158 162.852); --emerald-600: oklch(59.6% 0.145 163.225); --emerald-650: oklch(55.2% 0.132 164.418); --emerald-700: oklch(50.8% 0.118 165.612); --emerald-750: oklch(47% 0.106 166.262); --emerald-800: oklch(43.2% 0.095 166.913); --emerald-850: oklch(40.5% 0.086 167.927); --emerald-900: oklch(37.8% 0.077 168.94); --emerald-950: oklch(26.2% 0.051 172.552); --teal-50: oklch(98.4% 0.014 180.72); --teal-100: oklch(95.3% 0.051 180.801); --teal-150: oklch(93.2% 0.073 180.613); --teal-200: oklch(91% 0.096 180.426); --teal-250: oklch(88.2% 0.117 180.748); --teal-300: oklch(85.5% 0.138 181.071); --teal-350: oklch(81.6% 0.145 181.492); --teal-400: oklch(77.7% 0.152 181.912); --teal-450: oklch(74.1% 0.146 182.207); --teal-500: oklch(70.4% 0.14 182.503); --teal-550: oklch(65.2% 0.129 183.603); --teal-600: oklch(60% 0.118 184.704); --teal-650: oklch(55.5% 0.107 185.548); --teal-700: oklch(51.1% 0.096 186.391); --teal-750: oklch(47.4% 0.087 187.303); --teal-800: oklch(43.7% 0.078 188.216); --teal-850: oklch(41.2% 0.071 188.316); --teal-900: oklch(38.6% 0.063 188.416); --teal-950: oklch(27.7% 0.046 192.524); --cyan-50: oklch(98.4% 0.019 200.873); --cyan-100: oklch(95.6% 0.045 203.388); --cyan-150: oklch(93.7% 0.062 204.214); --cyan-200: oklch(91.7% 0.08 205.041); --cyan-250: oklch(89.1% 0.104 206.06); --cyan-300: oklch(86.5% 0.127 207.078); --cyan-350: oklch(82.7% 0.141 209.304); --cyan-400: oklch(78.9% 0.154 211.53); --cyan-450: oklch(75.2% 0.148 213.375); --cyan-500: oklch(71.5% 0.143 215.221); --cyan-550: oklch(66.2% 0.135 218.472); --cyan-600: oklch(60.9% 0.126 221.723); --cyan-650: oklch(56.5% 0.115 222.425); --cyan-700: oklch(52% 0.105 223.128); --cyan-750: oklch(48.5% 0.095 223.705); --cyan-800: oklch(45% 0.085 224.283); --cyan-850: oklch(42.4% 0.078 225.837); --cyan-900: oklch(39.8% 0.07 227.392); --cyan-950: oklch(30.2% 0.056 229.695); --sky-50: oklch(97.7% 0.013 236.62); --sky-100: oklch(95.1% 0.026 236.824); --sky-150: oklch(92.6% 0.042 233.863); --sky-200: oklch(90.1% 0.058 230.902); --sky-250: oklch(86.4% 0.085 230.61); --sky-300: oklch(82.8% 0.111 230.318); --sky-350: oklch(78.7% 0.136 231.49); --sky-400: oklch(74.6% 0.16 232.661); --sky-450: oklch(71.5% 0.165 234.992); --sky-500: oklch(68.5% 0.169 237.323); --sky-550: oklch(63.6% 0.164 239.644); --sky-600: oklch(58.8% 0.158 241.966); --sky-650: oklch(54.4% 0.146 242.358); --sky-700: oklch(50% 0.134 242.749); --sky-750: oklch(47.1% 0.122 241.769); --sky-800: oklch(44.3% 0.11 240.79); --sky-850: oklch(41.7% 0.1 240.833); --sky-900: oklch(39.1% 0.09 240.876); --sky-950: oklch(29.3% 0.066 243.157); --blue-50: oklch(97% 0.014 254.604); --blue-100: oklch(93.2% 0.032 255.585); --blue-150: oklch(90.7% 0.045 254.856); --blue-200: oklch(88.2% 0.059 254.128); --blue-250: oklch(84.6% 0.082 252.97); --blue-300: oklch(80.9% 0.105 251.813); --blue-350: oklch(75.8% 0.135 253.219); --blue-400: oklch(70.7% 0.165 254.624); --blue-450: oklch(66.5% 0.19 257.219); --blue-500: oklch(62.3% 0.214 259.815); --blue-550: oklch(58.5% 0.229 261.348); --blue-600: oklch(54.6% 0.245 262.881); --blue-650: oklch(51.7% 0.244 263.628); --blue-700: oklch(48.8% 0.243 264.376); --blue-750: oklch(45.6% 0.221 265.007); --blue-800: oklch(42.4% 0.199 265.638); --blue-850: oklch(40.1% 0.172 265.58); --blue-900: oklch(37.9% 0.146 265.522); --blue-950: oklch(28.2% 0.091 267.935); --indigo-50: oklch(96.2% 0.018 272.314); --indigo-100: oklch(93% 0.034 272.788); --indigo-150: oklch(90% 0.05 273.413); --indigo-200: oklch(87% 0.065 274.039); --indigo-250: oklch(82.8% 0.09 274.376); --indigo-300: oklch(78.5% 0.115 274.713); --indigo-350: oklch(72.9% 0.148 275.824); --indigo-400: oklch(67.3% 0.182 276.935); --indigo-450: oklch(62.9% 0.208 277.026); --indigo-500: oklch(58.5% 0.233 277.117); --indigo-550: oklch(54.8% 0.247 277.042); --indigo-600: oklch(51.1% 0.262 276.966); --indigo-650: oklch(48.4% 0.251 276.995); --indigo-700: oklch(45.7% 0.24 277.023); --indigo-750: oklch(42.8% 0.217 277.195); --indigo-800: oklch(39.8% 0.195 277.366); --indigo-850: oklch(37.8% 0.169 278.031); --indigo-900: oklch(35.9% 0.144 278.697); --indigo-950: oklch(25.7% 0.09 281.288); --violet-50: oklch(96.9% 0.016 293.756); --violet-100: oklch(94.3% 0.029 294.588); --violet-150: oklch(91.8% 0.043 293.936); --violet-200: oklch(89.4% 0.057 293.283); --violet-250: oklch(85.2% 0.084 293.427); --violet-300: oklch(81.1% 0.111 293.571); --violet-350: oklch(75.7% 0.147 293.556); --violet-400: oklch(70.2% 0.183 293.541); --violet-450: oklch(65.4% 0.216 293.129); --violet-500: oklch(60.6% 0.25 292.717); --violet-550: oklch(57.4% 0.266 292.863); --violet-600: oklch(54.1% 0.281 293.009); --violet-650: oklch(51.6% 0.276 292.795); --violet-700: oklch(49.1% 0.27 292.581); --violet-750: oklch(46.2% 0.251 292.67); --violet-800: oklch(43.2% 0.232 292.759); --violet-850: oklch(40.6% 0.211 293.252); --violet-900: oklch(38% 0.189 293.745); --violet-950: oklch(28.3% 0.141 291.089); --purple-50: oklch(97.7% 0.014 308.299); --purple-100: oklch(94.6% 0.033 307.174); --purple-150: oklch(92.4% 0.048 306.938); --purple-200: oklch(90.2% 0.063 306.703); --purple-250: oklch(86.5% 0.091 306.543); --purple-300: oklch(82.7% 0.119 306.383); --purple-350: oklch(77.1% 0.161 305.943); --purple-400: oklch(71.4% 0.203 305.504); --purple-450: oklch(67.1% 0.234 304.702); --purple-500: oklch(62.7% 0.265 303.9); --purple-550: oklch(59.2% 0.276 303.111); --purple-600: oklch(55.8% 0.288 302.321); --purple-650: oklch(52.7% 0.276 302.123); --purple-700: oklch(49.6% 0.265 301.924); --purple-750: oklch(46.7% 0.241 302.824); --purple-800: oklch(43.8% 0.218 303.724); --purple-850: oklch(41% 0.197 304.356); --purple-900: oklch(38.1% 0.176 304.987); --purple-950: oklch(29.1% 0.149 302.717); --fuchsia-50: oklch(97.7% 0.017 320.058); --fuchsia-100: oklch(95.2% 0.037 318.852); --fuchsia-150: oklch(92.8% 0.056 319.236); --fuchsia-200: oklch(90.3% 0.076 319.62); --fuchsia-250: oklch(86.8% 0.11 320.527); --fuchsia-300: oklch(83.3% 0.145 321.434); --fuchsia-350: oklch(78.7% 0.192 321.797); --fuchsia-400: oklch(74% 0.238 322.16); --fuchsia-450: oklch(70.3% 0.266 322.155); --fuchsia-500: oklch(66.7% 0.295 322.15); --fuchsia-550: oklch(62.9% 0.294 322.523); --fuchsia-600: oklch(59.1% 0.293 322.896); --fuchsia-650: oklch(55.5% 0.273 323.423); --fuchsia-700: oklch(51.8% 0.253 323.949); --fuchsia-750: oklch(48.5% 0.232 324.27); --fuchsia-800: oklch(45.2% 0.211 324.591); --fuchsia-850: oklch(42.7% 0.191 325.101); --fuchsia-900: oklch(40.1% 0.17 325.612); --fuchsia-950: oklch(29.3% 0.136 325.661); --pink-50: oklch(97.1% 0.014 343.198); --pink-100: oklch(94.8% 0.028 342.258); --pink-150: oklch(92.3% 0.044 342.745); --pink-200: oklch(89.9% 0.061 343.231); --pink-250: oklch(86.1% 0.09 344.625); --pink-300: oklch(82.3% 0.12 346.018); --pink-350: oklch(77% 0.161 347.889); --pink-400: oklch(71.8% 0.202 349.761); --pink-450: oklch(68.7% 0.222 352.034); --pink-500: oklch(65.6% 0.241 354.308); --pink-550: oklch(62.4% 0.245 357.446); --pink-600: oklch(59.2% 0.249 0.584); --pink-650: oklch(55.9% 0.236 2.271); --pink-700: oklch(52.5% 0.223 3.958); --pink-750: oklch(49.2% 0.205 3.886); --pink-800: oklch(45.9% 0.187 3.815); --pink-850: oklch(43.3% 0.17 3.123); --pink-900: oklch(40.8% 0.153 2.432); --pink-950: oklch(28.4% 0.109 3.907); --rose-50: oklch(96.9% 0.015 12.422); --rose-100: oklch(94.1% 0.03 12.58); --rose-150: oklch(91.7% 0.044 11.29); --rose-200: oklch(89.2% 0.058 10.001); --rose-250: oklch(85.1% 0.088 10.819); --rose-300: oklch(81% 0.117 11.638); --rose-350: oklch(76.1% 0.155 12.533); --rose-400: oklch(71.2% 0.194 13.428); --rose-450: oklch(67.8% 0.22 14.934); --rose-500: oklch(64.5% 0.246 16.439); --rose-550: oklch(61.5% 0.249 17.012); --rose-600: oklch(58.6% 0.253 17.585); --rose-650: oklch(55% 0.237 17.26); --rose-700: oklch(51.4% 0.222 16.935); --rose-750: oklch(48.5% 0.205 15.316); --rose-800: oklch(45.5% 0.188 13.697); --rose-850: oklch(43.2% 0.173 11.985); --rose-900: oklch(41% 0.159 10.272); --rose-950: oklch(27.1% 0.105 12.094); --red: oklch(63.7% 0.237 25.331); --orange: oklch(70.5% 0.213 47.604); --amber: oklch(76.9% 0.188 70.08); --yellow: oklch(79.5% 0.184 86.047); --lime: oklch(76.8% 0.233 130.85); --green: oklch(72.3% 0.219 149.579); --emerald: oklch(69.6% 0.17 162.48); --teal: oklch(70.4% 0.14 182.503); --cyan: oklch(71.5% 0.143 215.221); --sky: oklch(68.5% 0.169 237.323); --blue: oklch(62.3% 0.214 259.815); --indigo: oklch(58.5% 0.233 277.117); --violet: oklch(60.6% 0.25 292.717); --purple: oklch(62.7% 0.265 303.9); --fuchsia: oklch(66.7% 0.295 322.15); --pink: oklch(65.6% 0.241 354.308); --rose: oklch(64.5% 0.246 16.439); --slate: oklch(55.4% 0.046 257.417); --gray: oklch(55.1% 0.027 264.364); --zinc: oklch(55.2% 0.016 285.938); --neutral: oklch(55.6% 0 0); --stone: oklch(55.3% 0.013 58.071); } /* ############################################################################################## *\ || APEX THEME CONFIGURATION || || || || This file defines SCSS maps for light/dark theme colors. || || These maps are used to generate CSS custom properties and provide || || a single source of truth for all theme colors. || || || || To customize themes in consuming apps, override these maps BEFORE importing apex: || || || || $apex-light-theme-colors: map.merge($apex-light-theme-colors, ( || || "primary": #your-color || || )); || || @import "apex"; || || || \* ############################################################################################## */ /* ############################################################################################## *\ || SASS THEMES || || || || Theme colors are defined in theme_config.scss as SCSS maps. || || This file generates CSS custom properties from those maps. || || || || To customize theme colors: || || 1. Override $apex-light-theme-colors or $apex-dark-theme-colors before @importing apex || || 2. Or override the --apex-* CSS custom properties in your app CSS || \* ############################################################################################## */ /* ############################################################################################## *\ || CSS CUSTOM PROPERTIES || || || || Generated from $apex-light-theme-colors and $apex-dark-theme-colors maps || \* ############################################################################################## */ :root, [data-bs-theme=light] { --apex-color-intensity: 70%; --apex-color-blend: #fff; --apex-palette-boldest: oklch(21% 0.034 264.665); --apex-palette-bolder: oklch(37.3% 0.034 259.733); --apex-palette-bold: oklch(44.6% 0.03 256.802); --apex-palette-base: #fff; --apex-palette-soft: oklch(92.8% 0.006 264.531); --apex-palette-softer: oklch(96.7% 0.003 264.542); --apex-palette-softest: oklch(98.5% 0.002 247.839); --apex-background: #fff; --apex-background-contrast: #f9fafb; --apex-background-subtle: #f8f9fa; --apex-accent: #6b7280; --apex-accent-contrast: #4b5563; --apex-accent-subtle: #f3f4f6; --apex-overlay: #f3f4f6; --apex-overlay-contrast: oklch(92.8% 0.006 264.531); --apex-overlay-subtle: #f9fafb; --apex-bg-inset: #f8f9fa; --apex-primary: oklch(54.6% 0.245 262.881); --apex-primary-contrast: oklch(48.8% 0.243 264.376); --apex-primary-subtle: oklch(93.2% 0.032 255.585); --apex-secondary: oklch(37.3% 0.034 259.733); --apex-secondary-contrast: oklch(27.8% 0.033 256.848); --apex-secondary-subtle: oklch(92.8% 0.006 264.531); --apex-success: oklch(62.7% 0.194 149.214); --apex-success-contrast: oklch(52.7% 0.154 150.069); --apex-success-subtle: oklch(96.2% 0.044 156.743); --apex-warning: oklch(82.8% 0.189 84.429); --apex-warning-contrast: oklch(66.6% 0.179 58.318); --apex-warning-subtle: oklch(96.2% 0.059 95.617); --apex-danger: oklch(57.7% 0.245 27.325); --apex-danger-contrast: oklch(50.5% 0.213 27.518); --apex-danger-subtle: oklch(93.6% 0.032 17.717); --apex-info: oklch(60.9% 0.126 221.723); --apex-info-contrast: oklch(52% 0.105 223.128); --apex-info-subtle: oklch(95.6% 0.045 203.388); --apex-muted: #6b7280; --apex-muted-contrast: #4b5563; --apex-muted-subtle: oklch(92.8% 0.006 264.531); --apex-text: #111827; --apex-text-contrast: oklch(21% 0.034 264.665); --apex-text-subtle: #6b7280; --apex-border: #e5e7eb; --apex-border-contrast: #d1d5db; --apex-border-subtle: #f3f4f6; } [data-bs-theme=dark], html.dark { --apex-color-intensity: 70%; --apex-color-blend: #000; --apex-palette-boldest: #fff; --apex-palette-bolder: oklch(70.7% 0.022 261.325); --apex-palette-bold: oklch(55.1% 0.027 264.364); --apex-palette-base: oklch(20.5% 0 0); --apex-palette-soft: oklch(26.9% 0 0); --apex-palette-softer: oklch(26.9% 0 0); --apex-palette-softest: oklch(20.5% 0 0); --apex-background: oklch(20.5% 0 0); --apex-background-contrast: oklch(14.5% 0 0); --apex-background-subtle: oklch(26.9% 0 0); --apex-accent: oklch(20.5% 0 0); --apex-accent-contrast: oklch(26.9% 0 0); --apex-accent-subtle: oklch(14.5% 0 0); --apex-overlay: oklch(26.9% 0 0); --apex-overlay-contrast: oklch(20.5% 0 0); --apex-overlay-subtle: oklch(26.9% 0 0); --apex-bg-inset: oklch(23.7% 0 0); --apex-primary: oklch(70.7% 0.165 254.624); --apex-primary-contrast: oklch(80.9% 0.105 251.813); --apex-primary-subtle: oklch(37.9% 0.146 265.522); --apex-secondary: oklch(26.9% 0 0); --apex-secondary-contrast: oklch(37.1% 0 0); --apex-secondary-subtle: oklch(14.5% 0 0); --apex-success: oklch(79.2% 0.209 151.711); --apex-success-contrast: oklch(87.1% 0.15 154.449); --apex-success-subtle: oklch(39.3% 0.095 152.535); --apex-warning: oklch(82.8% 0.189 84.429); --apex-warning-contrast: oklch(87.9% 0.169 91.605); --apex-warning-subtle: oklch(41.4% 0.112 45.904); --apex-danger: oklch(70.4% 0.191 22.216); --apex-danger-contrast: oklch(80.8% 0.114 19.571); --apex-danger-subtle: oklch(39.6% 0.141 25.723); --apex-info: oklch(78.9% 0.154 211.53); --apex-info-contrast: oklch(86.5% 0.127 207.078); --apex-info-subtle: oklch(39.8% 0.07 227.392); --apex-muted: oklch(55.1% 0.027 264.364); --apex-muted-contrast: oklch(70.7% 0.022 261.325); --apex-muted-subtle: oklch(37.3% 0.034 259.733); --apex-text: oklch(70.7% 0.022 261.325); --apex-text-contrast: #fff; --apex-text-subtle: oklch(55.1% 0.027 264.364); --apex-border: oklch(26.9% 0 0); --apex-border-contrast: oklch(37.1% 0 0); --apex-border-subtle: oklch(20.5% 0 0); } @media (prefers-color-scheme: dark) { :root:not([data-bs-theme]):not(.dark) { --apex-color-intensity: 70%; --apex-color-blend: #000; --apex-palette-boldest: #fff; --apex-palette-bolder: oklch(70.7% 0.022 261.325); --apex-palette-bold: oklch(55.1% 0.027 264.364); --apex-palette-base: oklch(20.5% 0 0); --apex-palette-soft: oklch(26.9% 0 0); --apex-palette-softer: oklch(26.9% 0 0); --apex-palette-softest: oklch(20.5% 0 0); --apex-background: oklch(20.5% 0 0); --apex-background-contrast: oklch(14.5% 0 0); --apex-background-subtle: oklch(26.9% 0 0); --apex-accent: oklch(20.5% 0 0); --apex-accent-contrast: oklch(26.9% 0 0); --apex-accent-subtle: oklch(14.5% 0 0); --apex-overlay: oklch(26.9% 0 0); --apex-overlay-contrast: oklch(20.5% 0 0); --apex-overlay-subtle: oklch(26.9% 0 0); --apex-bg-inset: oklch(23.7% 0 0); --apex-primary: oklch(70.7% 0.165 254.624); --apex-primary-contrast: oklch(80.9% 0.105 251.813); --apex-primary-subtle: oklch(37.9% 0.146 265.522); --apex-secondary: oklch(26.9% 0 0); --apex-secondary-contrast: oklch(37.1% 0 0); --apex-secondary-subtle: oklch(14.5% 0 0); --apex-success: oklch(79.2% 0.209 151.711); --apex-success-contrast: oklch(87.1% 0.15 154.449); --apex-success-subtle: oklch(39.3% 0.095 152.535); --apex-warning: oklch(82.8% 0.189 84.429); --apex-warning-contrast: oklch(87.9% 0.169 91.605); --apex-warning-subtle: oklch(41.4% 0.112 45.904); --apex-danger: oklch(70.4% 0.191 22.216); --apex-danger-contrast: oklch(80.8% 0.114 19.571); --apex-danger-subtle: oklch(39.6% 0.141 25.723); --apex-info: oklch(78.9% 0.154 211.53); --apex-info-contrast: oklch(86.5% 0.127 207.078); --apex-info-subtle: oklch(39.8% 0.07 227.392); --apex-muted: oklch(55.1% 0.027 264.364); --apex-muted-contrast: oklch(70.7% 0.022 261.325); --apex-muted-subtle: oklch(37.3% 0.034 259.733); --apex-text: oklch(70.7% 0.022 261.325); --apex-text-contrast: #fff; --apex-text-subtle: oklch(55.1% 0.027 264.364); --apex-border: oklch(26.9% 0 0); --apex-border-contrast: oklch(37.1% 0 0); --apex-border-subtle: oklch(20.5% 0 0); } } /* ********************************************************************************************** *\ ** APP LAYOUT ** \* ********************************************************************************************** */ /* ---------------------------------------------------------------------------------------------- *\ | App spacing \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Border colors \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Border radius \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Shadows \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Card component \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Form controls \* ---------------------------------------------------------------------------------------------- */ /* ********************************************************************************************** *\ ** Theme Utilities ** \* ********************************************************************************************** */ /* ############################################################################################## *\ || THEME EXTENSION UTILITIES || || || || Utilities for consuming apps to extend and customize the Apex theme system. || || || || USAGE IN CONSUMING APP: || || ----------------------- || || || || 1. Override theme maps BEFORE importing Apex: || || || || @use "sass:map"; || || @import "apex/variables/palette"; || || || || // Override light theme colors || || $apex-light-theme-colors: map.merge($apex-light-theme-colors, ( || || "primary": #your-brand-color, || || "primary-contrast": darken(#your-brand-color, 10%), || || "primary-subtle": lighten(#your-brand-color, 40%) || || )); || || || || @import "apex"; || || || || 2. Override CSS custom properties in your app CSS: || || || || :root { || || --apex-primary: #your-brand-color; || || } || || || || 3. Use the @include apex-theme-override mixin: || || || || @include apex-theme-override("light", ( || || "primary": #brand-color || || )); || || || \* ############################################################################################## */ /* ############################################################################################## *\ || THEME MIXINS || || || || Mixins for generating theme-aware styles. || || Use these mixins to write styles that adapt to light/dark themes. || \* ############################################################################################## */ html[data-bs-theme=light] .d-light-none { display: none !important; } html[data-bs-theme=light] .d-light-block { display: block !important; } html[data-bs-theme=light] .d-light-inline { display: inline !important; } html[data-bs-theme=light] .d-light-inline-block { display: inline-block !important; } html[data-bs-theme=light] .d-light-flex { display: flex !important; } html[data-bs-theme=light] .d-light-inline-flex { display: inline-flex !important; } html[data-bs-theme=light] .d-light-grid { display: grid !important; } html[data-bs-theme=dark] .d-dark-none { display: none !important; } html[data-bs-theme=dark] .d-dark-block { display: block !important; } html[data-bs-theme=dark] .d-dark-inline { display: inline !important; } html[data-bs-theme=dark] .d-dark-inline-block { display: inline-block !important; } html[data-bs-theme=dark] .d-dark-flex { display: flex !important; } html[data-bs-theme=dark] .d-dark-inline-flex { display: inline-flex !important; } html[data-bs-theme=dark] .d-dark-grid { display: grid !important; } html.dark .d-dark-none { display: none !important; } html.dark .d-dark-block { display: block !important; } html.dark .d-dark-inline { display: inline !important; } html.dark .d-dark-inline-block { display: inline-block !important; } html.dark .d-dark-flex { display: flex !important; } html.dark .d-dark-inline-flex { display: inline-flex !important; } html.dark .d-dark-grid { display: grid !important; } /* ********************************************************************************************** *\ ** Apex lib css defaults ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** Apex component root tag ** \* ********************************************************************************************** */ :where(:not(span, a, i, b)) > component { display: block; } /* ********************************************************************************************** *\ ** PROSOON CORE VARIABLES ** \* ********************************************************************************************** */ /* ---------------------------------------------------------------------------------------------- *\ || COLORS || \* ---------------------------------------------------------------------------------------------- */ /* * COLOR FAMILIES: * Dark: deep (jewel/dark), earth (medium dark) * Bright: pastel (light), neutral (grays and basic) * Accent: flash (florescent) */ /* ********************************************************************************************** *\ ** BOOTSTRAP CUSTOM ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** WARNING ! || Only for global override! || For contextual changes, prefer using plain css variable overrides (e.g. --bs-btn-border-radius). \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** BOOTSTRAP DEFAULTS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** WARNING ! || Do not change code below - it's here only for reference. \* ********************************************************************************************** */ /* ********************************************************************************************** */ /*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #25418d; --bs-indigo: #5c2ccd; --bs-purple: #6145b5; --bs-pink: #cf387f; --bs-red: #d03937; --bs-orange: #fb7d38; --bs-yellow: #fbcd2f; --bs-green: #2a7840; --bs-teal: #38beab; --bs-cyan: #4fb3be; --bs-black: #000; --bs-white: #fff; --bs-gray: #64707d; --bs-gray-dark: #323a44; --bs-gray-100: #f7f8fa; --bs-gray-200: #e8ecf0; --bs-gray-300: #dce1e6; --bs-gray-400: #cbd2d9; --bs-gray-500: #a0aab4; --bs-gray-600: #64707d; --bs-gray-700: #475260; --bs-gray-800: #323a44; --bs-gray-900: #1a202c; --bs-primary: #293a7b; --bs-secondary: #6b728d; --bs-success: #308349; --bs-info: #3a7aa6; --bs-warning: #f6c640; --bs-danger: #dd1d48; --bs-light: #e2e4e5; --bs-dark: #292d5e; --bs-primary-rgb: 41, 58, 123; --bs-secondary-rgb: 107, 114, 141; --bs-success-rgb: 48, 131, 73; --bs-info-rgb: 58, 122, 166; --bs-warning-rgb: 246, 198, 64; --bs-danger-rgb: 221, 29, 72; --bs-light-rgb: 226, 228, 229; --bs-dark-rgb: 41, 45, 94; --bs-primary-text-emphasis: #101731; --bs-secondary-text-emphasis: #2b2e38; --bs-success-text-emphasis: #13341d; --bs-info-text-emphasis: #173142; --bs-warning-text-emphasis: #624f1a; --bs-danger-text-emphasis: #580c1d; --bs-light-text-emphasis: #475260; --bs-dark-text-emphasis: #475260; --bs-primary-bg-subtle: #d4d8e5; --bs-secondary-bg-subtle: #e1e3e8; --bs-success-bg-subtle: #d6e6db; --bs-info-bg-subtle: #d8e4ed; --bs-warning-bg-subtle: #fdf4d9; --bs-danger-bg-subtle: #f8d2da; --bs-light-bg-subtle: #fbfcfd; --bs-dark-bg-subtle: #cbd2d9; --bs-primary-border-subtle: #a9b0ca; --bs-secondary-border-subtle: #c4c7d1; --bs-success-border-subtle: #accdb6; --bs-info-border-subtle: #b0cadb; --bs-warning-border-subtle: #fbe8b3; --bs-danger-border-subtle: #f1a5b6; --bs-light-border-subtle: #e8ecf0; --bs-dark-border-subtle: #a0aab4; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #1a202c; --bs-body-color-rgb: 26, 32, 44; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(26, 32, 44, 0.75); --bs-secondary-color-rgb: 26, 32, 44; --bs-secondary-bg: #e8ecf0; --bs-secondary-bg-rgb: 232, 236, 240; --bs-tertiary-color: rgba(26, 32, 44, 0.5); --bs-tertiary-color-rgb: 26, 32, 44; --bs-tertiary-bg: #f0f1f3; --bs-tertiary-bg-rgb: 240, 241, 243; --bs-heading-color: inherit; --bs-link-color: #293a7b; --bs-link-color-rgb: 41, 58, 123; --bs-link-decoration: underline; --bs-link-hover-color: #212e62; --bs-link-hover-color-rgb: 33, 46, 98; --bs-code-color: #cf387f; --bs-highlight-color: #1a202c; --bs-highlight-bg: oklch(97.3% 0.071 103.193); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dce1e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.84375rem; --bs-border-radius-sm: 0.5625rem; --bs-border-radius-lg: 1.125rem; --bs-border-radius-xl: 2.25rem; --bs-border-radius-xxl: 4.5rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 0.375rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(41, 58, 123, 0.25); --bs-form-valid-color: #308349; --bs-form-valid-border-color: #308349; --bs-form-invalid-color: #dd1d48; --bs-form-invalid-border-color: #dd1d48; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dce1e6; --bs-body-color-rgb: 220, 225, 230; --bs-body-bg: #1a202c; --bs-body-bg-rgb: 26, 32, 44; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(220, 225, 230, 0.75); --bs-secondary-color-rgb: 220, 225, 230; --bs-secondary-bg: #323a44; --bs-secondary-bg-rgb: 50, 58, 68; --bs-tertiary-color: rgba(220, 225, 230, 0.5); --bs-tertiary-color-rgb: 220, 225, 230; --bs-tertiary-bg: #262d38; --bs-tertiary-bg-rgb: 38, 45, 56; --bs-primary-text-emphasis: #7f89b0; --bs-secondary-text-emphasis: #a6aabb; --bs-success-text-emphasis: #83b592; --bs-info-text-emphasis: #89afca; --bs-warning-text-emphasis: #fadd8c; --bs-danger-text-emphasis: #eb7791; --bs-light-text-emphasis: #f7f8fa; --bs-dark-text-emphasis: #dce1e6; --bs-primary-bg-subtle: #080c19; --bs-secondary-bg-subtle: #15171c; --bs-success-bg-subtle: #0a1a0f; --bs-info-bg-subtle: #0c1821; --bs-warning-bg-subtle: #31280d; --bs-danger-bg-subtle: #2c060e; --bs-light-bg-subtle: #323a44; --bs-dark-bg-subtle: #191d22; --bs-primary-border-subtle: #19234a; --bs-secondary-border-subtle: #404455; --bs-success-border-subtle: #1d4f2c; --bs-info-border-subtle: #234964; --bs-warning-border-subtle: #947726; --bs-danger-border-subtle: #85112b; --bs-light-border-subtle: #475260; --bs-dark-border-subtle: #323a44; --bs-heading-color: inherit; --bs-link-color: #7f89b0; --bs-link-hover-color: #99a1c0; --bs-link-color-rgb: 127, 137, 176; --bs-link-hover-color-rgb: 153, 161, 192; --bs-code-color: #e288b2; --bs-highlight-color: #dce1e6; --bs-highlight-bg: oklch(47.6% 0.114 61.907); --bs-border-color: #475260; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: oklch(87.1% 0.15 154.449); --bs-form-valid-border-color: oklch(87.1% 0.15 154.449); --bs-form-invalid-color: oklch(80.8% 0.114 19.571); --bs-form-invalid-border-color: oklch(80.8% 0.114 19.571); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 0.8rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.4rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.1875rem; } } h2, .h2 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.75rem; } } h3, .h3 { font-size: calc(1.278125rem + 0.3375vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.53125rem; } } h4, .h4 { font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.3125rem; } } h5, .h5 { font-size: 1.09375rem; } h6, .h6 { font-size: 0.875rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.5625rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; filter: grayscale(1); } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 0.8rem; font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -0.8rem; margin-bottom: 0.8rem; font-size: 0.875em; color: #64707d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.4rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 965px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 970px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12, .col-auto { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.2rem; } .g-1, .gy-1 { --bs-gutter-y: 0.2rem; } .g-2, .gx-2 { --bs-gutter-x: 0.4rem; } .g-2, .gy-2 { --bs-gutter-y: 0.4rem; } .g-3, .gx-3 { --bs-gutter-x: 0.8rem; } .g-3, .gy-3 { --bs-gutter-y: 0.8rem; } .g-4, .gx-4 { --bs-gutter-x: 1.2rem; } .g-4, .gy-4 { --bs-gutter-y: 1.2rem; } .g-5, .gx-5 { --bs-gutter-x: 2.4rem; } .g-5, .gy-5 { --bs-gutter-y: 2.4rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.2rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.2rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.4rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.4rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 0.8rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 0.8rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.2rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.2rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 2.4rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 2.4rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.2rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.2rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.4rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.4rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 0.8rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 0.8rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.2rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.2rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 2.4rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 2.4rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6, .col-auto { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.2rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.2rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.4rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.4rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 0.8rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 0.8rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.2rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.2rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 2.4rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 2.4rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.2rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.2rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.4rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.4rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 0.8rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 0.8rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.2rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.2rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 2.4rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 2.4rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.2rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.2rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.4rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.4rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 0.8rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 0.8rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.2rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.2rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 2.4rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 2.4rem; } } .table, table.vertical-table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 0.8rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > *, table.vertical-table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody, table.vertical-table > tbody { vertical-align: inherit; } .table > thead, table.vertical-table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > *, table.vertical-table > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child), table.vertical-table > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #d4d8e5; --bs-table-border-color: #aaadb7; --bs-table-striped-bg: #c9cdda; --bs-table-striped-color: #000; --bs-table-active-bg: #bfc2ce; --bs-table-active-color: #000; --bs-table-hover-bg: #c4c8d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e1e3e8; --bs-table-border-color: #b4b6ba; --bs-table-striped-bg: #d6d8dc; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccd1; --bs-table-active-color: #000; --bs-table-hover-bg: #d0d2d7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d6e6db; --bs-table-border-color: #abb8af; --bs-table-striped-bg: #cbdbd0; --bs-table-striped-color: #000; --bs-table-active-bg: #c1cfc5; --bs-table-active-color: #000; --bs-table-hover-bg: #c6d5cb; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #d8e4ed; --bs-table-border-color: #adb6be; --bs-table-striped-bg: #cdd9e1; --bs-table-striped-color: #000; --bs-table-active-bg: #c2cdd5; --bs-table-active-color: #000; --bs-table-hover-bg: #c8d3db; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fdf4d9; --bs-table-border-color: #cac3ae; --bs-table-striped-bg: #f0e8ce; --bs-table-striped-color: #000; --bs-table-active-bg: #e4dcc3; --bs-table-active-color: #000; --bs-table-hover-bg: #eae2c9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d2da; --bs-table-border-color: #c6a8ae; --bs-table-striped-bg: #ecc8cf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfbdc4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c2ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #e2e4e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d9da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbcdce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d3d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #292d5e; --bs-table-border-color: #54577e; --bs-table-striped-bg: #343866; --bs-table-striped-color: #fff; --bs-table-active-bg: #3e426e; --bs-table-active-color: #fff; --bs-table-hover-bg: #393d6a; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.495rem + var(--bs-border-width)); padding-bottom: calc(0.495rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.792rem + var(--bs-border-width)); padding-bottom: calc(0.792rem + var(--bs-border-width)); font-size: 1.09375rem; } .col-form-label-sm { padding-top: calc(0.33rem + var(--bs-border-width)); padding-bottom: calc(0.33rem + var(--bs-border-width)); font-size: 0.765625rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.495rem 0.7425rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: #f0f3f5; background-clip: padding-box; border: var(--bs-border-width) solid rgba(220, 225, 230, 0.5); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: #f0f3f5; border-color: #949dbd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.495rem 0.7425rem; margin: -0.495rem -0.7425rem; margin-inline-end: 0.7425rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.495rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.66rem + calc(var(--bs-border-width) * 2)); padding: 0.33rem 0.495rem; font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.33rem 0.495rem; margin: -0.33rem -0.495rem; margin-inline-end: 0.495rem; } .form-control-lg { min-height: calc(1.5em + 1.584rem + calc(var(--bs-border-width) * 2)); padding: 0.792rem 1.188rem; font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.792rem 1.188rem; margin: -0.792rem -1.188rem; margin-inline-end: 1.188rem; } textarea.form-control { min-height: calc(1.5em + 0.99rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.66rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1.584rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.99rem + calc(var(--bs-border-width) * 2)); padding: 0.495rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.66rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1.584rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23323a44' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.495rem 2.2275rem 0.495rem 0.7425rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: #f0f3f5; background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.7425rem center; background-size: 16px 12px; border: var(--bs-border-width) solid rgba(220, 225, 230, 0.5); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #949dbd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.7425rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.33rem; padding-bottom: 0.33rem; padding-left: 0.495rem; font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.792rem; padding-bottom: 0.792rem; padding-left: 1.188rem; font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dce1e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.3125rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: #f0f3f5; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #949dbd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .form-check-input:checked { background-color: #293a7b; border-color: #293a7b; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #293a7b; border-color: #293a7b; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23949dbd'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: #293a7b; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #bfc4d7; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: #293a7b; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #bfc4d7; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.7425rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.7425rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; padding-left: 0.7425rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.37125rem; z-index: -1; height: 1.5em; content: ""; background-color: #f0f3f5; border-radius: var(--bs-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #64707d; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.495rem 0.7425rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid rgba(220, 225, 230, 0.5); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.792rem 1.188rem; font-size: 1.09375rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.33rem 0.495rem; font-size: 0.765625rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 2.97rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width)); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.2rem 0.4rem; margin-top: 0.1rem; font-size: 0.765625rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.2rem 0.4rem; margin-top: 0.1rem; font-size: 0.765625rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.7425rem; --bs-btn-padding-y: 0.495rem; --bs-btn-font-family: ; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.625rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #293a7b; --bs-btn-border-color: #293a7b; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #233169; --bs-btn-hover-border-color: #212e62; --bs-btn-focus-shadow-rgb: 73, 88, 143; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212e62; --bs-btn-active-border-color: #1f2c5c; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #293a7b; --bs-btn-disabled-border-color: #293a7b; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6b728d; --bs-btn-border-color: #6b728d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5b6178; --bs-btn-hover-border-color: #565b71; --bs-btn-focus-shadow-rgb: 129, 135, 158; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565b71; --bs-btn-active-border-color: #50566a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6b728d; --bs-btn-disabled-border-color: #6b728d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #308349; --bs-btn-border-color: #308349; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #296f3e; --bs-btn-hover-border-color: #26693a; --bs-btn-focus-shadow-rgb: 79, 150, 100; --bs-btn-active-color: #fff; --bs-btn-active-bg: #26693a; --bs-btn-active-border-color: #246237; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #308349; --bs-btn-disabled-border-color: #308349; } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: #3a7aa6; --bs-btn-border-color: #3a7aa6; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #31688d; --bs-btn-hover-border-color: #2e6285; --bs-btn-focus-shadow-rgb: 88, 142, 179; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2e6285; --bs-btn-active-border-color: #2c5c7d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3a7aa6; --bs-btn-disabled-border-color: #3a7aa6; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #f6c640; --bs-btn-border-color: #f6c640; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f7cf5d; --bs-btn-hover-border-color: #f7cc53; --bs-btn-focus-shadow-rgb: 209, 168, 54; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8d166; --bs-btn-active-border-color: #f7cc53; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f6c640; --bs-btn-disabled-border-color: #f6c640; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dd1d48; --bs-btn-border-color: #dd1d48; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bc193d; --bs-btn-hover-border-color: #b1173a; --bs-btn-focus-shadow-rgb: 226, 63, 99; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b1173a; --bs-btn-active-border-color: #a61636; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dd1d48; --bs-btn-disabled-border-color: #dd1d48; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #e2e4e5; --bs-btn-border-color: #e2e4e5; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #c0c2c3; --bs-btn-hover-border-color: #b5b6b7; --bs-btn-focus-shadow-rgb: 192, 194, 195; --bs-btn-active-color: #000; --bs-btn-active-bg: #b5b6b7; --bs-btn-active-border-color: #aaabac; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e2e4e5; --bs-btn-disabled-border-color: #e2e4e5; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #292d5e; --bs-btn-border-color: #292d5e; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #494d76; --bs-btn-hover-border-color: #3e426e; --bs-btn-focus-shadow-rgb: 73, 77, 118; --bs-btn-active-color: #fff; --bs-btn-active-bg: #54577e; --bs-btn-active-border-color: #3e426e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #292d5e; --bs-btn-disabled-border-color: #292d5e; } .btn-outline-primary { --bs-btn-color: #293a7b; --bs-btn-border-color: #293a7b; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #293a7b; --bs-btn-hover-border-color: #293a7b; --bs-btn-focus-shadow-rgb: 41, 58, 123; --bs-btn-active-color: #fff; --bs-btn-active-bg: #293a7b; --bs-btn-active-border-color: #293a7b; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #293a7b; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #293a7b; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6b728d; --bs-btn-border-color: #6b728d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6b728d; --bs-btn-hover-border-color: #6b728d; --bs-btn-focus-shadow-rgb: 107, 114, 141; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6b728d; --bs-btn-active-border-color: #6b728d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6b728d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6b728d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #308349; --bs-btn-border-color: #308349; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #308349; --bs-btn-hover-border-color: #308349; --bs-btn-focus-shadow-rgb: 48, 131, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #308349; --bs-btn-active-border-color: #308349; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #308349; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #308349; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #3a7aa6; --bs-btn-border-color: #3a7aa6; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3a7aa6; --bs-btn-hover-border-color: #3a7aa6; --bs-btn-focus-shadow-rgb: 58, 122, 166; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3a7aa6; --bs-btn-active-border-color: #3a7aa6; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #3a7aa6; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #3a7aa6; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #f6c640; --bs-btn-border-color: #f6c640; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f6c640; --bs-btn-hover-border-color: #f6c640; --bs-btn-focus-shadow-rgb: 246, 198, 64; --bs-btn-active-color: #000; --bs-btn-active-bg: #f6c640; --bs-btn-active-border-color: #f6c640; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f6c640; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f6c640; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dd1d48; --bs-btn-border-color: #dd1d48; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dd1d48; --bs-btn-hover-border-color: #dd1d48; --bs-btn-focus-shadow-rgb: 221, 29, 72; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dd1d48; --bs-btn-active-border-color: #dd1d48; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dd1d48; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dd1d48; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #e2e4e5; --bs-btn-border-color: #e2e4e5; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e2e4e5; --bs-btn-hover-border-color: #e2e4e5; --bs-btn-focus-shadow-rgb: 226, 228, 229; --bs-btn-active-color: #000; --bs-btn-active-bg: #e2e4e5; --bs-btn-active-border-color: #e2e4e5; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #e2e4e5; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #e2e4e5; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #292d5e; --bs-btn-border-color: #292d5e; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #292d5e; --bs-btn-hover-border-color: #292d5e; --bs-btn-focus-shadow-rgb: 41, 45, 94; --bs-btn-active-color: #fff; --bs-btn-active-bg: #292d5e; --bs-btn-active-border-color: #292d5e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #292d5e; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #292d5e; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #64707d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 73, 88, 143; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.792rem; --bs-btn-padding-x: 1.188rem; --bs-btn-font-size: 1.09375rem; --bs-btn-border-radius: 0.625rem; } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.33rem; --bs-btn-padding-x: 0.495rem; --bs-btn-font-size: 0.765625rem; --bs-btn-border-radius: 0.625rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5625rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius-sm); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius-sm) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.4rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #293a7b; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 0.8rem; --bs-dropdown-item-padding-y: 0.2rem; --bs-dropdown-header-color: #64707d; --bs-dropdown-header-padding-x: 0.8rem; --bs-dropdown-header-padding-y: 0.5625rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.765625rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dce1e6; --bs-dropdown-bg: #323a44; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dce1e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #293a7b; --bs-dropdown-link-disabled-color: #a0aab4; --bs-dropdown-header-color: #a0aab4; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: 0.625rem; } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(-1 * var(--bs-border-width)); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.556875rem; padding-left: 0.556875rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.37125rem; padding-left: 0.37125rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.891rem; padding-left: 0.891rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(-1 * var(--bs-border-width)); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #293a7b; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-grow: 1; flex-basis: 0; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.375rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3359375rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.09375rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.09375rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2826, 32, 44, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: 0.625rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card, .styled-list { --bs-card-spacer-y: 0.8rem; --bs-card-spacer-x: 0.8rem; --bs-card-title-spacer-y: 0.4rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.4rem; --bs-card-cap-padding-x: 0.8rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 0.8rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr, .styled-list > hr { margin-right: 0; margin-left: 0; } .card > .list-group, .card > ul.nav-list, .styled-list > .list-group, .styled-list > ul.nav-list { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child, .card > ul.nav-list:first-child, .styled-list > .list-group:first-child, .styled-list > ul.nav-list:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child, .card > ul.nav-list:last-child, .styled-list > .list-group:last-child, .styled-list > ul.nav-list:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .card-header + ul.nav-list, .styled-list > .card-header + .list-group, .styled-list > .card-header + ul.nav-list, .card > .list-group + .card-footer, .card > ul.nav-list + .card-footer, .styled-list > .list-group + .card-footer, .styled-list > ul.nav-list + .card-footer { border-top: 0; } .card-body, .styled-list, .jumbotron .styled-list, .jumbotron .jumbotron-body, .jumbotron .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card, .card-group > .styled-list { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card, .card-group > .styled-list { flex: 1 0 0; margin-bottom: 0; } .card-group > .card + .card, .card-group > .styled-list + .card, .card-group > .card + .styled-list, .card-group > .styled-list + .styled-list { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child), .card-group > .styled-list:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-top, .card-group > .styled-list:not(:last-child) > .card-img-top, .card-group > .card:not(:last-child) > .card-header, .card-group > .styled-list:not(:last-child) > .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .styled-list:not(:last-child) > .card-img-bottom, .card-group > .card:not(:last-child) > .card-footer, .card-group > .styled-list:not(:last-child) > .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child), .card-group > .styled-list:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-top, .card-group > .styled-list:not(:first-child) > .card-img-top, .card-group > .card:not(:first-child) > .card-header, .card-group > .styled-list:not(:first-child) > .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .styled-list:not(:first-child) > .card-img-bottom, .card-group > .card:not(:first-child) > .card-footer, .card-group > .styled-list:not(:first-child) > .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a202c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23101731' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237f89b0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237f89b0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-color: #293a7b; --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: #293a7b; --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: #293a7b; --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 2px rgba(41, 58, 123, 0.2); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #293a7b; --bs-pagination-active-border-color: #293a7b; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(-1 * var(--bs-border-width)); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.09375rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.765625rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert, .alert-light, .styled-alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 0.8rem; --bs-alert-padding-y: 0.8rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 2.4rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1rem 0.8rem; } .alert-primary, .styled-alert { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: var(--bs-progress-height); } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.65625rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #293a7b; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group, ul.nav-list { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 0.8rem; --bs-list-group-item-padding-y: 0.4rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #293a7b; --bs-list-group-active-border-color: #293a7b; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before, ul.nav-list .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item, ul.nav-list li.nav-item, ul.nav-list li { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child, ul.nav-list li:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child, ul.nav-list li:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, ul.nav-list li.disabled, .list-group-item:disabled, ul.nav-list li:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active, ul.nav-list li.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item, ul.nav-list li + .list-group-item, ul.nav-list li + li.nav-item, ul.nav-list .list-group-item + li, ul.nav-list li.nav-item + li, ul.nav-list li + li { border-top-width: 0; } .list-group-item + .list-group-item.active, ul.nav-list li + .list-group-item.active, ul.nav-list .list-group-item + li.active, ul.nav-list li + li.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active, ul.nav-list .list-group-horizontal > li.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal > li + .list-group-item, ul.nav-list .list-group-horizontal > .list-group-item + li, ul.nav-list .list-group-horizontal > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal > li + .list-group-item.active, ul.nav-list .list-group-horizontal > .list-group-item + li.active, ul.nav-list .list-group-horizontal > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal-sm > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal-sm > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active, ul.nav-list .list-group-horizontal-sm > li.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal-sm > li + .list-group-item, ul.nav-list .list-group-horizontal-sm > .list-group-item + li, ul.nav-list .list-group-horizontal-sm > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal-sm > li + .list-group-item.active, ul.nav-list .list-group-horizontal-sm > .list-group-item + li.active, ul.nav-list .list-group-horizontal-sm > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal-md > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal-md > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active, ul.nav-list .list-group-horizontal-md > li.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal-md > li + .list-group-item, ul.nav-list .list-group-horizontal-md > .list-group-item + li, ul.nav-list .list-group-horizontal-md > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal-md > li + .list-group-item.active, ul.nav-list .list-group-horizontal-md > .list-group-item + li.active, ul.nav-list .list-group-horizontal-md > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal-lg > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal-lg > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active, ul.nav-list .list-group-horizontal-lg > li.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal-lg > li + .list-group-item, ul.nav-list .list-group-horizontal-lg > .list-group-item + li, ul.nav-list .list-group-horizontal-lg > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal-lg > li + .list-group-item.active, ul.nav-list .list-group-horizontal-lg > .list-group-item + li.active, ul.nav-list .list-group-horizontal-lg > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal-xl > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal-xl > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active, ul.nav-list .list-group-horizontal-xl > li.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal-xl > li + .list-group-item, ul.nav-list .list-group-horizontal-xl > .list-group-item + li, ul.nav-list .list-group-horizontal-xl > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal-xl > li + .list-group-item.active, ul.nav-list .list-group-horizontal-xl > .list-group-item + li.active, ul.nav-list .list-group-horizontal-xl > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child), ul.nav-list .list-group-horizontal-xxl > li:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child), ul.nav-list .list-group-horizontal-xxl > li:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active, ul.nav-list .list-group-horizontal-xxl > li.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item, ul.nav-list .list-group-horizontal-xxl > li + .list-group-item, ul.nav-list .list-group-horizontal-xxl > .list-group-item + li, ul.nav-list .list-group-horizontal-xxl > li + li { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active, ul.nav-list .list-group-horizontal-xxl > li + .list-group-item.active, ul.nav-list .list-group-horizontal-xxl > .list-group-item + li.active, ul.nav-list .list-group-horizontal-xxl > li + li.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item, ul.nav-list .list-group-flush > li { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child, ul.nav-list .list-group-flush > li:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: 0.84375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 0.8rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 0.8rem; --bs-modal-header-padding-y: 0.8rem; --bs-modal-header-padding: 0.8rem 0.8rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.4rem; --bs-tooltip-padding-y: 0.2rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.765625rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.765625rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 0.8rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 0.8rem; --bs-popover-body-padding-y: 0.8rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; filter: var(--bs-carousel-control-icon-filter); border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--bs-carousel-indicator-active-bg); background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--bs-carousel-caption-color); text-align: center; } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } :root, [data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } .spinner-grow, .spinner-border { display: inline-block; flex-shrink: 0; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 0.8rem; --bs-offcanvas-padding-y: 0.8rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-left: auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #fff !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(33, 46, 98, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(33, 46, 98, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 91, 113, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 91, 113, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(38, 105, 58, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(38, 105, 58, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(46, 98, 133, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(46, 98, 133, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(248, 209, 102, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(248, 209, 102, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(177, 23, 58, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(177, 23, 58, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(232, 233, 234, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(232, 233, 234, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(33, 36, 75, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(33, 36, 75, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle, table.vertical-table { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex, .styled-list .list-item, .flex, .toolbar, .auto-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap, .styled-list .list-item, .flex, .toolbar, .auto-flex { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end, .flex.flex-end, .flex-end.toolbar, .flex-end.auto-flex { justify-content: flex-end !important; } .justify-content-center, .toolbar { justify-content: center !important; } .justify-content-between, .styled-list .list-item, .auto-flex, .flex.flex-between, .flex-between.toolbar, .flex-between.auto-flex { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly, .flex.flex-center, .flex-center.toolbar, .flex-center.auto-flex { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center, .styled-list .list-item, .auto-flex, .flex.flex-middle, .flex-middle.toolbar, .flex-middle.auto-flex, .flex.flex-center, .flex-center.toolbar, .flex-center.auto-flex { align-items: center !important; } .align-items-baseline, .flex.flex-top, .flex-top.toolbar, .flex-top.auto-flex { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center, .auto-flex, .flex.flex-center, .flex-center.toolbar, .flex-center.auto-flex { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.2rem !important; } .m-2 { margin: 0.4rem !important; } .m-3 { margin: 0.8rem !important; } .m-4 { margin: 1.2rem !important; } .m-5 { margin: 2.4rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.2rem !important; } .mt-2 { margin-top: 0.4rem !important; } .mt-3 { margin-top: 0.8rem !important; } .mt-4 { margin-top: 1.2rem !important; } .mt-5 { margin-top: 2.4rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.2rem !important; } .me-2 { margin-right: 0.4rem !important; } .me-3 { margin-right: 0.8rem !important; } .me-4 { margin-right: 1.2rem !important; } .me-5 { margin-right: 2.4rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.2rem !important; } .mb-2 { margin-bottom: 0.4rem !important; } .mb-3 { margin-bottom: 0.8rem !important; } .mb-4 { margin-bottom: 1.2rem !important; } .mb-5 { margin-bottom: 2.4rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.2rem !important; } .ms-2 { margin-left: 0.4rem !important; } .ms-3 { margin-left: 0.8rem !important; } .ms-4 { margin-left: 1.2rem !important; } .ms-5 { margin-left: 2.4rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.2rem !important; } .p-2 { padding: 0.4rem !important; } .p-3 { padding: 0.8rem !important; } .p-4 { padding: 1.2rem !important; } .p-5 { padding: 2.4rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.2rem !important; } .pt-2 { padding-top: 0.4rem !important; } .pt-3 { padding-top: 0.8rem !important; } .pt-4 { padding-top: 1.2rem !important; } .pt-5 { padding-top: 2.4rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.2rem !important; } .pe-2 { padding-right: 0.4rem !important; } .pe-3 { padding-right: 0.8rem !important; } .pe-4 { padding-right: 1.2rem !important; } .pe-5 { padding-right: 2.4rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.2rem !important; } .pb-2 { padding-bottom: 0.4rem !important; } .pb-3 { padding-bottom: 0.8rem !important; } .pb-4 { padding-bottom: 1.2rem !important; } .pb-5 { padding-bottom: 2.4rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.2rem !important; } .ps-2 { padding-left: 0.4rem !important; } .ps-3 { padding-left: 0.8rem !important; } .ps-4 { padding-left: 1.2rem !important; } .ps-5 { padding-left: 2.4rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.2rem !important; } .gap-2, .flex, .toolbar, .auto-flex { gap: 0.4rem !important; } .gap-3 { gap: 0.8rem !important; } .gap-4 { gap: 1.2rem !important; } .gap-5 { gap: 2.4rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.2rem !important; } .row-gap-2 { row-gap: 0.4rem !important; } .row-gap-3 { row-gap: 0.8rem !important; } .row-gap-4 { row-gap: 1.2rem !important; } .row-gap-5 { row-gap: 2.4rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.2rem !important; } .column-gap-2 { column-gap: 0.4rem !important; } .column-gap-3 { column-gap: 0.8rem !important; } .column-gap-4 { column-gap: 1.2rem !important; } .column-gap-5 { column-gap: 2.4rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.34375rem + 1.125vw) !important; } .fs-2 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-3 { font-size: calc(1.278125rem + 0.3375vw) !important; } .fs-4 { font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { font-size: 1.09375rem !important; } .fs-6 { font-size: 0.875rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted, .card .card-header .card-title .card-subtitle, .styled-list .card-header .card-title .card-subtitle { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.2rem !important; } .m-sm-2 { margin: 0.4rem !important; } .m-sm-3 { margin: 0.8rem !important; } .m-sm-4 { margin: 1.2rem !important; } .m-sm-5 { margin: 2.4rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-sm-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-sm-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-sm-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-sm-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-sm-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-sm-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-sm-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-sm-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.2rem !important; } .mt-sm-2 { margin-top: 0.4rem !important; } .mt-sm-3 { margin-top: 0.8rem !important; } .mt-sm-4 { margin-top: 1.2rem !important; } .mt-sm-5 { margin-top: 2.4rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.2rem !important; } .me-sm-2 { margin-right: 0.4rem !important; } .me-sm-3 { margin-right: 0.8rem !important; } .me-sm-4 { margin-right: 1.2rem !important; } .me-sm-5 { margin-right: 2.4rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.2rem !important; } .mb-sm-2 { margin-bottom: 0.4rem !important; } .mb-sm-3 { margin-bottom: 0.8rem !important; } .mb-sm-4 { margin-bottom: 1.2rem !important; } .mb-sm-5 { margin-bottom: 2.4rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.2rem !important; } .ms-sm-2 { margin-left: 0.4rem !important; } .ms-sm-3 { margin-left: 0.8rem !important; } .ms-sm-4 { margin-left: 1.2rem !important; } .ms-sm-5 { margin-left: 2.4rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.2rem !important; } .p-sm-2 { padding: 0.4rem !important; } .p-sm-3 { padding: 0.8rem !important; } .p-sm-4 { padding: 1.2rem !important; } .p-sm-5 { padding: 2.4rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-sm-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-sm-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-sm-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-sm-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-sm-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-sm-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-sm-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-sm-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.2rem !important; } .pt-sm-2 { padding-top: 0.4rem !important; } .pt-sm-3 { padding-top: 0.8rem !important; } .pt-sm-4 { padding-top: 1.2rem !important; } .pt-sm-5 { padding-top: 2.4rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.2rem !important; } .pe-sm-2 { padding-right: 0.4rem !important; } .pe-sm-3 { padding-right: 0.8rem !important; } .pe-sm-4 { padding-right: 1.2rem !important; } .pe-sm-5 { padding-right: 2.4rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.2rem !important; } .pb-sm-2 { padding-bottom: 0.4rem !important; } .pb-sm-3 { padding-bottom: 0.8rem !important; } .pb-sm-4 { padding-bottom: 1.2rem !important; } .pb-sm-5 { padding-bottom: 2.4rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.2rem !important; } .ps-sm-2 { padding-left: 0.4rem !important; } .ps-sm-3 { padding-left: 0.8rem !important; } .ps-sm-4 { padding-left: 1.2rem !important; } .ps-sm-5 { padding-left: 2.4rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.2rem !important; } .gap-sm-2 { gap: 0.4rem !important; } .gap-sm-3 { gap: 0.8rem !important; } .gap-sm-4 { gap: 1.2rem !important; } .gap-sm-5 { gap: 2.4rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.2rem !important; } .row-gap-sm-2 { row-gap: 0.4rem !important; } .row-gap-sm-3 { row-gap: 0.8rem !important; } .row-gap-sm-4 { row-gap: 1.2rem !important; } .row-gap-sm-5 { row-gap: 2.4rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.2rem !important; } .column-gap-sm-2 { column-gap: 0.4rem !important; } .column-gap-sm-3 { column-gap: 0.8rem !important; } .column-gap-sm-4 { column-gap: 1.2rem !important; } .column-gap-sm-5 { column-gap: 2.4rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.2rem !important; } .m-md-2 { margin: 0.4rem !important; } .m-md-3 { margin: 0.8rem !important; } .m-md-4 { margin: 1.2rem !important; } .m-md-5 { margin: 2.4rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-md-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-md-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-md-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-md-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-md-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-md-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-md-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-md-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.2rem !important; } .mt-md-2 { margin-top: 0.4rem !important; } .mt-md-3 { margin-top: 0.8rem !important; } .mt-md-4 { margin-top: 1.2rem !important; } .mt-md-5 { margin-top: 2.4rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.2rem !important; } .me-md-2 { margin-right: 0.4rem !important; } .me-md-3 { margin-right: 0.8rem !important; } .me-md-4 { margin-right: 1.2rem !important; } .me-md-5 { margin-right: 2.4rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.2rem !important; } .mb-md-2 { margin-bottom: 0.4rem !important; } .mb-md-3 { margin-bottom: 0.8rem !important; } .mb-md-4 { margin-bottom: 1.2rem !important; } .mb-md-5 { margin-bottom: 2.4rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.2rem !important; } .ms-md-2 { margin-left: 0.4rem !important; } .ms-md-3 { margin-left: 0.8rem !important; } .ms-md-4 { margin-left: 1.2rem !important; } .ms-md-5 { margin-left: 2.4rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.2rem !important; } .p-md-2 { padding: 0.4rem !important; } .p-md-3 { padding: 0.8rem !important; } .p-md-4 { padding: 1.2rem !important; } .p-md-5 { padding: 2.4rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-md-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-md-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-md-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-md-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-md-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-md-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-md-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-md-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.2rem !important; } .pt-md-2 { padding-top: 0.4rem !important; } .pt-md-3 { padding-top: 0.8rem !important; } .pt-md-4 { padding-top: 1.2rem !important; } .pt-md-5 { padding-top: 2.4rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.2rem !important; } .pe-md-2 { padding-right: 0.4rem !important; } .pe-md-3 { padding-right: 0.8rem !important; } .pe-md-4 { padding-right: 1.2rem !important; } .pe-md-5 { padding-right: 2.4rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.2rem !important; } .pb-md-2 { padding-bottom: 0.4rem !important; } .pb-md-3 { padding-bottom: 0.8rem !important; } .pb-md-4 { padding-bottom: 1.2rem !important; } .pb-md-5 { padding-bottom: 2.4rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.2rem !important; } .ps-md-2 { padding-left: 0.4rem !important; } .ps-md-3 { padding-left: 0.8rem !important; } .ps-md-4 { padding-left: 1.2rem !important; } .ps-md-5 { padding-left: 2.4rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.2rem !important; } .gap-md-2 { gap: 0.4rem !important; } .gap-md-3 { gap: 0.8rem !important; } .gap-md-4 { gap: 1.2rem !important; } .gap-md-5 { gap: 2.4rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.2rem !important; } .row-gap-md-2 { row-gap: 0.4rem !important; } .row-gap-md-3 { row-gap: 0.8rem !important; } .row-gap-md-4 { row-gap: 1.2rem !important; } .row-gap-md-5 { row-gap: 2.4rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.2rem !important; } .column-gap-md-2 { column-gap: 0.4rem !important; } .column-gap-md-3 { column-gap: 0.8rem !important; } .column-gap-md-4 { column-gap: 1.2rem !important; } .column-gap-md-5 { column-gap: 2.4rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.2rem !important; } .m-lg-2 { margin: 0.4rem !important; } .m-lg-3 { margin: 0.8rem !important; } .m-lg-4 { margin: 1.2rem !important; } .m-lg-5 { margin: 2.4rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-lg-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-lg-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-lg-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-lg-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-lg-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-lg-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-lg-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-lg-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.2rem !important; } .mt-lg-2 { margin-top: 0.4rem !important; } .mt-lg-3 { margin-top: 0.8rem !important; } .mt-lg-4 { margin-top: 1.2rem !important; } .mt-lg-5 { margin-top: 2.4rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.2rem !important; } .me-lg-2 { margin-right: 0.4rem !important; } .me-lg-3 { margin-right: 0.8rem !important; } .me-lg-4 { margin-right: 1.2rem !important; } .me-lg-5 { margin-right: 2.4rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.2rem !important; } .mb-lg-2 { margin-bottom: 0.4rem !important; } .mb-lg-3 { margin-bottom: 0.8rem !important; } .mb-lg-4 { margin-bottom: 1.2rem !important; } .mb-lg-5 { margin-bottom: 2.4rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.2rem !important; } .ms-lg-2 { margin-left: 0.4rem !important; } .ms-lg-3 { margin-left: 0.8rem !important; } .ms-lg-4 { margin-left: 1.2rem !important; } .ms-lg-5 { margin-left: 2.4rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.2rem !important; } .p-lg-2 { padding: 0.4rem !important; } .p-lg-3 { padding: 0.8rem !important; } .p-lg-4 { padding: 1.2rem !important; } .p-lg-5 { padding: 2.4rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-lg-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-lg-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-lg-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-lg-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-lg-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-lg-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-lg-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-lg-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.2rem !important; } .pt-lg-2 { padding-top: 0.4rem !important; } .pt-lg-3 { padding-top: 0.8rem !important; } .pt-lg-4 { padding-top: 1.2rem !important; } .pt-lg-5 { padding-top: 2.4rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.2rem !important; } .pe-lg-2 { padding-right: 0.4rem !important; } .pe-lg-3 { padding-right: 0.8rem !important; } .pe-lg-4 { padding-right: 1.2rem !important; } .pe-lg-5 { padding-right: 2.4rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.2rem !important; } .pb-lg-2 { padding-bottom: 0.4rem !important; } .pb-lg-3 { padding-bottom: 0.8rem !important; } .pb-lg-4 { padding-bottom: 1.2rem !important; } .pb-lg-5 { padding-bottom: 2.4rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.2rem !important; } .ps-lg-2 { padding-left: 0.4rem !important; } .ps-lg-3 { padding-left: 0.8rem !important; } .ps-lg-4 { padding-left: 1.2rem !important; } .ps-lg-5 { padding-left: 2.4rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.2rem !important; } .gap-lg-2 { gap: 0.4rem !important; } .gap-lg-3 { gap: 0.8rem !important; } .gap-lg-4 { gap: 1.2rem !important; } .gap-lg-5 { gap: 2.4rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.2rem !important; } .row-gap-lg-2 { row-gap: 0.4rem !important; } .row-gap-lg-3 { row-gap: 0.8rem !important; } .row-gap-lg-4 { row-gap: 1.2rem !important; } .row-gap-lg-5 { row-gap: 2.4rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.2rem !important; } .column-gap-lg-2 { column-gap: 0.4rem !important; } .column-gap-lg-3 { column-gap: 0.8rem !important; } .column-gap-lg-4 { column-gap: 1.2rem !important; } .column-gap-lg-5 { column-gap: 2.4rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.2rem !important; } .m-xl-2 { margin: 0.4rem !important; } .m-xl-3 { margin: 0.8rem !important; } .m-xl-4 { margin: 1.2rem !important; } .m-xl-5 { margin: 2.4rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-xl-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-xl-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-xl-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-xl-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-xl-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-xl-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-xl-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-xl-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.2rem !important; } .mt-xl-2 { margin-top: 0.4rem !important; } .mt-xl-3 { margin-top: 0.8rem !important; } .mt-xl-4 { margin-top: 1.2rem !important; } .mt-xl-5 { margin-top: 2.4rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.2rem !important; } .me-xl-2 { margin-right: 0.4rem !important; } .me-xl-3 { margin-right: 0.8rem !important; } .me-xl-4 { margin-right: 1.2rem !important; } .me-xl-5 { margin-right: 2.4rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.2rem !important; } .mb-xl-2 { margin-bottom: 0.4rem !important; } .mb-xl-3 { margin-bottom: 0.8rem !important; } .mb-xl-4 { margin-bottom: 1.2rem !important; } .mb-xl-5 { margin-bottom: 2.4rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.2rem !important; } .ms-xl-2 { margin-left: 0.4rem !important; } .ms-xl-3 { margin-left: 0.8rem !important; } .ms-xl-4 { margin-left: 1.2rem !important; } .ms-xl-5 { margin-left: 2.4rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.2rem !important; } .p-xl-2 { padding: 0.4rem !important; } .p-xl-3 { padding: 0.8rem !important; } .p-xl-4 { padding: 1.2rem !important; } .p-xl-5 { padding: 2.4rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-xl-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-xl-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-xl-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-xl-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-xl-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-xl-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-xl-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-xl-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.2rem !important; } .pt-xl-2 { padding-top: 0.4rem !important; } .pt-xl-3 { padding-top: 0.8rem !important; } .pt-xl-4 { padding-top: 1.2rem !important; } .pt-xl-5 { padding-top: 2.4rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.2rem !important; } .pe-xl-2 { padding-right: 0.4rem !important; } .pe-xl-3 { padding-right: 0.8rem !important; } .pe-xl-4 { padding-right: 1.2rem !important; } .pe-xl-5 { padding-right: 2.4rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.2rem !important; } .pb-xl-2 { padding-bottom: 0.4rem !important; } .pb-xl-3 { padding-bottom: 0.8rem !important; } .pb-xl-4 { padding-bottom: 1.2rem !important; } .pb-xl-5 { padding-bottom: 2.4rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.2rem !important; } .ps-xl-2 { padding-left: 0.4rem !important; } .ps-xl-3 { padding-left: 0.8rem !important; } .ps-xl-4 { padding-left: 1.2rem !important; } .ps-xl-5 { padding-left: 2.4rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.2rem !important; } .gap-xl-2 { gap: 0.4rem !important; } .gap-xl-3 { gap: 0.8rem !important; } .gap-xl-4 { gap: 1.2rem !important; } .gap-xl-5 { gap: 2.4rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.2rem !important; } .row-gap-xl-2 { row-gap: 0.4rem !important; } .row-gap-xl-3 { row-gap: 0.8rem !important; } .row-gap-xl-4 { row-gap: 1.2rem !important; } .row-gap-xl-5 { row-gap: 2.4rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.2rem !important; } .column-gap-xl-2 { column-gap: 0.4rem !important; } .column-gap-xl-3 { column-gap: 0.8rem !important; } .column-gap-xl-4 { column-gap: 1.2rem !important; } .column-gap-xl-5 { column-gap: 2.4rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.2rem !important; } .m-xxl-2 { margin: 0.4rem !important; } .m-xxl-3 { margin: 0.8rem !important; } .m-xxl-4 { margin: 1.2rem !important; } .m-xxl-5 { margin: 2.4rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.2rem !important; margin-left: 0.2rem !important; } .mx-xxl-2 { margin-right: 0.4rem !important; margin-left: 0.4rem !important; } .mx-xxl-3 { margin-right: 0.8rem !important; margin-left: 0.8rem !important; } .mx-xxl-4 { margin-right: 1.2rem !important; margin-left: 1.2rem !important; } .mx-xxl-5 { margin-right: 2.4rem !important; margin-left: 2.4rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; } .my-xxl-2 { margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } .my-xxl-3 { margin-top: 0.8rem !important; margin-bottom: 0.8rem !important; } .my-xxl-4 { margin-top: 1.2rem !important; margin-bottom: 1.2rem !important; } .my-xxl-5 { margin-top: 2.4rem !important; margin-bottom: 2.4rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.2rem !important; } .mt-xxl-2 { margin-top: 0.4rem !important; } .mt-xxl-3 { margin-top: 0.8rem !important; } .mt-xxl-4 { margin-top: 1.2rem !important; } .mt-xxl-5 { margin-top: 2.4rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.2rem !important; } .me-xxl-2 { margin-right: 0.4rem !important; } .me-xxl-3 { margin-right: 0.8rem !important; } .me-xxl-4 { margin-right: 1.2rem !important; } .me-xxl-5 { margin-right: 2.4rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.2rem !important; } .mb-xxl-2 { margin-bottom: 0.4rem !important; } .mb-xxl-3 { margin-bottom: 0.8rem !important; } .mb-xxl-4 { margin-bottom: 1.2rem !important; } .mb-xxl-5 { margin-bottom: 2.4rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.2rem !important; } .ms-xxl-2 { margin-left: 0.4rem !important; } .ms-xxl-3 { margin-left: 0.8rem !important; } .ms-xxl-4 { margin-left: 1.2rem !important; } .ms-xxl-5 { margin-left: 2.4rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.2rem !important; } .p-xxl-2 { padding: 0.4rem !important; } .p-xxl-3 { padding: 0.8rem !important; } .p-xxl-4 { padding: 1.2rem !important; } .p-xxl-5 { padding: 2.4rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.2rem !important; padding-left: 0.2rem !important; } .px-xxl-2 { padding-right: 0.4rem !important; padding-left: 0.4rem !important; } .px-xxl-3 { padding-right: 0.8rem !important; padding-left: 0.8rem !important; } .px-xxl-4 { padding-right: 1.2rem !important; padding-left: 1.2rem !important; } .px-xxl-5 { padding-right: 2.4rem !important; padding-left: 2.4rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } .py-xxl-2 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .py-xxl-3 { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } .py-xxl-4 { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } .py-xxl-5 { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.2rem !important; } .pt-xxl-2 { padding-top: 0.4rem !important; } .pt-xxl-3 { padding-top: 0.8rem !important; } .pt-xxl-4 { padding-top: 1.2rem !important; } .pt-xxl-5 { padding-top: 2.4rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.2rem !important; } .pe-xxl-2 { padding-right: 0.4rem !important; } .pe-xxl-3 { padding-right: 0.8rem !important; } .pe-xxl-4 { padding-right: 1.2rem !important; } .pe-xxl-5 { padding-right: 2.4rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.2rem !important; } .pb-xxl-2 { padding-bottom: 0.4rem !important; } .pb-xxl-3 { padding-bottom: 0.8rem !important; } .pb-xxl-4 { padding-bottom: 1.2rem !important; } .pb-xxl-5 { padding-bottom: 2.4rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.2rem !important; } .ps-xxl-2 { padding-left: 0.4rem !important; } .ps-xxl-3 { padding-left: 0.8rem !important; } .ps-xxl-4 { padding-left: 1.2rem !important; } .ps-xxl-5 { padding-left: 2.4rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.2rem !important; } .gap-xxl-2 { gap: 0.4rem !important; } .gap-xxl-3 { gap: 0.8rem !important; } .gap-xxl-4 { gap: 1.2rem !important; } .gap-xxl-5 { gap: 2.4rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.2rem !important; } .row-gap-xxl-2 { row-gap: 0.4rem !important; } .row-gap-xxl-3 { row-gap: 0.8rem !important; } .row-gap-xxl-4 { row-gap: 1.2rem !important; } .row-gap-xxl-5 { row-gap: 2.4rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.2rem !important; } .column-gap-xxl-2 { column-gap: 0.4rem !important; } .column-gap-xxl-3 { column-gap: 0.8rem !important; } .column-gap-xxl-4 { column-gap: 1.2rem !important; } .column-gap-xxl-5 { column-gap: 2.4rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.1875rem !important; } .fs-2 { font-size: 1.75rem !important; } .fs-3 { font-size: 1.53125rem !important; } .fs-4 { font-size: 1.3125rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* ********************************************************************************************** *\ ** CORE VARIABLES ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - DataPresenter Borders * -
(separators) */ /* * * * * * * * * * * Usage: * - Some backgrounds (Card and popup cards) */ /* * * * * * * * * * * Usage: * - Border cards (icon cards, table row hover) * - Input fields */ /* * * * * * * * * * * Usage: * - Some hoverable stuff (clickable image box), menu button, ui elements (table headers), etc * - Secondary cards background color * - Popup cards footer background color */ /* * * * * * * * * * * Usage: * - Some gray borders (tailwind gray) */ /* * * * * * * * * * * Usage: * - Secondary cards border color (dark gray) */ /* * * * * * * * * * * Usage: * - Light grayed text */ /* ********************************************************************************************** *\ ** CORE CUSTOM VARIABLES ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - Navbar */ /* * * * * * * * * * * Usage: * - Turbo progress bar * - Accent color */ /* * * * * * * * * * * Usage: * - Blue buttons * - Primary color (reboot) */ /* * * * * * * * * * * Usage: * - Some hoverable stuff (clickable image box) */ /* * * * * * * * * * * Usage: * - Light/dark icons and UI elements */ /* * * * * * * * * * * Usage: * - Danger color (reboot) */ /* * * * * * * * * * * Usage: * - Success color (reboot) */ /* * * * * * * * * * * Usage: * - Warning color (reboot) */ /* * * * * * * * * * * Usage: * - Toolbar and other special menu * - Warning color (reboot) */ /* ********************************************************************************************** *\ ** CORE COLORS ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - Default font color (Bootstrap: $body-color = $gray-900 = #212529) */ /* * * * * * * * * * * Usage: * - Font secondary (Tailwing grey) */ /* * * * * * * * * * * Usage: * - Font secondary (Tailwing grey) */ /* * * * * * * * * * * Usage: * - Danger color (reboot) */ /* * * * * * * * * * * Usage: * - Main background */ /* ********************************************************************************************** *\ ** GRADIENT ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - Some gradient */ /* * * * * * * * * * * Usage: * - Some gradient */ /* * * * * * * * * * * Usage: * - Some gradient */ /* * * * * * * * * * * Usage: * - Some gradient */ /* * * * * * * * * * * Usage: * - Popup cards */ /* * * * * * * * * * * Usage: * - Light IconBox */ /* ********************************************************************************************** *\ ** LAYOUT ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - h3 Headings * - Sidenav headings */ /* * * * * * * * * * * Usage: * - Sidenav items */ /* * * * * * * * * * * Usage: * - Some hover:background (smart table, nav list) */ /* * * * * * * * * * * Usage: */ /* * * * * * * * * * * Usage: * - Background application body */ /* * * * * * * * * * * Usage: * - Background sidebar */ /* * * * * * * * * * * Usage: */ /* * * * * * * * * * * Usage: * - Card border */ /* * * * * * * * * * * Usage: * - Background sidebar */ /* ********************************************************************************************** *\ ** BLUES/PURPLE ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - None */ /* * * * * * * * * * * Usage: * - None */ /* * * * * * * * * * * Usage: * - Border autocomplete */ /* * * * * * * * * * * Usage: * - Background color for Header dropdown * - Jumbotron * - Button secondary background */ /* * * * * * * * * * * Usage: * - None */ /* * * * * * * * * * * Usage: * - Input fields border */ /* * * * * * * * * * * Usage: * - Card bg-dark (contrast) * - Link secondary */ /* * * * * * * * * * * Usage: * - Card bg-dark (contrast) * - Link secondary hover */ /* * * * * * * * * * * Usage: * - Button info hover */ /* * * * * * * * * * * Usage: * - Button info */ /* * * * * * * * * * * Usage: * - Hover Primary color (&:hover) */ /* * * * * * * * * * * Usage: * - Blue buttons * - Card title (light gray) * - Secondary text color (btn) * - Form legend */ /* ********************************************************************************************** *\ ** OTHER COLORS ** \* ********************************************************************************************** */ /* * * * * * * * * * * Usage: * - Background autocomplete hover */ /* ********************************************************************************************** *\ ** LAYOUT ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** LINKS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** COLORS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** SHADOWS ** \* ********************************************************************************************** */ /* ********************************************************************************************** *\ ** Vendors (Libs, fonts, etc) ** \* ********************************************************************************************** */ .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fas, .far, .fab, .fal, .fat, .fad, .fadr, .fadl, .fadt, .fass, .fasr, .fasl, .fast, .fasds, .fasdr, .fasdl, .fasdt, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa { --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro")); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: var(--fa-display, inline-block); font-family: var(--_fa-family); font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: var(--fa-style, 900); line-height: 1; text-align: center; text-rendering: auto; width: var(--fa-width, 1.25em); } :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before { content: var(--fa)/""; } @supports not (content: ""/"") { :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before { content: var(--fa); } } :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after { content: var(--fa)/""; font-feature-settings: "ss01"; } @supports not (content: ""/"") { :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after { content: var(--fa); } } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; /* converts a 10px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.1em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: 0.225em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xs { font-size: 0.75em; /* converts a 12px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.0833333333em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: 0.125em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-sm { font-size: 0.875em; /* converts a 14px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.0714285714em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: 0.0535714286em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-lg { font-size: 1.25em; /* converts a 20px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.05em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: -0.075em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xl { font-size: 1.5em; /* converts a 24px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.0416666667em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: -0.125em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-2xl { font-size: 2em; /* converts a 32px size into an em-based value that's relative to the scale's 16px base */ line-height: 0.03125em; /* sets the line-height of the icon back to that of it's parent */ vertical-align: -0.1875em; /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-ul { list-style-type: none; margin-inline-start: var(--fa-li-margin, 2.5em); padding-inline-start: 0; } .fa-ul > li { position: relative; } .fa-li { inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } /* Heads Up: Bordered Icons will not be supported in the future! - This feature will be deprecated in the next major release of Font Awesome (v8)! - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8. */ /* Notes: * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size) * --@{v.$css-prefix}-border-padding = ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment) ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon) */ .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, 0.1875em 0.25em); } .fa-pull-left, .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, 0.3em); } .fa-pull-right, .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation: none !important; transition: none !important; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { --fa-width: 100%; inset: 0; position: absolute; text-align: center; width: var(--fa-width); z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "0"; } .fa-00 { --fa: ""; } .fa-1 { --fa: "1"; } .fa-100 { --fa: ""; } .fa-2 { --fa: "2"; } .fa-3 { --fa: "3"; } .fa-360-degrees { --fa: ""; } .fa-4 { --fa: "4"; } .fa-5 { --fa: "5"; } .fa-6 { --fa: "6"; } .fa-7 { --fa: "7"; } .fa-8 { --fa: "8"; } .fa-9 { --fa: "9"; } .fa-a { --fa: "A"; } .fa-abacus { --fa: ""; } .fa-accent-grave { --fa: "`"; } .fa-acorn { --fa: ""; } .fa-ad { --fa: ""; } .fa-add { --fa: "+"; } .fa-address-book { --fa: ""; } .fa-address-card { --fa: ""; } .fa-adjust { --fa: ""; } .fa-aeropress { --fa: ""; } .fa-air-conditioner { --fa: ""; } .fa-air-freshener { --fa: ""; } .fa-airplay { --fa: ""; } .fa-airplay-audio { --fa: ""; } .fa-alarm-clock { --fa: ""; } .fa-alarm-exclamation { --fa: ""; } .fa-alarm-minus { --fa: ""; } .fa-alarm-plus { --fa: ""; } .fa-alarm-snooze { --fa: ""; } .fa-album { --fa: ""; } .fa-album-circle-plus { --fa: ""; } .fa-album-circle-user { --fa: ""; } .fa-album-collection { --fa: ""; } .fa-album-collection-circle-plus { --fa: ""; } .fa-album-collection-circle-user { --fa: ""; } .fa-alicorn { --fa: ""; } .fa-alien { --fa: ""; } .fa-alien-8bit { --fa: ""; } .fa-alien-monster { --fa: ""; } .fa-align-center { --fa: ""; } .fa-align-justify { --fa: ""; } .fa-align-left { --fa: ""; } .fa-align-right { --fa: ""; } .fa-align-slash { --fa: ""; } .fa-allergies { --fa: ""; } .fa-almost-equal-to { --fa: ""; } .fa-alt { --fa: ""; } .fa-ambulance { --fa: ""; } .fa-american-sign-language-interpreting { --fa: ""; } .fa-amp-guitar { --fa: ""; } .fa-ampersand { --fa: "&"; } .fa-analytics { --fa: ""; } .fa-anchor { --fa: ""; } .fa-anchor-circle-check { --fa: ""; } .fa-anchor-circle-exclamation { --fa: ""; } .fa-anchor-circle-xmark { --fa: ""; } .fa-anchor-lock { --fa: ""; } .fa-angel { --fa: ""; } .fa-angle { --fa: ""; } .fa-angle-90 { --fa: ""; } .fa-angle-double-down { --fa: ""; } .fa-angle-double-left { --fa: ""; } .fa-angle-double-right { --fa: ""; } .fa-angle-double-up { --fa: ""; } .fa-angle-down { --fa: ""; } .fa-angle-left { --fa: ""; } .fa-angle-right { --fa: ""; } .fa-angle-up { --fa: ""; } .fa-angles-down { --fa: ""; } .fa-angles-left { --fa: ""; } .fa-angles-right { --fa: ""; } .fa-angles-up { --fa: ""; } .fa-angles-up-down { --fa: ""; } .fa-angry { --fa: ""; } .fa-ankh { --fa: ""; } .fa-ant { --fa: ""; } .fa-apartment { --fa: ""; } .fa-aperture { --fa: ""; } .fa-apostrophe { --fa: "'"; } .fa-apple-alt { --fa: ""; } .fa-apple-core { --fa: ""; } .fa-apple-crate { --fa: ""; } .fa-apple-whole { --fa: ""; } .fa-aquarius { --fa: ""; } .fa-archive { --fa: ""; } .fa-archway { --fa: ""; } .fa-area-chart { --fa: ""; } .fa-aries { --fa: ""; } .fa-arrow-alt-circle-down { --fa: ""; } .fa-arrow-alt-circle-left { --fa: ""; } .fa-arrow-alt-circle-right { --fa: ""; } .fa-arrow-alt-circle-up { --fa: ""; } .fa-arrow-alt-down { --fa: ""; } .fa-arrow-alt-from-bottom { --fa: ""; } .fa-arrow-alt-from-left { --fa: ""; } .fa-arrow-alt-from-right { --fa: ""; } .fa-arrow-alt-from-top { --fa: ""; } .fa-arrow-alt-left { --fa: ""; } .fa-arrow-alt-right { --fa: ""; } .fa-arrow-alt-square-down { --fa: ""; } .fa-arrow-alt-square-left { --fa: ""; } .fa-arrow-alt-square-right { --fa: ""; } .fa-arrow-alt-square-up { --fa: ""; } .fa-arrow-alt-to-bottom { --fa: ""; } .fa-arrow-alt-to-left { --fa: ""; } .fa-arrow-alt-to-right { --fa: ""; } .fa-arrow-alt-to-top { --fa: ""; } .fa-arrow-alt-up { --fa: ""; } .fa-arrow-archery { --fa: ""; } .fa-arrow-circle-down { --fa: ""; } .fa-arrow-circle-left { --fa: ""; } .fa-arrow-circle-right { --fa: ""; } .fa-arrow-circle-up { --fa: ""; } .fa-arrow-down { --fa: ""; } .fa-arrow-down-1-9 { --fa: ""; } .fa-arrow-down-9-1 { --fa: ""; } .fa-arrow-down-a-z { --fa: ""; } .fa-arrow-down-arrow-up { --fa: ""; } .fa-arrow-down-big-small { --fa: ""; } .fa-arrow-down-from-arc { --fa: ""; } .fa-arrow-down-from-bracket { --fa: ""; } .fa-arrow-down-from-dotted-line { --fa: ""; } .fa-arrow-down-from-line { --fa: ""; } .fa-arrow-down-left { --fa: ""; } .fa-arrow-down-left-and-arrow-up-right-to-center { --fa: ""; } .fa-arrow-down-long { --fa: ""; } .fa-arrow-down-long-to-line { --fa: ""; } .fa-arrow-down-right { --fa: ""; } .fa-arrow-down-short-wide { --fa: ""; } .fa-arrow-down-small-big { --fa: ""; } .fa-arrow-down-square-triangle { --fa: ""; } .fa-arrow-down-to-arc { --fa: ""; } .fa-arrow-down-to-bracket { --fa: ""; } .fa-arrow-down-to-dotted-line { --fa: ""; } .fa-arrow-down-to-line { --fa: ""; } .fa-arrow-down-to-square { --fa: ""; } .fa-arrow-down-triangle-square { --fa: ""; } .fa-arrow-down-up-across-line { --fa: ""; } .fa-arrow-down-up-lock { --fa: ""; } .fa-arrow-down-wide-short { --fa: ""; } .fa-arrow-down-z-a { --fa: ""; } .fa-arrow-from-bottom { --fa: ""; } .fa-arrow-from-left { --fa: ""; } .fa-arrow-from-right { --fa: ""; } .fa-arrow-from-top { --fa: ""; } .fa-arrow-left { --fa: ""; } .fa-arrow-left-arrow-right { --fa: ""; } .fa-arrow-left-from-arc { --fa: ""; } .fa-arrow-left-from-bracket { --fa: ""; } .fa-arrow-left-from-dotted-line { --fa: ""; } .fa-arrow-left-from-line { --fa: ""; } .fa-arrow-left-long { --fa: ""; } .fa-arrow-left-long-to-line { --fa: ""; } .fa-arrow-left-rotate { --fa: ""; } .fa-arrow-left-to-arc { --fa: ""; } .fa-arrow-left-to-bracket { --fa: ""; } .fa-arrow-left-to-dotted-line { --fa: ""; } .fa-arrow-left-to-line { --fa: ""; } .fa-arrow-pointer { --fa: ""; } .fa-arrow-progress { --fa: ""; } .fa-arrow-right { --fa: ""; } .fa-arrow-right-arrow-left { --fa: ""; } .fa-arrow-right-from-arc { --fa: ""; } .fa-arrow-right-from-bracket { --fa: ""; } .fa-arrow-right-from-dotted-line { --fa: ""; } .fa-arrow-right-from-file { --fa: ""; } .fa-arrow-right-from-line { --fa: ""; } .fa-arrow-right-long { --fa: ""; } .fa-arrow-right-long-to-line { --fa: ""; } .fa-arrow-right-rotate { --fa: ""; } .fa-arrow-right-to-arc { --fa: ""; } .fa-arrow-right-to-bracket { --fa: ""; } .fa-arrow-right-to-city { --fa: ""; } .fa-arrow-right-to-dotted-line { --fa: ""; } .fa-arrow-right-to-file { --fa: ""; } .fa-arrow-right-to-line { --fa: ""; } .fa-arrow-rotate-back { --fa: ""; } .fa-arrow-rotate-backward { --fa: ""; } .fa-arrow-rotate-forward { --fa: ""; } .fa-arrow-rotate-left { --fa: ""; } .fa-arrow-rotate-left-10 { --fa: ""; } .fa-arrow-rotate-left-15 { --fa: ""; } .fa-arrow-rotate-left-30 { --fa: ""; } .fa-arrow-rotate-right { --fa: ""; } .fa-arrow-rotate-right-10 { --fa: ""; } .fa-arrow-rotate-right-15 { --fa: ""; } .fa-arrow-rotate-right-30 { --fa: ""; } .fa-arrow-square-down { --fa: ""; } .fa-arrow-square-left { --fa: ""; } .fa-arrow-square-right { --fa: ""; } .fa-arrow-square-up { --fa: ""; } .fa-arrow-to-bottom { --fa: ""; } .fa-arrow-to-left { --fa: ""; } .fa-arrow-to-right { --fa: ""; } .fa-arrow-to-top { --fa: ""; } .fa-arrow-trend-down { --fa: ""; } .fa-arrow-trend-up { --fa: ""; } .fa-arrow-turn-down { --fa: ""; } .fa-arrow-turn-down-left { --fa: ""; } .fa-arrow-turn-down-right { --fa: ""; } .fa-arrow-turn-left { --fa: ""; } .fa-arrow-turn-left-down { --fa: ""; } .fa-arrow-turn-left-up { --fa: ""; } .fa-arrow-turn-right { --fa: ""; } .fa-arrow-turn-up { --fa: ""; } .fa-arrow-u-turn-down-left { --fa: ""; } .fa-arrow-u-turn-down-right { --fa: ""; } .fa-arrow-u-turn-left-down { --fa: ""; } .fa-arrow-u-turn-left-up { --fa: ""; } .fa-arrow-u-turn-right-down { --fa: ""; } .fa-arrow-u-turn-right-up { --fa: ""; } .fa-arrow-u-turn-up-left { --fa: ""; } .fa-arrow-u-turn-up-right { --fa: ""; } .fa-arrow-up { --fa: ""; } .fa-arrow-up-1-9 { --fa: ""; } .fa-arrow-up-9-1 { --fa: ""; } .fa-arrow-up-a-z { --fa: ""; } .fa-arrow-up-arrow-down { --fa: ""; } .fa-arrow-up-big-small { --fa: ""; } .fa-arrow-up-from-arc { --fa: ""; } .fa-arrow-up-from-bracket { --fa: ""; } .fa-arrow-up-from-dotted-line { --fa: ""; } .fa-arrow-up-from-ground-water { --fa: ""; } .fa-arrow-up-from-line { --fa: ""; } .fa-arrow-up-from-square { --fa: ""; } .fa-arrow-up-from-water-pump { --fa: ""; } .fa-arrow-up-left { --fa: ""; } .fa-arrow-up-left-from-circle { --fa: ""; } .fa-arrow-up-long { --fa: ""; } .fa-arrow-up-long-to-line { --fa: ""; } .fa-arrow-up-right { --fa: ""; } .fa-arrow-up-right-and-arrow-down-left-from-center { --fa: ""; } .fa-arrow-up-right-dots { --fa: ""; } .fa-arrow-up-right-from-square { --fa: ""; } .fa-arrow-up-short-wide { --fa: ""; } .fa-arrow-up-small-big { --fa: ""; } .fa-arrow-up-square-triangle { --fa: ""; } .fa-arrow-up-to-arc { --fa: ""; } .fa-arrow-up-to-bracket { --fa: ""; } .fa-arrow-up-to-dotted-line { --fa: ""; } .fa-arrow-up-to-line { --fa: ""; } .fa-arrow-up-triangle-square { --fa: ""; } .fa-arrow-up-wide-short { --fa: ""; } .fa-arrow-up-z-a { --fa: ""; } .fa-arrows { --fa: ""; } .fa-arrows-alt { --fa: ""; } .fa-arrows-alt-h { --fa: ""; } .fa-arrows-alt-v { --fa: ""; } .fa-arrows-cross { --fa: ""; } .fa-arrows-down-to-line { --fa: ""; } .fa-arrows-down-to-people { --fa: ""; } .fa-arrows-from-dotted-line { --fa: ""; } .fa-arrows-from-line { --fa: ""; } .fa-arrows-h { --fa: ""; } .fa-arrows-left-right { --fa: ""; } .fa-arrows-left-right-to-line { --fa: ""; } .fa-arrows-maximize { --fa: ""; } .fa-arrows-minimize { --fa: ""; } .fa-arrows-repeat { --fa: ""; } .fa-arrows-repeat-1 { --fa: ""; } .fa-arrows-retweet { --fa: ""; } .fa-arrows-rotate { --fa: ""; } .fa-arrows-rotate-reverse { --fa: ""; } .fa-arrows-spin { --fa: ""; } .fa-arrows-split-up-and-left { --fa: ""; } .fa-arrows-to-circle { --fa: ""; } .fa-arrows-to-dot { --fa: ""; } .fa-arrows-to-dotted-line { --fa: ""; } .fa-arrows-to-eye { --fa: ""; } .fa-arrows-to-line { --fa: ""; } .fa-arrows-turn-right { --fa: ""; } .fa-arrows-turn-to-dots { --fa: ""; } .fa-arrows-up-down { --fa: ""; } .fa-arrows-up-down-left-right { --fa: ""; } .fa-arrows-up-to-line { --fa: ""; } .fa-arrows-v { --fa: ""; } .fa-asl-interpreting { --fa: ""; } .fa-assistive-listening-systems { --fa: ""; } .fa-asterisk { --fa: "*"; } .fa-at { --fa: "@"; } .fa-atlas { --fa: ""; } .fa-atom { --fa: ""; } .fa-atom-alt { --fa: ""; } .fa-atom-simple { --fa: ""; } .fa-audio-description { --fa: ""; } .fa-audio-description-slash { --fa: ""; } .fa-austral-sign { --fa: ""; } .fa-australian-dollar-sign { --fa: ""; } .fa-automobile { --fa: ""; } .fa-avocado { --fa: ""; } .fa-award { --fa: ""; } .fa-award-simple { --fa: ""; } .fa-axe { --fa: ""; } .fa-axe-battle { --fa: ""; } .fa-b { --fa: "B"; } .fa-baby { --fa: ""; } .fa-baby-carriage { --fa: ""; } .fa-backpack { --fa: ""; } .fa-backspace { --fa: ""; } .fa-backward { --fa: ""; } .fa-backward-fast { --fa: ""; } .fa-backward-step { --fa: ""; } .fa-bacon { --fa: ""; } .fa-bacteria { --fa: ""; } .fa-bacterium { --fa: ""; } .fa-badge { --fa: ""; } .fa-badge-check { --fa: ""; } .fa-badge-dollar { --fa: ""; } .fa-badge-percent { --fa: ""; } .fa-badge-sheriff { --fa: ""; } .fa-badger-honey { --fa: ""; } .fa-badminton { --fa: ""; } .fa-bag-seedling { --fa: ""; } .fa-bag-shopping { --fa: ""; } .fa-bag-shopping-minus { --fa: ""; } .fa-bag-shopping-plus { --fa: ""; } .fa-bagel { --fa: ""; } .fa-bags-shopping { --fa: ""; } .fa-baguette { --fa: ""; } .fa-bahai { --fa: ""; } .fa-baht-sign { --fa: ""; } .fa-balance-scale { --fa: ""; } .fa-balance-scale-left { --fa: ""; } .fa-balance-scale-right { --fa: ""; } .fa-ball-pile { --fa: ""; } .fa-ball-yarn { --fa: ""; } .fa-balloon { --fa: ""; } .fa-balloons { --fa: ""; } .fa-ballot { --fa: ""; } .fa-ballot-check { --fa: ""; } .fa-ban { --fa: ""; } .fa-ban-bug { --fa: ""; } .fa-ban-parking { --fa: ""; } .fa-ban-smoking { --fa: ""; } .fa-banana { --fa: ""; } .fa-band-aid { --fa: ""; } .fa-bandage { --fa: ""; } .fa-bangladeshi-taka-sign { --fa: ""; } .fa-banjo { --fa: ""; } .fa-bank { --fa: ""; } .fa-bar-chart { --fa: ""; } .fa-bar-progress { --fa: ""; } .fa-bar-progress-empty { --fa: ""; } .fa-bar-progress-full { --fa: ""; } .fa-bar-progress-half { --fa: ""; } .fa-bar-progress-quarter { --fa: ""; } .fa-bar-progress-three-quarters { --fa: ""; } .fa-barcode { --fa: ""; } .fa-barcode-alt { --fa: ""; } .fa-barcode-read { --fa: ""; } .fa-barcode-scan { --fa: ""; } .fa-barn { --fa: ""; } .fa-barn-silo { --fa: ""; } .fa-bars { --fa: ""; } .fa-bars-filter { --fa: ""; } .fa-bars-progress { --fa: ""; } .fa-bars-sort { --fa: ""; } .fa-bars-staggered { --fa: ""; } .fa-baseball { --fa: ""; } .fa-baseball-ball { --fa: ""; } .fa-baseball-bat { --fa: ""; } .fa-baseball-bat-ball { --fa: ""; } .fa-basket-shopping { --fa: ""; } .fa-basket-shopping-minus { --fa: ""; } .fa-basket-shopping-plus { --fa: ""; } .fa-basket-shopping-simple { --fa: ""; } .fa-basketball { --fa: ""; } .fa-basketball-ball { --fa: ""; } .fa-basketball-hoop { --fa: ""; } .fa-bat { --fa: ""; } .fa-bath { --fa: ""; } .fa-bathtub { --fa: ""; } .fa-battery { --fa: ""; } .fa-battery-0 { --fa: ""; } .fa-battery-1 { --fa: ""; } .fa-battery-2 { --fa: ""; } .fa-battery-3 { --fa: ""; } .fa-battery-4 { --fa: ""; } .fa-battery-5 { --fa: ""; } .fa-battery-bolt { --fa: ""; } .fa-battery-car { --fa: ""; } .fa-battery-empty { --fa: ""; } .fa-battery-exclamation { --fa: ""; } .fa-battery-full { --fa: ""; } .fa-battery-half { --fa: ""; } .fa-battery-low { --fa: ""; } .fa-battery-quarter { --fa: ""; } .fa-battery-slash { --fa: ""; } .fa-battery-three-quarters { --fa: ""; } .fa-bed { --fa: ""; } .fa-bed-alt { --fa: ""; } .fa-bed-bunk { --fa: ""; } .fa-bed-empty { --fa: ""; } .fa-bed-front { --fa: ""; } .fa-bed-pulse { --fa: ""; } .fa-bee { --fa: ""; } .fa-beer { --fa: ""; } .fa-beer-foam { --fa: ""; } .fa-beer-mug { --fa: ""; } .fa-beer-mug-empty { --fa: ""; } .fa-bell { --fa: ""; } .fa-bell-concierge { --fa: ""; } .fa-bell-exclamation { --fa: ""; } .fa-bell-on { --fa: ""; } .fa-bell-plus { --fa: ""; } .fa-bell-ring { --fa: ""; } .fa-bell-school { --fa: ""; } .fa-bell-school-slash { --fa: ""; } .fa-bell-slash { --fa: ""; } .fa-bells { --fa: ""; } .fa-bench-tree { --fa: ""; } .fa-betamax { --fa: ""; } .fa-bezier-curve { --fa: ""; } .fa-bible { --fa: ""; } .fa-bicep { --fa: ""; } .fa-bicycle { --fa: ""; } .fa-biking { --fa: ""; } .fa-biking-mountain { --fa: ""; } .fa-billboard { --fa: ""; } .fa-bin { --fa: ""; } .fa-bin-bottles { --fa: ""; } .fa-bin-bottles-recycle { --fa: ""; } .fa-bin-recycle { --fa: ""; } .fa-binary { --fa: ""; } .fa-binary-circle-check { --fa: ""; } .fa-binary-lock { --fa: ""; } .fa-binary-slash { --fa: ""; } .fa-binoculars { --fa: ""; } .fa-biohazard { --fa: ""; } .fa-bird { --fa: ""; } .fa-birthday-cake { --fa: ""; } .fa-bitcoin-sign { --fa: ""; } .fa-blackboard { --fa: ""; } .fa-blanket { --fa: ""; } .fa-blanket-fire { --fa: ""; } .fa-blender { --fa: ""; } .fa-blender-phone { --fa: ""; } .fa-blind { --fa: ""; } .fa-blinds { --fa: ""; } .fa-blinds-open { --fa: ""; } .fa-blinds-raised { --fa: ""; } .fa-block { --fa: ""; } .fa-block-brick { --fa: ""; } .fa-block-brick-fire { --fa: ""; } .fa-block-question { --fa: ""; } .fa-block-quote { --fa: ""; } .fa-blog { --fa: ""; } .fa-blueberries { --fa: ""; } .fa-bluetooth { --fa: ""; } .fa-bold { --fa: ""; } .fa-bolt { --fa: ""; } .fa-bolt-auto { --fa: ""; } .fa-bolt-lightning { --fa: ""; } .fa-bolt-slash { --fa: ""; } .fa-bomb { --fa: ""; } .fa-bone { --fa: ""; } .fa-bone-break { --fa: ""; } .fa-bong { --fa: ""; } .fa-book { --fa: ""; } .fa-book-alt { --fa: ""; } .fa-book-arrow-right { --fa: ""; } .fa-book-arrow-up { --fa: ""; } .fa-book-atlas { --fa: ""; } .fa-book-bible { --fa: ""; } .fa-book-blank { --fa: ""; } .fa-book-bookmark { --fa: ""; } .fa-book-circle { --fa: ""; } .fa-book-circle-arrow-right { --fa: ""; } .fa-book-circle-arrow-up { --fa: ""; } .fa-book-copy { --fa: ""; } .fa-book-dead { --fa: ""; } .fa-book-font { --fa: ""; } .fa-book-heart { --fa: ""; } .fa-book-journal-whills { --fa: ""; } .fa-book-law { --fa: ""; } .fa-book-medical { --fa: ""; } .fa-book-open { --fa: ""; } .fa-book-open-alt { --fa: ""; } .fa-book-open-cover { --fa: ""; } .fa-book-open-lines { --fa: ""; } .fa-book-open-reader { --fa: ""; } .fa-book-quran { --fa: ""; } .fa-book-reader { --fa: ""; } .fa-book-section { --fa: ""; } .fa-book-skull { --fa: ""; } .fa-book-sparkles { --fa: ""; } .fa-book-spells { --fa: ""; } .fa-book-spine { --fa: ""; } .fa-book-tanakh { --fa: ""; } .fa-book-user { --fa: ""; } .fa-bookmark { --fa: ""; } .fa-bookmark-circle { --fa: ""; } .fa-bookmark-plus { --fa: ""; } .fa-bookmark-slash { --fa: ""; } .fa-books { --fa: ""; } .fa-books-medical { --fa: ""; } .fa-boombox { --fa: ""; } .fa-boot { --fa: ""; } .fa-boot-heeled { --fa: ""; } .fa-booth-curtain { --fa: ""; } .fa-border-all { --fa: ""; } .fa-border-bottom { --fa: ""; } .fa-border-bottom-right { --fa: ""; } .fa-border-center-h { --fa: ""; } .fa-border-center-v { --fa: ""; } .fa-border-inner { --fa: ""; } .fa-border-left { --fa: ""; } .fa-border-none { --fa: ""; } .fa-border-outer { --fa: ""; } .fa-border-right { --fa: ""; } .fa-border-style { --fa: ""; } .fa-border-style-alt { --fa: ""; } .fa-border-top { --fa: ""; } .fa-border-top-left { --fa: ""; } .fa-bore-hole { --fa: ""; } .fa-bottle-baby { --fa: ""; } .fa-bottle-droplet { --fa: ""; } .fa-bottle-water { --fa: ""; } .fa-bow-archery { --fa: ""; } .fa-bow-arrow { --fa: ""; } .fa-bowl-chopsticks { --fa: ""; } .fa-bowl-chopsticks-noodles { --fa: ""; } .fa-bowl-food { --fa: ""; } .fa-bowl-hot { --fa: ""; } .fa-bowl-rice { --fa: ""; } .fa-bowl-salad { --fa: ""; } .fa-bowl-scoop { --fa: ""; } .fa-bowl-scoops { --fa: ""; } .fa-bowl-shaved-ice { --fa: ""; } .fa-bowl-soft-serve { --fa: ""; } .fa-bowl-spoon { --fa: ""; } .fa-bowling-ball { --fa: ""; } .fa-bowling-ball-pin { --fa: ""; } .fa-bowling-pins { --fa: ""; } .fa-box { --fa: ""; } .fa-box-alt { --fa: ""; } .fa-box-archive { --fa: ""; } .fa-box-arrow-down { --fa: ""; } .fa-box-arrow-down-arrow-up { --fa: ""; } .fa-box-arrow-down-magnifying-glass { --fa: ""; } .fa-box-arrow-up { --fa: ""; } .fa-box-ballot { --fa: ""; } .fa-box-check { --fa: ""; } .fa-box-circle-check { --fa: ""; } .fa-box-dollar { --fa: ""; } .fa-box-fragile { --fa: ""; } .fa-box-full { --fa: ""; } .fa-box-heart { --fa: ""; } .fa-box-isometric { --fa: ""; } .fa-box-isometric-tape { --fa: ""; } .fa-box-magnifying-glass { --fa: ""; } .fa-box-open { --fa: ""; } .fa-box-open-full { --fa: ""; } .fa-box-taped { --fa: ""; } .fa-box-tissue { --fa: ""; } .fa-box-up { --fa: ""; } .fa-box-usd { --fa: ""; } .fa-boxes { --fa: ""; } .fa-boxes-alt { --fa: ""; } .fa-boxes-packing { --fa: ""; } .fa-boxes-stacked { --fa: ""; } .fa-boxing-glove { --fa: ""; } .fa-bra { --fa: ""; } .fa-bracket { --fa: "["; } .fa-bracket-curly { --fa: "{"; } .fa-bracket-curly-left { --fa: "{"; } .fa-bracket-curly-right { --fa: "}"; } .fa-bracket-left { --fa: "["; } .fa-bracket-round { --fa: "("; } .fa-bracket-round-right { --fa: ")"; } .fa-bracket-square { --fa: "["; } .fa-bracket-square-right { --fa: "]"; } .fa-brackets { --fa: ""; } .fa-brackets-curly { --fa: ""; } .fa-brackets-round { --fa: ""; } .fa-brackets-square { --fa: ""; } .fa-braille { --fa: ""; } .fa-brain { --fa: ""; } .fa-brain-arrow-curved-right { --fa: ""; } .fa-brain-circuit { --fa: ""; } .fa-brake-warning { --fa: ""; } .fa-brazilian-real-sign { --fa: ""; } .fa-bread-loaf { --fa: ""; } .fa-bread-slice { --fa: ""; } .fa-bread-slice-butter { --fa: ""; } .fa-bridge { --fa: ""; } .fa-bridge-circle-check { --fa: ""; } .fa-bridge-circle-exclamation { --fa: ""; } .fa-bridge-circle-xmark { --fa: ""; } .fa-bridge-lock { --fa: ""; } .fa-bridge-suspension { --fa: ""; } .fa-bridge-water { --fa: ""; } .fa-briefcase { --fa: ""; } .fa-briefcase-arrow-right { --fa: ""; } .fa-briefcase-blank { --fa: ""; } .fa-briefcase-clock { --fa: ""; } .fa-briefcase-medical { --fa: ""; } .fa-briefs { --fa: ""; } .fa-brightness { --fa: ""; } .fa-brightness-low { --fa: ""; } .fa-bring-forward { --fa: ""; } .fa-bring-front { --fa: ""; } .fa-broadcast-tower { --fa: ""; } .fa-broccoli { --fa: ""; } .fa-broom { --fa: ""; } .fa-broom-ball { --fa: ""; } .fa-broom-wide { --fa: ""; } .fa-browser { --fa: ""; } .fa-browsers { --fa: ""; } .fa-brush { --fa: ""; } .fa-bucket { --fa: ""; } .fa-bug { --fa: ""; } .fa-bug-slash { --fa: ""; } .fa-bugs { --fa: ""; } .fa-building { --fa: ""; } .fa-building-circle-arrow-right { --fa: ""; } .fa-building-circle-check { --fa: ""; } .fa-building-circle-exclamation { --fa: ""; } .fa-building-circle-xmark { --fa: ""; } .fa-building-columns { --fa: ""; } .fa-building-flag { --fa: ""; } .fa-building-lock { --fa: ""; } .fa-building-magnifying-glass { --fa: ""; } .fa-building-memo { --fa: ""; } .fa-building-ngo { --fa: ""; } .fa-building-shield { --fa: ""; } .fa-building-un { --fa: ""; } .fa-building-user { --fa: ""; } .fa-building-wheat { --fa: ""; } .fa-buildings { --fa: ""; } .fa-bulldozer { --fa: ""; } .fa-bullhorn { --fa: ""; } .fa-bullseye { --fa: ""; } .fa-bullseye-arrow { --fa: ""; } .fa-bullseye-pointer { --fa: ""; } .fa-buoy { --fa: ""; } .fa-buoy-mooring { --fa: ""; } .fa-burger { --fa: ""; } .fa-burger-cheese { --fa: ""; } .fa-burger-fries { --fa: ""; } .fa-burger-glass { --fa: ""; } .fa-burger-lettuce { --fa: ""; } .fa-burger-soda { --fa: ""; } .fa-burn { --fa: ""; } .fa-burrito { --fa: ""; } .fa-burst { --fa: ""; } .fa-burst-new { --fa: ""; } .fa-bus { --fa: ""; } .fa-bus-alt { --fa: ""; } .fa-bus-school { --fa: ""; } .fa-bus-side { --fa: ""; } .fa-bus-simple { --fa: ""; } .fa-bus-stop { --fa: ""; } .fa-business-front { --fa: ""; } .fa-business-time { --fa: ""; } .fa-butter { --fa: ""; } .fa-butterfly { --fa: ""; } .fa-c { --fa: "C"; } .fa-cab { --fa: ""; } .fa-cabin { --fa: ""; } .fa-cabinet-filing { --fa: ""; } .fa-cable-car { --fa: ""; } .fa-cactus { --fa: ""; } .fa-caduceus { --fa: ""; } .fa-cake { --fa: ""; } .fa-cake-candles { --fa: ""; } .fa-cake-slice { --fa: ""; } .fa-calculator { --fa: ""; } .fa-calculator-alt { --fa: ""; } .fa-calculator-simple { --fa: ""; } .fa-calendar { --fa: ""; } .fa-calendar-alt { --fa: ""; } .fa-calendar-arrow-down { --fa: ""; } .fa-calendar-arrow-up { --fa: ""; } .fa-calendar-check { --fa: ""; } .fa-calendar-circle { --fa: ""; } .fa-calendar-circle-exclamation { --fa: ""; } .fa-calendar-circle-minus { --fa: ""; } .fa-calendar-circle-plus { --fa: ""; } .fa-calendar-circle-user { --fa: ""; } .fa-calendar-clock { --fa: ""; } .fa-calendar-day { --fa: ""; } .fa-calendar-days { --fa: ""; } .fa-calendar-download { --fa: ""; } .fa-calendar-edit { --fa: ""; } .fa-calendar-exclamation { --fa: ""; } .fa-calendar-heart { --fa: ""; } .fa-calendar-image { --fa: ""; } .fa-calendar-lines { --fa: ""; } .fa-calendar-lines-pen { --fa: ""; } .fa-calendar-minus { --fa: ""; } .fa-calendar-note { --fa: ""; } .fa-calendar-pen { --fa: ""; } .fa-calendar-plus { --fa: ""; } .fa-calendar-range { --fa: ""; } .fa-calendar-star { --fa: ""; } .fa-calendar-time { --fa: ""; } .fa-calendar-times { --fa: ""; } .fa-calendar-upload { --fa: ""; } .fa-calendar-users { --fa: ""; } .fa-calendar-week { --fa: ""; } .fa-calendar-xmark { --fa: ""; } .fa-calendars { --fa: ""; } .fa-camcorder { --fa: ""; } .fa-camera { --fa: ""; } .fa-camera-alt { --fa: ""; } .fa-camera-cctv { --fa: ""; } .fa-camera-circle { --fa: ""; } .fa-camera-circle-ellipsis { --fa: ""; } .fa-camera-clock { --fa: ""; } .fa-camera-home { --fa: ""; } .fa-camera-movie { --fa: ""; } .fa-camera-polaroid { --fa: ""; } .fa-camera-retro { --fa: ""; } .fa-camera-rotate { --fa: ""; } .fa-camera-security { --fa: ""; } .fa-camera-shutter { --fa: ""; } .fa-camera-slash { --fa: ""; } .fa-camera-viewfinder { --fa: ""; } .fa-camera-web { --fa: ""; } .fa-camera-web-slash { --fa: ""; } .fa-campfire { --fa: ""; } .fa-campground { --fa: ""; } .fa-can-food { --fa: ""; } .fa-cancel { --fa: ""; } .fa-cancer { --fa: ""; } .fa-candle-holder { --fa: ""; } .fa-candy { --fa: ""; } .fa-candy-bar { --fa: ""; } .fa-candy-cane { --fa: ""; } .fa-candy-corn { --fa: ""; } .fa-cannabis { --fa: ""; } .fa-cannon { --fa: ""; } .fa-canoe-person { --fa: ""; } .fa-capricorn { --fa: ""; } .fa-capsule { --fa: ""; } .fa-capsules { --fa: ""; } .fa-car { --fa: ""; } .fa-car-alt { --fa: ""; } .fa-car-battery { --fa: ""; } .fa-car-bolt { --fa: ""; } .fa-car-building { --fa: ""; } .fa-car-bump { --fa: ""; } .fa-car-burst { --fa: ""; } .fa-car-bus { --fa: ""; } .fa-car-circle-bolt { --fa: ""; } .fa-car-crash { --fa: ""; } .fa-car-garage { --fa: ""; } .fa-car-key { --fa: ""; } .fa-car-mechanic { --fa: ""; } .fa-car-mirrors { --fa: ""; } .fa-car-on { --fa: ""; } .fa-car-people { --fa: ""; } .fa-car-rear { --fa: ""; } .fa-car-side { --fa: ""; } .fa-car-side-bolt { --fa: ""; } .fa-car-siren { --fa: ""; } .fa-car-siren-on { --fa: ""; } .fa-car-tilt { --fa: ""; } .fa-car-tunnel { --fa: ""; } .fa-car-wash { --fa: ""; } .fa-car-wrench { --fa: ""; } .fa-caravan { --fa: ""; } .fa-caravan-alt { --fa: ""; } .fa-caravan-simple { --fa: ""; } .fa-card-club { --fa: ""; } .fa-card-diamond { --fa: ""; } .fa-card-heart { --fa: ""; } .fa-card-spade { --fa: ""; } .fa-cards { --fa: ""; } .fa-cards-blank { --fa: ""; } .fa-caret-circle-down { --fa: ""; } .fa-caret-circle-left { --fa: ""; } .fa-caret-circle-right { --fa: ""; } .fa-caret-circle-up { --fa: ""; } .fa-caret-down { --fa: ""; } .fa-caret-large-down { --fa: ""; } .fa-caret-large-left { --fa: ""; } .fa-caret-large-right { --fa: ""; } .fa-caret-large-up { --fa: ""; } .fa-caret-left { --fa: ""; } .fa-caret-right { --fa: ""; } .fa-caret-square-down { --fa: ""; } .fa-caret-square-left { --fa: ""; } .fa-caret-square-right { --fa: ""; } .fa-caret-square-up { --fa: ""; } .fa-caret-up { --fa: ""; } .fa-carpool { --fa: ""; } .fa-carriage-baby { --fa: ""; } .fa-carrot { --fa: ""; } .fa-cars { --fa: ""; } .fa-cart-arrow-down { --fa: ""; } .fa-cart-arrow-up { --fa: ""; } .fa-cart-circle-arrow-down { --fa: ""; } .fa-cart-circle-arrow-up { --fa: ""; } .fa-cart-circle-check { --fa: ""; } .fa-cart-circle-exclamation { --fa: ""; } .fa-cart-circle-plus { --fa: ""; } .fa-cart-circle-xmark { --fa: ""; } .fa-cart-flatbed { --fa: ""; } .fa-cart-flatbed-boxes { --fa: ""; } .fa-cart-flatbed-empty { --fa: ""; } .fa-cart-flatbed-suitcase { --fa: ""; } .fa-cart-minus { --fa: ""; } .fa-cart-plus { --fa: ""; } .fa-cart-shopping { --fa: ""; } .fa-cart-shopping-fast { --fa: ""; } .fa-cart-xmark { --fa: ""; } .fa-cash-register { --fa: ""; } .fa-cassette-betamax { --fa: ""; } .fa-cassette-tape { --fa: ""; } .fa-cassette-vhs { --fa: ""; } .fa-castle { --fa: ""; } .fa-cat { --fa: ""; } .fa-cat-space { --fa: ""; } .fa-cauldron { --fa: ""; } .fa-cctv { --fa: ""; } .fa-cedi-sign { --fa: ""; } .fa-cent-sign { --fa: ""; } .fa-certificate { --fa: ""; } .fa-chain { --fa: ""; } .fa-chain-broken { --fa: ""; } .fa-chain-horizontal { --fa: ""; } .fa-chain-horizontal-slash { --fa: ""; } .fa-chain-slash { --fa: ""; } .fa-chair { --fa: ""; } .fa-chair-office { --fa: ""; } .fa-chalkboard { --fa: ""; } .fa-chalkboard-teacher { --fa: ""; } .fa-chalkboard-user { --fa: ""; } .fa-champagne-glass { --fa: ""; } .fa-champagne-glasses { --fa: ""; } .fa-charging-station { --fa: ""; } .fa-chart-area { --fa: ""; } .fa-chart-bar { --fa: ""; } .fa-chart-bullet { --fa: ""; } .fa-chart-candlestick { --fa: ""; } .fa-chart-column { --fa: ""; } .fa-chart-diagram { --fa: ""; } .fa-chart-fft { --fa: ""; } .fa-chart-gantt { --fa: ""; } .fa-chart-kanban { --fa: ""; } .fa-chart-line { --fa: ""; } .fa-chart-line-down { --fa: ""; } .fa-chart-line-up { --fa: ""; } .fa-chart-line-up-down { --fa: ""; } .fa-chart-mixed { --fa: ""; } .fa-chart-mixed-up-circle-currency { --fa: ""; } .fa-chart-mixed-up-circle-dollar { --fa: ""; } .fa-chart-network { --fa: ""; } .fa-chart-pie { --fa: ""; } .fa-chart-pie-alt { --fa: ""; } .fa-chart-pie-simple { --fa: ""; } .fa-chart-pie-simple-circle-currency { --fa: ""; } .fa-chart-pie-simple-circle-dollar { --fa: ""; } .fa-chart-pyramid { --fa: ""; } .fa-chart-radar { --fa: ""; } .fa-chart-scatter { --fa: ""; } .fa-chart-scatter-3d { --fa: ""; } .fa-chart-scatter-bubble { --fa: ""; } .fa-chart-simple { --fa: ""; } .fa-chart-simple-horizontal { --fa: ""; } .fa-chart-sine { --fa: ""; } .fa-chart-tree-map { --fa: ""; } .fa-chart-user { --fa: ""; } .fa-chart-waterfall { --fa: ""; } .fa-check { --fa: ""; } .fa-check-circle { --fa: ""; } .fa-check-double { --fa: ""; } .fa-check-square { --fa: ""; } .fa-check-to-slot { --fa: ""; } .fa-cheese { --fa: ""; } .fa-cheese-swiss { --fa: ""; } .fa-cheeseburger { --fa: ""; } .fa-chemex { --fa: ""; } .fa-cherries { --fa: ""; } .fa-chess { --fa: ""; } .fa-chess-bishop { --fa: ""; } .fa-chess-bishop-alt { --fa: ""; } .fa-chess-bishop-piece { --fa: ""; } .fa-chess-board { --fa: ""; } .fa-chess-clock { --fa: ""; } .fa-chess-clock-alt { --fa: ""; } .fa-chess-clock-flip { --fa: ""; } .fa-chess-king { --fa: ""; } .fa-chess-king-alt { --fa: ""; } .fa-chess-king-piece { --fa: ""; } .fa-chess-knight { --fa: ""; } .fa-chess-knight-alt { --fa: ""; } .fa-chess-knight-piece { --fa: ""; } .fa-chess-pawn { --fa: ""; } .fa-chess-pawn-alt { --fa: ""; } .fa-chess-pawn-piece { --fa: ""; } .fa-chess-queen { --fa: ""; } .fa-chess-queen-alt { --fa: ""; } .fa-chess-queen-piece { --fa: ""; } .fa-chess-rook { --fa: ""; } .fa-chess-rook-alt { --fa: ""; } .fa-chess-rook-piece { --fa: ""; } .fa-chest-drawers { --fa: ""; } .fa-chestnut { --fa: ""; } .fa-chevron-circle-down { --fa: ""; } .fa-chevron-circle-left { --fa: ""; } .fa-chevron-circle-right { --fa: ""; } .fa-chevron-circle-up { --fa: ""; } .fa-chevron-double-down { --fa: ""; } .fa-chevron-double-left { --fa: ""; } .fa-chevron-double-right { --fa: ""; } .fa-chevron-double-up { --fa: ""; } .fa-chevron-down { --fa: ""; } .fa-chevron-left { --fa: ""; } .fa-chevron-right { --fa: ""; } .fa-chevron-square-down { --fa: ""; } .fa-chevron-square-left { --fa: ""; } .fa-chevron-square-right { --fa: ""; } .fa-chevron-square-up { --fa: ""; } .fa-chevron-up { --fa: ""; } .fa-chevrons-down { --fa: ""; } .fa-chevrons-left { --fa: ""; } .fa-chevrons-right { --fa: ""; } .fa-chevrons-up { --fa: ""; } .fa-chf-sign { --fa: ""; } .fa-child { --fa: ""; } .fa-child-combatant { --fa: ""; } .fa-child-dress { --fa: ""; } .fa-child-reaching { --fa: ""; } .fa-child-rifle { --fa: ""; } .fa-children { --fa: ""; } .fa-chimney { --fa: ""; } .fa-chocolate-bar { --fa: ""; } .fa-chopsticks { --fa: ""; } .fa-church { --fa: ""; } .fa-circle { --fa: ""; } .fa-circle-0 { --fa: ""; } .fa-circle-1 { --fa: ""; } .fa-circle-2 { --fa: ""; } .fa-circle-3 { --fa: ""; } .fa-circle-4 { --fa: ""; } .fa-circle-5 { --fa: ""; } .fa-circle-6 { --fa: ""; } .fa-circle-7 { --fa: ""; } .fa-circle-8 { --fa: ""; } .fa-circle-9 { --fa: ""; } .fa-circle-a { --fa: ""; } .fa-circle-ampersand { --fa: ""; } .fa-circle-arrow-down { --fa: ""; } .fa-circle-arrow-down-left { --fa: ""; } .fa-circle-arrow-down-right { --fa: ""; } .fa-circle-arrow-left { --fa: ""; } .fa-circle-arrow-right { --fa: ""; } .fa-circle-arrow-up { --fa: ""; } .fa-circle-arrow-up-left { --fa: ""; } .fa-circle-arrow-up-right { --fa: ""; } .fa-circle-austral { --fa: ""; } .fa-circle-australian-dollar { --fa: ""; } .fa-circle-b { --fa: ""; } .fa-circle-baht { --fa: ""; } .fa-circle-bangladeshi-taka { --fa: ""; } .fa-circle-bitcoin { --fa: ""; } .fa-circle-bolt { --fa: ""; } .fa-circle-book-open { --fa: ""; } .fa-circle-bookmark { --fa: ""; } .fa-circle-brazilian-real { --fa: ""; } .fa-circle-c { --fa: ""; } .fa-circle-calendar { --fa: ""; } .fa-circle-camera { --fa: ""; } .fa-circle-caret-down { --fa: ""; } .fa-circle-caret-left { --fa: ""; } .fa-circle-caret-right { --fa: ""; } .fa-circle-caret-up { --fa: ""; } .fa-circle-cedi { --fa: ""; } .fa-circle-cent { --fa: ""; } .fa-circle-check { --fa: ""; } .fa-circle-chevron-down { --fa: ""; } .fa-circle-chevron-left { --fa: ""; } .fa-circle-chevron-right { --fa: ""; } .fa-circle-chevron-up { --fa: ""; } .fa-circle-chf { --fa: ""; } .fa-circle-colon { --fa: ""; } .fa-circle-cruzeiro { --fa: ""; } .fa-circle-currency { --fa: ""; } .fa-circle-d { --fa: ""; } .fa-circle-danish-krone { --fa: ""; } .fa-circle-dashed { --fa: ""; } .fa-circle-divide { --fa: ""; } .fa-circle-dollar { --fa: ""; } .fa-circle-dollar-to-slot { --fa: ""; } .fa-circle-dong { --fa: ""; } .fa-circle-dot { --fa: ""; } .fa-circle-down { --fa: ""; } .fa-circle-down-left { --fa: ""; } .fa-circle-down-right { --fa: ""; } .fa-circle-e { --fa: ""; } .fa-circle-ellipsis { --fa: ""; } .fa-circle-ellipsis-vertical { --fa: ""; } .fa-circle-envelope { --fa: ""; } .fa-circle-equals { --fa: ""; } .fa-circle-euro { --fa: ""; } .fa-circle-eurozone { --fa: ""; } .fa-circle-exclamation { --fa: ""; } .fa-circle-exclamation-check { --fa: ""; } .fa-circle-f { --fa: ""; } .fa-circle-florin { --fa: ""; } .fa-circle-franc { --fa: ""; } .fa-circle-g { --fa: ""; } .fa-circle-gf { --fa: ""; } .fa-circle-guarani { --fa: ""; } .fa-circle-h { --fa: ""; } .fa-circle-half { --fa: ""; } .fa-circle-half-horizontal { --fa: ""; } .fa-circle-half-stroke { --fa: ""; } .fa-circle-half-stroke-horizontal { --fa: ""; } .fa-circle-heart { --fa: ""; } .fa-circle-house { --fa: ""; } .fa-circle-hryvnia { --fa: ""; } .fa-circle-i { --fa: ""; } .fa-circle-indian-rupee { --fa: ""; } .fa-circle-info { --fa: ""; } .fa-circle-j { --fa: ""; } .fa-circle-k { --fa: ""; } .fa-circle-kip { --fa: ""; } .fa-circle-l { --fa: ""; } .fa-circle-lari { --fa: ""; } .fa-circle-left { --fa: ""; } .fa-circle-lira { --fa: ""; } .fa-circle-litecoin { --fa: ""; } .fa-circle-location-arrow { --fa: ""; } .fa-circle-m { --fa: ""; } .fa-circle-malaysian-ringgit { --fa: ""; } .fa-circle-manat { --fa: ""; } .fa-circle-microphone { --fa: ""; } .fa-circle-microphone-lines { --fa: ""; } .fa-circle-mill { --fa: ""; } .fa-circle-minus { --fa: ""; } .fa-circle-moon { --fa: ""; } .fa-circle-n { --fa: ""; } .fa-circle-naira { --fa: ""; } .fa-circle-nodes { --fa: ""; } .fa-circle-norwegian-krone { --fa: ""; } .fa-circle-notch { --fa: ""; } .fa-circle-o { --fa: ""; } .fa-circle-p { --fa: ""; } .fa-circle-parking { --fa: ""; } .fa-circle-pause { --fa: ""; } .fa-circle-peruvian-soles { --fa: ""; } .fa-circle-peseta { --fa: ""; } .fa-circle-peso { --fa: ""; } .fa-circle-phone { --fa: ""; } .fa-circle-phone-flip { --fa: ""; } .fa-circle-phone-hangup { --fa: ""; } .fa-circle-play { --fa: ""; } .fa-circle-plus { --fa: ""; } .fa-circle-polish-zloty { --fa: ""; } .fa-circle-q { --fa: ""; } .fa-circle-quarter { --fa: ""; } .fa-circle-quarter-stroke { --fa: ""; } .fa-circle-quarters { --fa: ""; } .fa-circle-question { --fa: ""; } .fa-circle-r { --fa: ""; } .fa-circle-radiation { --fa: ""; } .fa-circle-renminbi { --fa: ""; } .fa-circle-right { --fa: ""; } .fa-circle-ruble { --fa: ""; } .fa-circle-rupee { --fa: ""; } .fa-circle-rupiah { --fa: ""; } .fa-circle-s { --fa: ""; } .fa-circle-share-nodes { --fa: ""; } .fa-circle-shekel { --fa: ""; } .fa-circle-small { --fa: ""; } .fa-circle-sort { --fa: ""; } .fa-circle-sort-down { --fa: ""; } .fa-circle-sort-up { --fa: ""; } .fa-circle-star { --fa: ""; } .fa-circle-sterling { --fa: ""; } .fa-circle-stop { --fa: ""; } .fa-circle-swedish-krona { --fa: ""; } .fa-circle-t { --fa: ""; } .fa-circle-tenge { --fa: ""; } .fa-circle-three-quarters { --fa: ""; } .fa-circle-three-quarters-stroke { --fa: ""; } .fa-circle-trash { --fa: ""; } .fa-circle-tugrik { --fa: ""; } .fa-circle-turkish-lira { --fa: ""; } .fa-circle-u { --fa: ""; } .fa-circle-up { --fa: ""; } .fa-circle-up-left { --fa: ""; } .fa-circle-up-right { --fa: ""; } .fa-circle-user { --fa: ""; } .fa-circle-user-circle-check { --fa: ""; } .fa-circle-user-circle-exclamation { --fa: ""; } .fa-circle-user-circle-minus { --fa: ""; } .fa-circle-user-circle-moon { --fa: ""; } .fa-circle-user-circle-plus { --fa: ""; } .fa-circle-user-circle-question { --fa: ""; } .fa-circle-user-circle-user { --fa: ""; } .fa-circle-user-circle-xmark { --fa: ""; } .fa-circle-user-clock { --fa: ""; } .fa-circle-v { --fa: ""; } .fa-circle-video { --fa: ""; } .fa-circle-w { --fa: ""; } .fa-circle-waveform-lines { --fa: ""; } .fa-circle-wifi { --fa: ""; } .fa-circle-wifi-circle-wifi { --fa: ""; } .fa-circle-wifi-group { --fa: ""; } .fa-circle-won { --fa: ""; } .fa-circle-x { --fa: ""; } .fa-circle-xmark { --fa: ""; } .fa-circle-y { --fa: ""; } .fa-circle-yen { --fa: ""; } .fa-circle-z { --fa: ""; } .fa-circleapore-dollar { --fa: ""; } .fa-circles-overlap { --fa: ""; } .fa-circles-overlap-3 { --fa: ""; } .fa-citrus { --fa: ""; } .fa-citrus-slice { --fa: ""; } .fa-city { --fa: ""; } .fa-clapperboard { --fa: ""; } .fa-clapperboard-play { --fa: ""; } .fa-clarinet { --fa: ""; } .fa-claw-marks { --fa: ""; } .fa-clinic-medical { --fa: ""; } .fa-clipboard { --fa: ""; } .fa-clipboard-check { --fa: ""; } .fa-clipboard-clock { --fa: ""; } .fa-clipboard-exclamation { --fa: ""; } .fa-clipboard-list { --fa: ""; } .fa-clipboard-list-check { --fa: ""; } .fa-clipboard-medical { --fa: ""; } .fa-clipboard-prescription { --fa: ""; } .fa-clipboard-question { --fa: ""; } .fa-clipboard-user { --fa: ""; } .fa-clock { --fa: ""; } .fa-clock-desk { --fa: ""; } .fa-clock-eight { --fa: ""; } .fa-clock-eight-thirty { --fa: ""; } .fa-clock-eleven { --fa: ""; } .fa-clock-eleven-thirty { --fa: ""; } .fa-clock-five { --fa: ""; } .fa-clock-five-thirty { --fa: ""; } .fa-clock-four { --fa: ""; } .fa-clock-four-thirty { --fa: ""; } .fa-clock-nine { --fa: ""; } .fa-clock-nine-thirty { --fa: ""; } .fa-clock-one { --fa: ""; } .fa-clock-one-thirty { --fa: ""; } .fa-clock-rotate-left { --fa: ""; } .fa-clock-seven { --fa: ""; } .fa-clock-seven-thirty { --fa: ""; } .fa-clock-six { --fa: ""; } .fa-clock-six-thirty { --fa: ""; } .fa-clock-ten { --fa: ""; } .fa-clock-ten-thirty { --fa: ""; } .fa-clock-three { --fa: ""; } .fa-clock-three-thirty { --fa: ""; } .fa-clock-twelve { --fa: ""; } .fa-clock-twelve-thirty { --fa: ""; } .fa-clock-two { --fa: ""; } .fa-clock-two-thirty { --fa: ""; } .fa-clone { --fa: ""; } .fa-clone-plus { --fa: ""; } .fa-close { --fa: ""; } .fa-closed-captioning { --fa: ""; } .fa-closed-captioning-slash { --fa: ""; } .fa-clothes-hanger { --fa: ""; } .fa-cloud { --fa: ""; } .fa-cloud-arrow-down { --fa: ""; } .fa-cloud-arrow-up { --fa: ""; } .fa-cloud-binary { --fa: ""; } .fa-cloud-bolt { --fa: ""; } .fa-cloud-bolt-moon { --fa: ""; } .fa-cloud-bolt-sun { --fa: ""; } .fa-cloud-check { --fa: ""; } .fa-cloud-download { --fa: ""; } .fa-cloud-download-alt { --fa: ""; } .fa-cloud-drizzle { --fa: ""; } .fa-cloud-exclamation { --fa: ""; } .fa-cloud-fog { --fa: ""; } .fa-cloud-hail { --fa: ""; } .fa-cloud-hail-mixed { --fa: ""; } .fa-cloud-meatball { --fa: ""; } .fa-cloud-minus { --fa: ""; } .fa-cloud-moon { --fa: ""; } .fa-cloud-moon-rain { --fa: ""; } .fa-cloud-music { --fa: ""; } .fa-cloud-plus { --fa: ""; } .fa-cloud-question { --fa: ""; } .fa-cloud-rain { --fa: ""; } .fa-cloud-rainbow { --fa: ""; } .fa-cloud-showers { --fa: ""; } .fa-cloud-showers-heavy { --fa: ""; } .fa-cloud-showers-water { --fa: ""; } .fa-cloud-slash { --fa: ""; } .fa-cloud-sleet { --fa: ""; } .fa-cloud-snow { --fa: ""; } .fa-cloud-sun { --fa: ""; } .fa-cloud-sun-rain { --fa: ""; } .fa-cloud-upload { --fa: ""; } .fa-cloud-upload-alt { --fa: ""; } .fa-cloud-word { --fa: ""; } .fa-cloud-xmark { --fa: ""; } .fa-clouds { --fa: ""; } .fa-clouds-moon { --fa: ""; } .fa-clouds-sun { --fa: ""; } .fa-clover { --fa: ""; } .fa-club { --fa: ""; } .fa-cny { --fa: ""; } .fa-cocktail { --fa: ""; } .fa-coconut { --fa: ""; } .fa-code { --fa: ""; } .fa-code-branch { --fa: ""; } .fa-code-commit { --fa: ""; } .fa-code-compare { --fa: ""; } .fa-code-fork { --fa: ""; } .fa-code-merge { --fa: ""; } .fa-code-pull-request { --fa: ""; } .fa-code-pull-request-closed { --fa: ""; } .fa-code-pull-request-draft { --fa: ""; } .fa-code-simple { --fa: ""; } .fa-coffee { --fa: ""; } .fa-coffee-bean { --fa: ""; } .fa-coffee-beans { --fa: ""; } .fa-coffee-pot { --fa: ""; } .fa-coffee-togo { --fa: ""; } .fa-coffin { --fa: ""; } .fa-coffin-cross { --fa: ""; } .fa-cog { --fa: ""; } .fa-cogs { --fa: ""; } .fa-coin { --fa: ""; } .fa-coin-blank { --fa: ""; } .fa-coin-front { --fa: ""; } .fa-coin-vertical { --fa: ""; } .fa-coins { --fa: ""; } .fa-colon { --fa: ":"; } .fa-colon-sign { --fa: ""; } .fa-columns { --fa: ""; } .fa-columns-3 { --fa: ""; } .fa-comet { --fa: ""; } .fa-comma { --fa: ","; } .fa-command { --fa: ""; } .fa-comment { --fa: ""; } .fa-comment-alt { --fa: ""; } .fa-comment-alt-arrow-down { --fa: ""; } .fa-comment-alt-arrow-up { --fa: ""; } .fa-comment-alt-captions { --fa: ""; } .fa-comment-alt-check { --fa: ""; } .fa-comment-alt-dollar { --fa: ""; } .fa-comment-alt-dots { --fa: ""; } .fa-comment-alt-edit { --fa: ""; } .fa-comment-alt-exclamation { --fa: ""; } .fa-comment-alt-image { --fa: ""; } .fa-comment-alt-lines { --fa: ""; } .fa-comment-alt-medical { --fa: ""; } .fa-comment-alt-minus { --fa: ""; } .fa-comment-alt-music { --fa: ""; } .fa-comment-alt-plus { --fa: ""; } .fa-comment-alt-quote { --fa: ""; } .fa-comment-alt-slash { --fa: ""; } .fa-comment-alt-smile { --fa: ""; } .fa-comment-alt-text { --fa: ""; } .fa-comment-alt-times { --fa: ""; } .fa-comment-arrow-down { --fa: ""; } .fa-comment-arrow-up { --fa: ""; } .fa-comment-arrow-up-right { --fa: ""; } .fa-comment-captions { --fa: ""; } .fa-comment-check { --fa: ""; } .fa-comment-code { --fa: ""; } .fa-comment-dollar { --fa: ""; } .fa-comment-dot { --fa: ""; } .fa-comment-dots { --fa: ""; } .fa-comment-edit { --fa: ""; } .fa-comment-exclamation { --fa: ""; } .fa-comment-heart { --fa: ""; } .fa-comment-image { --fa: ""; } .fa-comment-lines { --fa: ""; } .fa-comment-medical { --fa: ""; } .fa-comment-middle { --fa: ""; } .fa-comment-middle-alt { --fa: ""; } .fa-comment-middle-top { --fa: ""; } .fa-comment-middle-top-alt { --fa: ""; } .fa-comment-minus { --fa: ""; } .fa-comment-music { --fa: ""; } .fa-comment-nodes { --fa: ""; } .fa-comment-pen { --fa: ""; } .fa-comment-plus { --fa: ""; } .fa-comment-question { --fa: ""; } .fa-comment-quote { --fa: ""; } .fa-comment-slash { --fa: ""; } .fa-comment-smile { --fa: ""; } .fa-comment-sms { --fa: ""; } .fa-comment-text { --fa: ""; } .fa-comment-times { --fa: ""; } .fa-comment-waveform { --fa: ""; } .fa-comment-xmark { --fa: ""; } .fa-commenting { --fa: ""; } .fa-comments { --fa: ""; } .fa-comments-alt { --fa: ""; } .fa-comments-alt-dollar { --fa: ""; } .fa-comments-dollar { --fa: ""; } .fa-comments-question { --fa: ""; } .fa-comments-question-check { --fa: ""; } .fa-compact-disc { --fa: ""; } .fa-compass { --fa: ""; } .fa-compass-drafting { --fa: ""; } .fa-compass-slash { --fa: ""; } .fa-compress { --fa: ""; } .fa-compress-alt { --fa: ""; } .fa-compress-arrows { --fa: ""; } .fa-compress-arrows-alt { --fa: ""; } .fa-compress-wide { --fa: ""; } .fa-computer { --fa: ""; } .fa-computer-classic { --fa: ""; } .fa-computer-mouse { --fa: ""; } .fa-computer-mouse-button-left { --fa: ""; } .fa-computer-mouse-button-right { --fa: ""; } .fa-computer-mouse-scrollwheel { --fa: ""; } .fa-computer-speaker { --fa: ""; } .fa-concierge-bell { --fa: ""; } .fa-construction { --fa: ""; } .fa-contact-book { --fa: ""; } .fa-contact-card { --fa: ""; } .fa-container-storage { --fa: ""; } .fa-conveyor-belt { --fa: ""; } .fa-conveyor-belt-alt { --fa: ""; } .fa-conveyor-belt-arm { --fa: ""; } .fa-conveyor-belt-boxes { --fa: ""; } .fa-conveyor-belt-empty { --fa: ""; } .fa-cookie { --fa: ""; } .fa-cookie-bite { --fa: ""; } .fa-copy { --fa: ""; } .fa-copyright { --fa: ""; } .fa-corn { --fa: ""; } .fa-corner { --fa: ""; } .fa-couch { --fa: ""; } .fa-couch-small { --fa: ""; } .fa-court-sport { --fa: ""; } .fa-cow { --fa: ""; } .fa-cowbell { --fa: ""; } .fa-cowbell-circle-plus { --fa: ""; } .fa-cowbell-more { --fa: ""; } .fa-crab { --fa: ""; } .fa-crate-apple { --fa: ""; } .fa-crate-empty { --fa: ""; } .fa-credit-card { --fa: ""; } .fa-credit-card-alt { --fa: ""; } .fa-credit-card-blank { --fa: ""; } .fa-credit-card-front { --fa: ""; } .fa-creemee { --fa: ""; } .fa-cricket { --fa: ""; } .fa-cricket-bat-ball { --fa: ""; } .fa-croissant { --fa: ""; } .fa-crop { --fa: ""; } .fa-crop-alt { --fa: ""; } .fa-crop-simple { --fa: ""; } .fa-cross { --fa: ""; } .fa-crosshairs { --fa: ""; } .fa-crosshairs-simple { --fa: ""; } .fa-crow { --fa: ""; } .fa-crown { --fa: ""; } .fa-crutch { --fa: ""; } .fa-crutches { --fa: ""; } .fa-cruzeiro-sign { --fa: ""; } .fa-crystal-ball { --fa: ""; } .fa-cube { --fa: ""; } .fa-cubes { --fa: ""; } .fa-cubes-stacked { --fa: ""; } .fa-cucumber { --fa: ""; } .fa-cup-straw { --fa: ""; } .fa-cup-straw-swoosh { --fa: ""; } .fa-cup-togo { --fa: ""; } .fa-cupcake { --fa: ""; } .fa-curling { --fa: ""; } .fa-curling-stone { --fa: ""; } .fa-currency-sign { --fa: ""; } .fa-custard { --fa: ""; } .fa-cut { --fa: ""; } .fa-cutlery { --fa: ""; } .fa-d { --fa: "D"; } .fa-dagger { --fa: ""; } .fa-danish-krone-sign { --fa: ""; } .fa-dash { --fa: ""; } .fa-dashboard { --fa: ""; } .fa-database { --fa: ""; } .fa-deaf { --fa: ""; } .fa-deafness { --fa: ""; } .fa-debug { --fa: ""; } .fa-dedent { --fa: ""; } .fa-deer { --fa: ""; } .fa-deer-rudolph { --fa: ""; } .fa-delete-left { --fa: ""; } .fa-delete-right { --fa: ""; } .fa-democrat { --fa: ""; } .fa-desk { --fa: ""; } .fa-desktop { --fa: ""; } .fa-desktop-alt { --fa: ""; } .fa-desktop-arrow-down { --fa: ""; } .fa-desktop-code { --fa: ""; } .fa-desktop-medical { --fa: ""; } .fa-desktop-slash { --fa: ""; } .fa-dewpoint { --fa: ""; } .fa-dharmachakra { --fa: ""; } .fa-diagnoses { --fa: ""; } .fa-diagram-cells { --fa: ""; } .fa-diagram-lean-canvas { --fa: ""; } .fa-diagram-nested { --fa: ""; } .fa-diagram-next { --fa: ""; } .fa-diagram-predecessor { --fa: ""; } .fa-diagram-previous { --fa: ""; } .fa-diagram-project { --fa: ""; } .fa-diagram-sankey { --fa: ""; } .fa-diagram-subtask { --fa: ""; } .fa-diagram-successor { --fa: ""; } .fa-diagram-venn { --fa: ""; } .fa-dial { --fa: ""; } .fa-dial-high { --fa: ""; } .fa-dial-low { --fa: ""; } .fa-dial-max { --fa: ""; } .fa-dial-med { --fa: ""; } .fa-dial-med-high { --fa: ""; } .fa-dial-med-low { --fa: ""; } .fa-dial-min { --fa: ""; } .fa-dial-off { --fa: ""; } .fa-dialpad { --fa: ""; } .fa-diamond { --fa: ""; } .fa-diamond-exclamation { --fa: ""; } .fa-diamond-half { --fa: ""; } .fa-diamond-half-stroke { --fa: ""; } .fa-diamond-turn-right { --fa: ""; } .fa-diamonds-4 { --fa: ""; } .fa-dice { --fa: ""; } .fa-dice-d10 { --fa: ""; } .fa-dice-d12 { --fa: ""; } .fa-dice-d20 { --fa: ""; } .fa-dice-d4 { --fa: ""; } .fa-dice-d6 { --fa: ""; } .fa-dice-d8 { --fa: ""; } .fa-dice-five { --fa: ""; } .fa-dice-four { --fa: ""; } .fa-dice-one { --fa: ""; } .fa-dice-six { --fa: ""; } .fa-dice-three { --fa: ""; } .fa-dice-two { --fa: ""; } .fa-digging { --fa: ""; } .fa-digital-tachograph { --fa: ""; } .fa-dinosaur { --fa: ""; } .fa-diploma { --fa: ""; } .fa-direction-left-right { --fa: ""; } .fa-direction-up-down { --fa: ""; } .fa-directions { --fa: ""; } .fa-disc-drive { --fa: ""; } .fa-disease { --fa: ""; } .fa-display { --fa: ""; } .fa-display-arrow-down { --fa: ""; } .fa-display-chart-up { --fa: ""; } .fa-display-chart-up-circle-currency { --fa: ""; } .fa-display-chart-up-circle-dollar { --fa: ""; } .fa-display-code { --fa: ""; } .fa-display-medical { --fa: ""; } .fa-display-slash { --fa: ""; } .fa-distribute-spacing-horizontal { --fa: ""; } .fa-distribute-spacing-vertical { --fa: ""; } .fa-ditto { --fa: '"'; } .fa-divide { --fa: ""; } .fa-dizzy { --fa: ""; } .fa-dna { --fa: ""; } .fa-do-not-enter { --fa: ""; } .fa-dog { --fa: ""; } .fa-dog-leashed { --fa: ""; } .fa-dollar { --fa: "$"; } .fa-dollar-circle { --fa: ""; } .fa-dollar-sign { --fa: "$"; } .fa-dollar-square { --fa: ""; } .fa-dolly { --fa: ""; } .fa-dolly-box { --fa: ""; } .fa-dolly-empty { --fa: ""; } .fa-dolly-flatbed { --fa: ""; } .fa-dolly-flatbed-alt { --fa: ""; } .fa-dolly-flatbed-empty { --fa: ""; } .fa-dolphin { --fa: ""; } .fa-donate { --fa: ""; } .fa-dong-sign { --fa: ""; } .fa-donut { --fa: ""; } .fa-door-closed { --fa: ""; } .fa-door-open { --fa: ""; } .fa-dot { --fa: ""; } .fa-dot-circle { --fa: ""; } .fa-doughnut { --fa: ""; } .fa-dove { --fa: ""; } .fa-down { --fa: ""; } .fa-down-from-bracket { --fa: ""; } .fa-down-from-dotted-line { --fa: ""; } .fa-down-from-line { --fa: ""; } .fa-down-left { --fa: ""; } .fa-down-left-and-up-right-to-center { --fa: ""; } .fa-down-long { --fa: ""; } .fa-down-long-to-line { --fa: ""; } .fa-down-right { --fa: ""; } .fa-down-to-bracket { --fa: ""; } .fa-down-to-dotted-line { --fa: ""; } .fa-down-to-line { --fa: ""; } .fa-down-up { --fa: ""; } .fa-download { --fa: ""; } .fa-drafting-compass { --fa: ""; } .fa-dragon { --fa: ""; } .fa-draw-circle { --fa: ""; } .fa-draw-polygon { --fa: ""; } .fa-draw-square { --fa: ""; } .fa-dreidel { --fa: ""; } .fa-dress { --fa: ""; } .fa-dresser { --fa: ""; } .fa-drivers-license { --fa: ""; } .fa-drone { --fa: ""; } .fa-drone-alt { --fa: ""; } .fa-drone-front { --fa: ""; } .fa-droplet { --fa: ""; } .fa-droplet-degree { --fa: ""; } .fa-droplet-percent { --fa: ""; } .fa-droplet-plus { --fa: ""; } .fa-droplet-slash { --fa: ""; } .fa-drum { --fa: ""; } .fa-drum-steelpan { --fa: ""; } .fa-drumstick { --fa: ""; } .fa-drumstick-bite { --fa: ""; } .fa-dryer { --fa: ""; } .fa-dryer-alt { --fa: ""; } .fa-dryer-heat { --fa: ""; } .fa-duck { --fa: ""; } .fa-dumbbell { --fa: ""; } .fa-dumpster { --fa: ""; } .fa-dumpster-fire { --fa: ""; } .fa-dungeon { --fa: ""; } .fa-e { --fa: "E"; } .fa-ear { --fa: ""; } .fa-ear-circle-checkmark { --fa: ""; } .fa-ear-deaf { --fa: ""; } .fa-ear-listen { --fa: ""; } .fa-ear-muffs { --fa: ""; } .fa-ear-triangle-exclamation { --fa: ""; } .fa-ear-waveform { --fa: ""; } .fa-earth { --fa: ""; } .fa-earth-africa { --fa: ""; } .fa-earth-america { --fa: ""; } .fa-earth-americas { --fa: ""; } .fa-earth-asia { --fa: ""; } .fa-earth-europe { --fa: ""; } .fa-earth-oceania { --fa: ""; } .fa-eclipse { --fa: ""; } .fa-eclipse-alt { --fa: ""; } .fa-edit { --fa: ""; } .fa-egg { --fa: ""; } .fa-egg-fried { --fa: ""; } .fa-eggplant { --fa: ""; } .fa-eject { --fa: ""; } .fa-elephant { --fa: ""; } .fa-elevator { --fa: ""; } .fa-ellipsis { --fa: ""; } .fa-ellipsis-h { --fa: ""; } .fa-ellipsis-h-alt { --fa: ""; } .fa-ellipsis-stroke { --fa: ""; } .fa-ellipsis-stroke-vertical { --fa: ""; } .fa-ellipsis-v { --fa: ""; } .fa-ellipsis-v-alt { --fa: ""; } .fa-ellipsis-vertical { --fa: ""; } .fa-empty-set { --fa: ""; } .fa-engine { --fa: ""; } .fa-engine-exclamation { --fa: ""; } .fa-engine-warning { --fa: ""; } .fa-envelope { --fa: ""; } .fa-envelope-badge { --fa: ""; } .fa-envelope-certificate { --fa: ""; } .fa-envelope-circle { --fa: ""; } .fa-envelope-circle-check { --fa: ""; } .fa-envelope-circle-user { --fa: ""; } .fa-envelope-dot { --fa: ""; } .fa-envelope-open { --fa: ""; } .fa-envelope-open-dollar { --fa: ""; } .fa-envelope-open-text { --fa: ""; } .fa-envelope-ribbon { --fa: ""; } .fa-envelope-square { --fa: ""; } .fa-envelopes { --fa: ""; } .fa-envelopes-bulk { --fa: ""; } .fa-equals { --fa: "="; } .fa-eraser { --fa: ""; } .fa-escalator { --fa: ""; } .fa-ethernet { --fa: ""; } .fa-eur { --fa: ""; } .fa-euro { --fa: ""; } .fa-euro-sign { --fa: ""; } .fa-eurozone-sign { --fa: ""; } .fa-excavator { --fa: ""; } .fa-exchange { --fa: ""; } .fa-exchange-alt { --fa: ""; } .fa-exclamation { --fa: "!"; } .fa-exclamation-circle { --fa: ""; } .fa-exclamation-square { --fa: ""; } .fa-exclamation-triangle { --fa: ""; } .fa-expand { --fa: ""; } .fa-expand-alt { --fa: ""; } .fa-expand-arrows { --fa: ""; } .fa-expand-arrows-alt { --fa: ""; } .fa-expand-wide { --fa: ""; } .fa-exploding-head { --fa: ""; } .fa-explosion { --fa: ""; } .fa-external-link { --fa: ""; } .fa-external-link-alt { --fa: ""; } .fa-external-link-square { --fa: ""; } .fa-external-link-square-alt { --fa: ""; } .fa-eye { --fa: ""; } .fa-eye-closed { --fa: ""; } .fa-eye-dropper { --fa: ""; } .fa-eye-dropper-empty { --fa: ""; } .fa-eye-dropper-full { --fa: ""; } .fa-eye-dropper-half { --fa: ""; } .fa-eye-evil { --fa: ""; } .fa-eye-low-vision { --fa: ""; } .fa-eye-slash { --fa: ""; } .fa-eyedropper { --fa: ""; } .fa-eyes { --fa: ""; } .fa-f { --fa: "F"; } .fa-face-angry { --fa: ""; } .fa-face-angry-horns { --fa: ""; } .fa-face-anguished { --fa: ""; } .fa-face-anxious-sweat { --fa: ""; } .fa-face-astonished { --fa: ""; } .fa-face-awesome { --fa: ""; } .fa-face-beam-hand-over-mouth { --fa: ""; } .fa-face-clouds { --fa: ""; } .fa-face-confounded { --fa: ""; } .fa-face-confused { --fa: ""; } .fa-face-cowboy-hat { --fa: ""; } .fa-face-diagonal-mouth { --fa: ""; } .fa-face-disappointed { --fa: ""; } .fa-face-disguise { --fa: ""; } .fa-face-dizzy { --fa: ""; } .fa-face-dotted { --fa: ""; } .fa-face-downcast-sweat { --fa: ""; } .fa-face-drooling { --fa: ""; } .fa-face-exhaling { --fa: ""; } .fa-face-explode { --fa: ""; } .fa-face-expressionless { --fa: ""; } .fa-face-eyes-xmarks { --fa: ""; } .fa-face-fearful { --fa: ""; } .fa-face-flushed { --fa: ""; } .fa-face-frown { --fa: ""; } .fa-face-frown-open { --fa: ""; } .fa-face-frown-slight { --fa: ""; } .fa-face-glasses { --fa: ""; } .fa-face-grimace { --fa: ""; } .fa-face-grin { --fa: ""; } .fa-face-grin-beam { --fa: ""; } .fa-face-grin-beam-sweat { --fa: ""; } .fa-face-grin-hearts { --fa: ""; } .fa-face-grin-squint { --fa: ""; } .fa-face-grin-squint-tears { --fa: ""; } .fa-face-grin-stars { --fa: ""; } .fa-face-grin-tears { --fa: ""; } .fa-face-grin-tongue { --fa: ""; } .fa-face-grin-tongue-squint { --fa: ""; } .fa-face-grin-tongue-wink { --fa: ""; } .fa-face-grin-wide { --fa: ""; } .fa-face-grin-wink { --fa: ""; } .fa-face-hand-over-mouth { --fa: ""; } .fa-face-hand-peeking { --fa: ""; } .fa-face-hand-yawn { --fa: ""; } .fa-face-head-bandage { --fa: ""; } .fa-face-holding-back-tears { --fa: ""; } .fa-face-hushed { --fa: ""; } .fa-face-icicles { --fa: ""; } .fa-face-kiss { --fa: ""; } .fa-face-kiss-beam { --fa: ""; } .fa-face-kiss-closed-eyes { --fa: ""; } .fa-face-kiss-wink-heart { --fa: ""; } .fa-face-laugh { --fa: ""; } .fa-face-laugh-beam { --fa: ""; } .fa-face-laugh-squint { --fa: ""; } .fa-face-laugh-wink { --fa: ""; } .fa-face-lying { --fa: ""; } .fa-face-mask { --fa: ""; } .fa-face-meh { --fa: ""; } .fa-face-meh-blank { --fa: ""; } .fa-face-melting { --fa: ""; } .fa-face-monocle { --fa: ""; } .fa-face-nauseated { --fa: ""; } .fa-face-nose-steam { --fa: ""; } .fa-face-party { --fa: ""; } .fa-face-pensive { --fa: ""; } .fa-face-persevering { --fa: ""; } .fa-face-pleading { --fa: ""; } .fa-face-pouting { --fa: ""; } .fa-face-raised-eyebrow { --fa: ""; } .fa-face-relieved { --fa: ""; } .fa-face-rolling-eyes { --fa: ""; } .fa-face-sad-cry { --fa: ""; } .fa-face-sad-sweat { --fa: ""; } .fa-face-sad-tear { --fa: ""; } .fa-face-saluting { --fa: ""; } .fa-face-scream { --fa: ""; } .fa-face-shaking { --fa: ""; } .fa-face-shaking-horizontal { --fa: ""; } .fa-face-shaking-vertical { --fa: ""; } .fa-face-shush { --fa: ""; } .fa-face-sleeping { --fa: ""; } .fa-face-sleepy { --fa: ""; } .fa-face-smile { --fa: ""; } .fa-face-smile-beam { --fa: ""; } .fa-face-smile-halo { --fa: ""; } .fa-face-smile-hearts { --fa: ""; } .fa-face-smile-horns { --fa: ""; } .fa-face-smile-plus { --fa: ""; } .fa-face-smile-relaxed { --fa: ""; } .fa-face-smile-tear { --fa: ""; } .fa-face-smile-tongue { --fa: ""; } .fa-face-smile-upside-down { --fa: ""; } .fa-face-smile-wink { --fa: ""; } .fa-face-smiling-hands { --fa: ""; } .fa-face-smirking { --fa: ""; } .fa-face-spiral-eyes { --fa: ""; } .fa-face-sunglasses { --fa: ""; } .fa-face-surprise { --fa: ""; } .fa-face-swear { --fa: ""; } .fa-face-thermometer { --fa: ""; } .fa-face-thinking { --fa: ""; } .fa-face-tired { --fa: ""; } .fa-face-tissue { --fa: ""; } .fa-face-tongue-money { --fa: ""; } .fa-face-tongue-sweat { --fa: ""; } .fa-face-unamused { --fa: ""; } .fa-face-viewfinder { --fa: ""; } .fa-face-vomit { --fa: ""; } .fa-face-weary { --fa: ""; } .fa-face-woozy { --fa: ""; } .fa-face-worried { --fa: ""; } .fa-face-zany { --fa: ""; } .fa-face-zipper { --fa: ""; } .fa-falafel { --fa: ""; } .fa-family { --fa: ""; } .fa-family-dress { --fa: ""; } .fa-family-pants { --fa: ""; } .fa-fan { --fa: ""; } .fa-fan-table { --fa: ""; } .fa-farm { --fa: ""; } .fa-fast-backward { --fa: ""; } .fa-fast-forward { --fa: ""; } .fa-faucet { --fa: ""; } .fa-faucet-drip { --fa: ""; } .fa-fax { --fa: ""; } .fa-feather { --fa: ""; } .fa-feather-alt { --fa: ""; } .fa-feather-pointed { --fa: ""; } .fa-feed { --fa: ""; } .fa-female { --fa: ""; } .fa-fence { --fa: ""; } .fa-ferris-wheel { --fa: ""; } .fa-ferry { --fa: ""; } .fa-field-hockey { --fa: ""; } .fa-field-hockey-stick-ball { --fa: ""; } .fa-fighter-jet { --fa: ""; } .fa-file { --fa: ""; } .fa-file-aiff { --fa: ""; } .fa-file-alt { --fa: ""; } .fa-file-archive { --fa: ""; } .fa-file-arrow-down { --fa: ""; } .fa-file-arrow-up { --fa: ""; } .fa-file-audio { --fa: ""; } .fa-file-award { --fa: ""; } .fa-file-ban { --fa: ""; } .fa-file-binary { --fa: ""; } .fa-file-brackets-curly { --fa: ""; } .fa-file-cad { --fa: ""; } .fa-file-caret-down { --fa: ""; } .fa-file-caret-up { --fa: ""; } .fa-file-certificate { --fa: ""; } .fa-file-chart-column { --fa: ""; } .fa-file-chart-line { --fa: ""; } .fa-file-chart-pie { --fa: ""; } .fa-file-check { --fa: ""; } .fa-file-circle-check { --fa: ""; } .fa-file-circle-exclamation { --fa: ""; } .fa-file-circle-info { --fa: ""; } .fa-file-circle-minus { --fa: ""; } .fa-file-circle-plus { --fa: ""; } .fa-file-circle-question { --fa: ""; } .fa-file-circle-xmark { --fa: ""; } .fa-file-clipboard { --fa: ""; } .fa-file-code { --fa: ""; } .fa-file-contract { --fa: ""; } .fa-file-css { --fa: ""; } .fa-file-csv { --fa: ""; } .fa-file-dashed-line { --fa: ""; } .fa-file-doc { --fa: ""; } .fa-file-download { --fa: ""; } .fa-file-edit { --fa: ""; } .fa-file-eps { --fa: ""; } .fa-file-excel { --fa: ""; } .fa-file-exclamation { --fa: ""; } .fa-file-export { --fa: ""; } .fa-file-fragment { --fa: ""; } .fa-file-gif { --fa: ""; } .fa-file-half-dashed { --fa: ""; } .fa-file-heart { --fa: ""; } .fa-file-html { --fa: ""; } .fa-file-icns { --fa: ""; } .fa-file-image { --fa: ""; } .fa-file-import { --fa: ""; } .fa-file-invoice { --fa: ""; } .fa-file-invoice-dollar { --fa: ""; } .fa-file-jpg { --fa: ""; } .fa-file-js { --fa: ""; } .fa-file-lines { --fa: ""; } .fa-file-lock { --fa: ""; } .fa-file-magnifying-glass { --fa: ""; } .fa-file-medical { --fa: ""; } .fa-file-medical-alt { --fa: ""; } .fa-file-midi { --fa: ""; } .fa-file-minus { --fa: ""; } .fa-file-mov { --fa: ""; } .fa-file-mp3 { --fa: ""; } .fa-file-mp4 { --fa: ""; } .fa-file-music { --fa: ""; } .fa-file-odf { --fa: ""; } .fa-file-pdf { --fa: ""; } .fa-file-pen { --fa: ""; } .fa-file-plus { --fa: ""; } .fa-file-plus-minus { --fa: ""; } .fa-file-png { --fa: ""; } .fa-file-powerpoint { --fa: ""; } .fa-file-ppt { --fa: ""; } .fa-file-prescription { --fa: ""; } .fa-file-search { --fa: ""; } .fa-file-shield { --fa: ""; } .fa-file-signature { --fa: ""; } .fa-file-slash { --fa: ""; } .fa-file-spreadsheet { --fa: ""; } .fa-file-svg { --fa: ""; } .fa-file-tex { --fa: ""; } .fa-file-text { --fa: ""; } .fa-file-times { --fa: ""; } .fa-file-upload { --fa: ""; } .fa-file-user { --fa: ""; } .fa-file-vector { --fa: ""; } .fa-file-video { --fa: ""; } .fa-file-wav { --fa: ""; } .fa-file-waveform { --fa: ""; } .fa-file-word { --fa: ""; } .fa-file-xls { --fa: ""; } .fa-file-xmark { --fa: ""; } .fa-file-xml { --fa: ""; } .fa-file-zip { --fa: ""; } .fa-file-zipper { --fa: ""; } .fa-files { --fa: ""; } .fa-files-medical { --fa: ""; } .fa-fill { --fa: ""; } .fa-fill-drip { --fa: ""; } .fa-film { --fa: ""; } .fa-film-alt { --fa: ""; } .fa-film-canister { --fa: ""; } .fa-film-cannister { --fa: ""; } .fa-film-music { --fa: ""; } .fa-film-simple { --fa: ""; } .fa-film-slash { --fa: ""; } .fa-film-stack { --fa: ""; } .fa-films { --fa: ""; } .fa-filter { --fa: ""; } .fa-filter-circle-dollar { --fa: ""; } .fa-filter-circle-xmark { --fa: ""; } .fa-filter-list { --fa: ""; } .fa-filter-slash { --fa: ""; } .fa-filters { --fa: ""; } .fa-fingerprint { --fa: ""; } .fa-fire { --fa: ""; } .fa-fire-alt { --fa: ""; } .fa-fire-burner { --fa: ""; } .fa-fire-extinguisher { --fa: ""; } .fa-fire-flame { --fa: ""; } .fa-fire-flame-curved { --fa: ""; } .fa-fire-flame-simple { --fa: ""; } .fa-fire-hydrant { --fa: ""; } .fa-fire-smoke { --fa: ""; } .fa-fireplace { --fa: ""; } .fa-firewall { --fa: ""; } .fa-first-aid { --fa: ""; } .fa-fish { --fa: ""; } .fa-fish-bones { --fa: ""; } .fa-fish-cooked { --fa: ""; } .fa-fish-fins { --fa: ""; } .fa-fishing-rod { --fa: ""; } .fa-fist-raised { --fa: ""; } .fa-flag { --fa: ""; } .fa-flag-alt { --fa: ""; } .fa-flag-checkered { --fa: ""; } .fa-flag-pennant { --fa: ""; } .fa-flag-swallowtail { --fa: ""; } .fa-flag-usa { --fa: ""; } .fa-flame { --fa: ""; } .fa-flashlight { --fa: ""; } .fa-flask { --fa: ""; } .fa-flask-gear { --fa: ""; } .fa-flask-poison { --fa: ""; } .fa-flask-potion { --fa: ""; } .fa-flask-round-poison { --fa: ""; } .fa-flask-round-potion { --fa: ""; } .fa-flask-vial { --fa: ""; } .fa-flatbread { --fa: ""; } .fa-flatbread-stuffed { --fa: ""; } .fa-floppy-disk { --fa: ""; } .fa-floppy-disk-circle-arrow-right { --fa: ""; } .fa-floppy-disk-circle-xmark { --fa: ""; } .fa-floppy-disk-pen { --fa: ""; } .fa-floppy-disk-times { --fa: ""; } .fa-floppy-disks { --fa: ""; } .fa-florin-sign { --fa: ""; } .fa-flower { --fa: ""; } .fa-flower-daffodil { --fa: ""; } .fa-flower-tulip { --fa: ""; } .fa-flushed { --fa: ""; } .fa-flute { --fa: ""; } .fa-flux-capacitor { --fa: ""; } .fa-flying-disc { --fa: ""; } .fa-fog { --fa: ""; } .fa-folder { --fa: ""; } .fa-folder-arrow-down { --fa: ""; } .fa-folder-arrow-left { --fa: ""; } .fa-folder-arrow-right { --fa: ""; } .fa-folder-arrow-up { --fa: ""; } .fa-folder-blank { --fa: ""; } .fa-folder-bookmark { --fa: ""; } .fa-folder-check { --fa: ""; } .fa-folder-closed { --fa: ""; } .fa-folder-cog { --fa: ""; } .fa-folder-download { --fa: ""; } .fa-folder-gear { --fa: ""; } .fa-folder-grid { --fa: ""; } .fa-folder-heart { --fa: ""; } .fa-folder-image { --fa: ""; } .fa-folder-magnifying-glass { --fa: ""; } .fa-folder-medical { --fa: ""; } .fa-folder-minus { --fa: ""; } .fa-folder-music { --fa: ""; } .fa-folder-open { --fa: ""; } .fa-folder-plus { --fa: ""; } .fa-folder-search { --fa: ""; } .fa-folder-times { --fa: ""; } .fa-folder-tree { --fa: ""; } .fa-folder-upload { --fa: ""; } .fa-folder-user { --fa: ""; } .fa-folder-xmark { --fa: ""; } .fa-folders { --fa: ""; } .fa-fondue-pot { --fa: ""; } .fa-font { --fa: ""; } .fa-font-awesome { --fa: ""; } .fa-font-awesome-flag { --fa: ""; } .fa-font-awesome-logo-full { --fa: ""; } .fa-font-case { --fa: ""; } .fa-foot-wing { --fa: ""; } .fa-football { --fa: ""; } .fa-football-ball { --fa: ""; } .fa-football-helmet { --fa: ""; } .fa-fork { --fa: ""; } .fa-fork-knife { --fa: ""; } .fa-forklift { --fa: ""; } .fa-fort { --fa: ""; } .fa-forward { --fa: ""; } .fa-forward-fast { --fa: ""; } .fa-forward-step { --fa: ""; } .fa-fragile { --fa: ""; } .fa-frame { --fa: ""; } .fa-franc-sign { --fa: ""; } .fa-french-fries { --fa: ""; } .fa-frog { --fa: ""; } .fa-frosty-head { --fa: ""; } .fa-frown { --fa: ""; } .fa-frown-open { --fa: ""; } .fa-function { --fa: ""; } .fa-funnel-dollar { --fa: ""; } .fa-futbol { --fa: ""; } .fa-futbol-ball { --fa: ""; } .fa-g { --fa: "G"; } .fa-galaxy { --fa: ""; } .fa-gallery-thumbnails { --fa: ""; } .fa-game-board { --fa: ""; } .fa-game-board-alt { --fa: ""; } .fa-game-board-simple { --fa: ""; } .fa-game-console-handheld { --fa: ""; } .fa-game-console-handheld-crank { --fa: ""; } .fa-gamepad { --fa: ""; } .fa-gamepad-alt { --fa: ""; } .fa-gamepad-modern { --fa: ""; } .fa-garage { --fa: ""; } .fa-garage-car { --fa: ""; } .fa-garage-empty { --fa: ""; } .fa-garage-open { --fa: ""; } .fa-garlic { --fa: ""; } .fa-gas-pump { --fa: ""; } .fa-gas-pump-left { --fa: ""; } .fa-gas-pump-right { --fa: ""; } .fa-gas-pump-slash { --fa: ""; } .fa-gauge { --fa: ""; } .fa-gauge-circle-bolt { --fa: ""; } .fa-gauge-circle-minus { --fa: ""; } .fa-gauge-circle-plus { --fa: ""; } .fa-gauge-high { --fa: ""; } .fa-gauge-low { --fa: ""; } .fa-gauge-max { --fa: ""; } .fa-gauge-med { --fa: ""; } .fa-gauge-min { --fa: ""; } .fa-gauge-simple { --fa: ""; } .fa-gauge-simple-high { --fa: ""; } .fa-gauge-simple-low { --fa: ""; } .fa-gauge-simple-max { --fa: ""; } .fa-gauge-simple-med { --fa: ""; } .fa-gauge-simple-min { --fa: ""; } .fa-gave-dandy { --fa: ""; } .fa-gavel { --fa: ""; } .fa-gbp { --fa: ""; } .fa-gear { --fa: ""; } .fa-gear-api { --fa: ""; } .fa-gear-code { --fa: ""; } .fa-gear-complex { --fa: ""; } .fa-gear-complex-api { --fa: ""; } .fa-gear-complex-code { --fa: ""; } .fa-gears { --fa: ""; } .fa-gem { --fa: ""; } .fa-gemini { --fa: ""; } .fa-genderless { --fa: ""; } .fa-ghost { --fa: ""; } .fa-gif { --fa: ""; } .fa-gift { --fa: ""; } .fa-gift-card { --fa: ""; } .fa-gifts { --fa: ""; } .fa-gingerbread-man { --fa: ""; } .fa-glass { --fa: ""; } .fa-glass-champagne { --fa: ""; } .fa-glass-cheers { --fa: ""; } .fa-glass-citrus { --fa: ""; } .fa-glass-empty { --fa: ""; } .fa-glass-half { --fa: ""; } .fa-glass-half-empty { --fa: ""; } .fa-glass-half-full { --fa: ""; } .fa-glass-martini { --fa: ""; } .fa-glass-martini-alt { --fa: ""; } .fa-glass-water { --fa: ""; } .fa-glass-water-droplet { --fa: ""; } .fa-glass-whiskey { --fa: ""; } .fa-glass-whiskey-rocks { --fa: ""; } .fa-glasses { --fa: ""; } .fa-glasses-alt { --fa: ""; } .fa-glasses-round { --fa: ""; } .fa-globe { --fa: ""; } .fa-globe-africa { --fa: ""; } .fa-globe-americas { --fa: ""; } .fa-globe-asia { --fa: ""; } .fa-globe-europe { --fa: ""; } .fa-globe-oceania { --fa: ""; } .fa-globe-pointer { --fa: ""; } .fa-globe-snow { --fa: ""; } .fa-globe-stand { --fa: ""; } .fa-globe-wifi { --fa: ""; } .fa-globe-www { --fa: ""; } .fa-glove-boxing { --fa: ""; } .fa-goal-net { --fa: ""; } .fa-golf-ball { --fa: ""; } .fa-golf-ball-tee { --fa: ""; } .fa-golf-club { --fa: ""; } .fa-golf-flag-hole { --fa: ""; } .fa-gopuram { --fa: ""; } .fa-gpu { --fa: ""; } .fa-graduation-cap { --fa: ""; } .fa-gramophone { --fa: ""; } .fa-grapes { --fa: ""; } .fa-grate { --fa: ""; } .fa-grate-droplet { --fa: ""; } .fa-greater-than { --fa: ">"; } .fa-greater-than-equal { --fa: ""; } .fa-grid { --fa: ""; } .fa-grid-2 { --fa: ""; } .fa-grid-2-minus { --fa: ""; } .fa-grid-2-plus { --fa: ""; } .fa-grid-3 { --fa: ""; } .fa-grid-4 { --fa: ""; } .fa-grid-5 { --fa: ""; } .fa-grid-dividers { --fa: ""; } .fa-grid-horizontal { --fa: ""; } .fa-grid-round { --fa: ""; } .fa-grid-round-2 { --fa: ""; } .fa-grid-round-2-minus { --fa: ""; } .fa-grid-round-2-plus { --fa: ""; } .fa-grid-round-4 { --fa: ""; } .fa-grid-round-5 { --fa: ""; } .fa-grid-vertical { --fa: ""; } .fa-grill { --fa: ""; } .fa-grill-fire { --fa: ""; } .fa-grill-hot { --fa: ""; } .fa-grimace { --fa: ""; } .fa-grin { --fa: ""; } .fa-grin-alt { --fa: ""; } .fa-grin-beam { --fa: ""; } .fa-grin-beam-sweat { --fa: ""; } .fa-grin-hearts { --fa: ""; } .fa-grin-squint { --fa: ""; } .fa-grin-squint-tears { --fa: ""; } .fa-grin-stars { --fa: ""; } .fa-grin-tears { --fa: ""; } .fa-grin-tongue { --fa: ""; } .fa-grin-tongue-squint { --fa: ""; } .fa-grin-tongue-wink { --fa: ""; } .fa-grin-wink { --fa: ""; } .fa-grip { --fa: ""; } .fa-grip-dots { --fa: ""; } .fa-grip-dots-vertical { --fa: ""; } .fa-grip-horizontal { --fa: ""; } .fa-grip-lines { --fa: ""; } .fa-grip-lines-vertical { --fa: ""; } .fa-grip-vertical { --fa: ""; } .fa-group-arrows-rotate { --fa: ""; } .fa-guarani-sign { --fa: ""; } .fa-guitar { --fa: ""; } .fa-guitar-electric { --fa: ""; } .fa-guitars { --fa: ""; } .fa-gun { --fa: ""; } .fa-gun-slash { --fa: ""; } .fa-gun-squirt { --fa: ""; } .fa-h { --fa: "H"; } .fa-h-square { --fa: ""; } .fa-h1 { --fa: ""; } .fa-h2 { --fa: ""; } .fa-h3 { --fa: ""; } .fa-h4 { --fa: ""; } .fa-h5 { --fa: ""; } .fa-h6 { --fa: ""; } .fa-hamburger { --fa: ""; } .fa-hammer { --fa: ""; } .fa-hammer-brush { --fa: ""; } .fa-hammer-crash { --fa: ""; } .fa-hammer-war { --fa: ""; } .fa-hamsa { --fa: ""; } .fa-hand { --fa: ""; } .fa-hand-back-fist { --fa: ""; } .fa-hand-back-point-down { --fa: ""; } .fa-hand-back-point-left { --fa: ""; } .fa-hand-back-point-ribbon { --fa: ""; } .fa-hand-back-point-right { --fa: ""; } .fa-hand-back-point-up { --fa: ""; } .fa-hand-dots { --fa: ""; } .fa-hand-fingers-crossed { --fa: ""; } .fa-hand-fist { --fa: ""; } .fa-hand-heart { --fa: ""; } .fa-hand-holding { --fa: ""; } .fa-hand-holding-box { --fa: ""; } .fa-hand-holding-circle-dollar { --fa: ""; } .fa-hand-holding-dollar { --fa: ""; } .fa-hand-holding-droplet { --fa: ""; } .fa-hand-holding-hand { --fa: ""; } .fa-hand-holding-heart { --fa: ""; } .fa-hand-holding-magic { --fa: ""; } .fa-hand-holding-medical { --fa: ""; } .fa-hand-holding-seedling { --fa: ""; } .fa-hand-holding-skull { --fa: ""; } .fa-hand-holding-star { --fa: ""; } .fa-hand-holding-usd { --fa: ""; } .fa-hand-holding-water { --fa: ""; } .fa-hand-horns { --fa: ""; } .fa-hand-lizard { --fa: ""; } .fa-hand-love { --fa: ""; } .fa-hand-middle-finger { --fa: ""; } .fa-hand-paper { --fa: ""; } .fa-hand-peace { --fa: ""; } .fa-hand-point-down { --fa: ""; } .fa-hand-point-left { --fa: ""; } .fa-hand-point-ribbon { --fa: ""; } .fa-hand-point-right { --fa: ""; } .fa-hand-point-up { --fa: ""; } .fa-hand-pointer { --fa: ""; } .fa-hand-receiving { --fa: ""; } .fa-hand-rock { --fa: ""; } .fa-hand-scissors { --fa: ""; } .fa-hand-shaka { --fa: ""; } .fa-hand-sparkles { --fa: ""; } .fa-hand-spock { --fa: ""; } .fa-hand-wave { --fa: ""; } .fa-handcuffs { --fa: ""; } .fa-hands { --fa: ""; } .fa-hands-american-sign-language-interpreting { --fa: ""; } .fa-hands-asl-interpreting { --fa: ""; } .fa-hands-bound { --fa: ""; } .fa-hands-bubbles { --fa: ""; } .fa-hands-clapping { --fa: ""; } .fa-hands-heart { --fa: ""; } .fa-hands-helping { --fa: ""; } .fa-hands-holding { --fa: ""; } .fa-hands-holding-child { --fa: ""; } .fa-hands-holding-circle { --fa: ""; } .fa-hands-holding-diamond { --fa: ""; } .fa-hands-holding-dollar { --fa: ""; } .fa-hands-holding-heart { --fa: ""; } .fa-hands-praying { --fa: ""; } .fa-hands-usd { --fa: ""; } .fa-hands-wash { --fa: ""; } .fa-handshake { --fa: ""; } .fa-handshake-alt { --fa: ""; } .fa-handshake-alt-slash { --fa: ""; } .fa-handshake-angle { --fa: ""; } .fa-handshake-simple { --fa: ""; } .fa-handshake-simple-slash { --fa: ""; } .fa-handshake-slash { --fa: ""; } .fa-hanukiah { --fa: ""; } .fa-hard-drive { --fa: ""; } .fa-hard-hat { --fa: ""; } .fa-hard-of-hearing { --fa: ""; } .fa-hashtag { --fa: "#"; } .fa-hashtag-lock { --fa: ""; } .fa-hat-beach { --fa: ""; } .fa-hat-chef { --fa: ""; } .fa-hat-cowboy { --fa: ""; } .fa-hat-cowboy-side { --fa: ""; } .fa-hat-hard { --fa: ""; } .fa-hat-santa { --fa: ""; } .fa-hat-winter { --fa: ""; } .fa-hat-witch { --fa: ""; } .fa-hat-wizard { --fa: ""; } .fa-haykal { --fa: ""; } .fa-hdd { --fa: ""; } .fa-head-side { --fa: ""; } .fa-head-side-brain { --fa: ""; } .fa-head-side-circuit { --fa: ""; } .fa-head-side-cough { --fa: ""; } .fa-head-side-cough-slash { --fa: ""; } .fa-head-side-gear { --fa: ""; } .fa-head-side-goggles { --fa: ""; } .fa-head-side-headphones { --fa: ""; } .fa-head-side-heart { --fa: ""; } .fa-head-side-mask { --fa: ""; } .fa-head-side-medical { --fa: ""; } .fa-head-side-speak { --fa: ""; } .fa-head-side-virus { --fa: ""; } .fa-head-vr { --fa: ""; } .fa-header { --fa: ""; } .fa-heading { --fa: ""; } .fa-headphones { --fa: ""; } .fa-headphones-alt { --fa: ""; } .fa-headphones-simple { --fa: ""; } .fa-headphones-slash { --fa: ""; } .fa-headset { --fa: ""; } .fa-heart { --fa: ""; } .fa-heart-broken { --fa: ""; } .fa-heart-circle { --fa: ""; } .fa-heart-circle-bolt { --fa: ""; } .fa-heart-circle-check { --fa: ""; } .fa-heart-circle-exclamation { --fa: ""; } .fa-heart-circle-minus { --fa: ""; } .fa-heart-circle-plus { --fa: ""; } .fa-heart-circle-xmark { --fa: ""; } .fa-heart-crack { --fa: ""; } .fa-heart-half { --fa: ""; } .fa-heart-half-alt { --fa: ""; } .fa-heart-half-stroke { --fa: ""; } .fa-heart-music-camera-bolt { --fa: ""; } .fa-heart-pulse { --fa: ""; } .fa-heart-rate { --fa: ""; } .fa-heart-slash { --fa: ""; } .fa-heart-square { --fa: ""; } .fa-heartbeat { --fa: ""; } .fa-hearts { --fa: ""; } .fa-heat { --fa: ""; } .fa-helicopter { --fa: ""; } .fa-helicopter-symbol { --fa: ""; } .fa-helmet-battle { --fa: ""; } .fa-helmet-safety { --fa: ""; } .fa-helmet-un { --fa: ""; } .fa-heptagon { --fa: ""; } .fa-hexagon { --fa: ""; } .fa-hexagon-check { --fa: ""; } .fa-hexagon-divide { --fa: ""; } .fa-hexagon-equals { --fa: ""; } .fa-hexagon-exclamation { --fa: ""; } .fa-hexagon-image { --fa: ""; } .fa-hexagon-minus { --fa: ""; } .fa-hexagon-nodes { --fa: ""; } .fa-hexagon-nodes-bolt { --fa: ""; } .fa-hexagon-plus { --fa: ""; } .fa-hexagon-vertical-nft { --fa: ""; } .fa-hexagon-vertical-nft-slanted { --fa: ""; } .fa-hexagon-xmark { --fa: ""; } .fa-high-definition { --fa: ""; } .fa-highlighter { --fa: ""; } .fa-highlighter-line { --fa: ""; } .fa-hiking { --fa: ""; } .fa-hill-avalanche { --fa: ""; } .fa-hill-rockslide { --fa: ""; } .fa-hippo { --fa: ""; } .fa-history { --fa: ""; } .fa-hockey-mask { --fa: ""; } .fa-hockey-puck { --fa: ""; } .fa-hockey-stick { --fa: ""; } .fa-hockey-stick-puck { --fa: ""; } .fa-hockey-sticks { --fa: ""; } .fa-holly-berry { --fa: ""; } .fa-home { --fa: ""; } .fa-home-alt { --fa: ""; } .fa-home-blank { --fa: ""; } .fa-home-heart { --fa: ""; } .fa-home-lg { --fa: ""; } .fa-home-lg-alt { --fa: ""; } .fa-home-user { --fa: ""; } .fa-honey-pot { --fa: ""; } .fa-hood-cloak { --fa: ""; } .fa-horizontal-rule { --fa: ""; } .fa-horse { --fa: ""; } .fa-horse-head { --fa: ""; } .fa-horse-saddle { --fa: ""; } .fa-horseshoe { --fa: ""; } .fa-hose { --fa: ""; } .fa-hose-reel { --fa: ""; } .fa-hospital { --fa: ""; } .fa-hospital-alt { --fa: ""; } .fa-hospital-symbol { --fa: ""; } .fa-hospital-user { --fa: ""; } .fa-hospital-wide { --fa: ""; } .fa-hospitals { --fa: ""; } .fa-hot-tub { --fa: ""; } .fa-hot-tub-person { --fa: ""; } .fa-hotdog { --fa: ""; } .fa-hotel { --fa: ""; } .fa-hourglass { --fa: ""; } .fa-hourglass-1 { --fa: ""; } .fa-hourglass-2 { --fa: ""; } .fa-hourglass-3 { --fa: ""; } .fa-hourglass-clock { --fa: ""; } .fa-hourglass-empty { --fa: ""; } .fa-hourglass-end { --fa: ""; } .fa-hourglass-half { --fa: ""; } .fa-hourglass-start { --fa: ""; } .fa-house { --fa: ""; } .fa-house-blank { --fa: ""; } .fa-house-building { --fa: ""; } .fa-house-chimney { --fa: ""; } .fa-house-chimney-blank { --fa: ""; } .fa-house-chimney-crack { --fa: ""; } .fa-house-chimney-heart { --fa: ""; } .fa-house-chimney-medical { --fa: ""; } .fa-house-chimney-user { --fa: ""; } .fa-house-chimney-window { --fa: ""; } .fa-house-circle-check { --fa: ""; } .fa-house-circle-exclamation { --fa: ""; } .fa-house-circle-xmark { --fa: ""; } .fa-house-crack { --fa: ""; } .fa-house-damage { --fa: ""; } .fa-house-day { --fa: ""; } .fa-house-fire { --fa: ""; } .fa-house-flag { --fa: ""; } .fa-house-flood { --fa: ""; } .fa-house-flood-water { --fa: ""; } .fa-house-flood-water-circle-arrow-right { --fa: ""; } .fa-house-heart { --fa: ""; } .fa-house-laptop { --fa: ""; } .fa-house-leave { --fa: ""; } .fa-house-lock { --fa: ""; } .fa-house-medical { --fa: ""; } .fa-house-medical-circle-check { --fa: ""; } .fa-house-medical-circle-exclamation { --fa: ""; } .fa-house-medical-circle-xmark { --fa: ""; } .fa-house-medical-flag { --fa: ""; } .fa-house-night { --fa: ""; } .fa-house-person-arrive { --fa: ""; } .fa-house-person-depart { --fa: ""; } .fa-house-person-leave { --fa: ""; } .fa-house-person-return { --fa: ""; } .fa-house-return { --fa: ""; } .fa-house-signal { --fa: ""; } .fa-house-tree { --fa: ""; } .fa-house-tsunami { --fa: ""; } .fa-house-turret { --fa: ""; } .fa-house-unlock { --fa: ""; } .fa-house-user { --fa: ""; } .fa-house-water { --fa: ""; } .fa-house-window { --fa: ""; } .fa-hryvnia { --fa: ""; } .fa-hryvnia-sign { --fa: ""; } .fa-humidity { --fa: ""; } .fa-hundred-points { --fa: ""; } .fa-hurricane { --fa: ""; } .fa-hydra { --fa: ""; } .fa-hyphen { --fa: "-"; } .fa-i { --fa: "I"; } .fa-i-cursor { --fa: ""; } .fa-ice-cream { --fa: ""; } .fa-ice-skate { --fa: ""; } .fa-icicles { --fa: ""; } .fa-icons { --fa: ""; } .fa-icons-alt { --fa: ""; } .fa-id-badge { --fa: ""; } .fa-id-card { --fa: ""; } .fa-id-card-alt { --fa: ""; } .fa-id-card-clip { --fa: ""; } .fa-igloo { --fa: ""; } .fa-ils { --fa: ""; } .fa-image { --fa: ""; } .fa-image-broken { --fa: ""; } .fa-image-circle-arrow-down { --fa: ""; } .fa-image-circle-check { --fa: ""; } .fa-image-circle-plus { --fa: ""; } .fa-image-circle-xmark { --fa: ""; } .fa-image-landscape { --fa: ""; } .fa-image-music { --fa: ""; } .fa-image-polaroid { --fa: ""; } .fa-image-polaroid-user { --fa: ""; } .fa-image-portrait { --fa: ""; } .fa-image-slash { --fa: ""; } .fa-image-stack { --fa: ""; } .fa-image-user { --fa: ""; } .fa-images { --fa: ""; } .fa-images-user { --fa: ""; } .fa-inbox { --fa: ""; } .fa-inbox-arrow-down { --fa: ""; } .fa-inbox-arrow-up { --fa: ""; } .fa-inbox-full { --fa: ""; } .fa-inbox-in { --fa: ""; } .fa-inbox-out { --fa: ""; } .fa-inboxes { --fa: ""; } .fa-indent { --fa: ""; } .fa-indian-rupee { --fa: ""; } .fa-indian-rupee-sign { --fa: ""; } .fa-industry { --fa: ""; } .fa-industry-alt { --fa: ""; } .fa-industry-windows { --fa: ""; } .fa-infinity { --fa: ""; } .fa-info { --fa: ""; } .fa-info-circle { --fa: ""; } .fa-info-square { --fa: ""; } .fa-inhaler { --fa: ""; } .fa-input-numeric { --fa: ""; } .fa-input-password { --fa: ""; } .fa-input-pipe { --fa: ""; } .fa-input-text { --fa: ""; } .fa-inr { --fa: ""; } .fa-institution { --fa: ""; } .fa-integral { --fa: ""; } .fa-interrobang { --fa: ""; } .fa-intersection { --fa: ""; } .fa-inventory { --fa: ""; } .fa-island-tree-palm { --fa: ""; } .fa-island-tropical { --fa: ""; } .fa-italic { --fa: ""; } .fa-j { --fa: "J"; } .fa-jack-o-lantern { --fa: ""; } .fa-jar { --fa: ""; } .fa-jar-wheat { --fa: ""; } .fa-jeans { --fa: ""; } .fa-jeans-straight { --fa: ""; } .fa-jedi { --fa: ""; } .fa-jet-fighter { --fa: ""; } .fa-jet-fighter-up { --fa: ""; } .fa-joint { --fa: ""; } .fa-journal-whills { --fa: ""; } .fa-joystick { --fa: ""; } .fa-jpy { --fa: ""; } .fa-jug { --fa: ""; } .fa-jug-bottle { --fa: ""; } .fa-jug-detergent { --fa: ""; } .fa-k { --fa: "K"; } .fa-kaaba { --fa: ""; } .fa-kayak { --fa: ""; } .fa-kazoo { --fa: ""; } .fa-kerning { --fa: ""; } .fa-kettlebell { --fa: ""; } .fa-key { --fa: ""; } .fa-key-skeleton { --fa: ""; } .fa-key-skeleton-left-right { --fa: ""; } .fa-keyboard { --fa: ""; } .fa-keyboard-brightness { --fa: ""; } .fa-keyboard-brightness-low { --fa: ""; } .fa-keyboard-down { --fa: ""; } .fa-keyboard-left { --fa: ""; } .fa-keynote { --fa: ""; } .fa-khanda { --fa: ""; } .fa-kidneys { --fa: ""; } .fa-kip-sign { --fa: ""; } .fa-kiss { --fa: ""; } .fa-kiss-beam { --fa: ""; } .fa-kiss-wink-heart { --fa: ""; } .fa-kit-medical { --fa: ""; } .fa-kitchen-set { --fa: ""; } .fa-kite { --fa: ""; } .fa-kiwi-bird { --fa: ""; } .fa-kiwi-fruit { --fa: ""; } .fa-knife { --fa: ""; } .fa-knife-kitchen { --fa: ""; } .fa-krw { --fa: ""; } .fa-l { --fa: "L"; } .fa-label { --fa: ""; } .fa-lacrosse-stick { --fa: ""; } .fa-lacrosse-stick-ball { --fa: ""; } .fa-ladder-water { --fa: ""; } .fa-lambda { --fa: ""; } .fa-lamp { --fa: ""; } .fa-lamp-desk { --fa: ""; } .fa-lamp-floor { --fa: ""; } .fa-lamp-street { --fa: ""; } .fa-land-mine-on { --fa: ""; } .fa-landmark { --fa: ""; } .fa-landmark-alt { --fa: ""; } .fa-landmark-dome { --fa: ""; } .fa-landmark-flag { --fa: ""; } .fa-landmark-magnifying-glass { --fa: ""; } .fa-landscape { --fa: ""; } .fa-language { --fa: ""; } .fa-laptop { --fa: ""; } .fa-laptop-arrow-down { --fa: ""; } .fa-laptop-binary { --fa: ""; } .fa-laptop-code { --fa: ""; } .fa-laptop-file { --fa: ""; } .fa-laptop-house { --fa: ""; } .fa-laptop-medical { --fa: ""; } .fa-laptop-mobile { --fa: ""; } .fa-laptop-slash { --fa: ""; } .fa-lari-sign { --fa: ""; } .fa-lasso { --fa: ""; } .fa-lasso-sparkles { --fa: ""; } .fa-laugh { --fa: ""; } .fa-laugh-beam { --fa: ""; } .fa-laugh-squint { --fa: ""; } .fa-laugh-wink { --fa: ""; } .fa-layer { --fa: ""; } .fa-layer-group { --fa: ""; } .fa-layer-group-minus { --fa: ""; } .fa-layer-group-plus { --fa: ""; } .fa-layer-minus { --fa: ""; } .fa-layer-plus { --fa: ""; } .fa-leaf { --fa: ""; } .fa-leaf-heart { --fa: ""; } .fa-leaf-maple { --fa: ""; } .fa-leaf-oak { --fa: ""; } .fa-leafy-green { --fa: ""; } .fa-left { --fa: ""; } .fa-left-from-bracket { --fa: ""; } .fa-left-from-dotted-line { --fa: ""; } .fa-left-from-line { --fa: ""; } .fa-left-long { --fa: ""; } .fa-left-long-to-line { --fa: ""; } .fa-left-right { --fa: ""; } .fa-left-to-bracket { --fa: ""; } .fa-left-to-dotted-line { --fa: ""; } .fa-left-to-line { --fa: ""; } .fa-legal { --fa: ""; } .fa-lemon { --fa: ""; } .fa-leo { --fa: ""; } .fa-less-than { --fa: "<"; } .fa-less-than-equal { --fa: ""; } .fa-level-down { --fa: ""; } .fa-level-down-alt { --fa: ""; } .fa-level-up { --fa: ""; } .fa-level-up-alt { --fa: ""; } .fa-libra { --fa: ""; } .fa-life-ring { --fa: ""; } .fa-light-ceiling { --fa: ""; } .fa-light-emergency { --fa: ""; } .fa-light-emergency-on { --fa: ""; } .fa-light-switch { --fa: ""; } .fa-light-switch-off { --fa: ""; } .fa-light-switch-on { --fa: ""; } .fa-lightbulb { --fa: ""; } .fa-lightbulb-cfl { --fa: ""; } .fa-lightbulb-cfl-on { --fa: ""; } .fa-lightbulb-dollar { --fa: ""; } .fa-lightbulb-exclamation { --fa: ""; } .fa-lightbulb-exclamation-on { --fa: ""; } .fa-lightbulb-gear { --fa: ""; } .fa-lightbulb-message { --fa: ""; } .fa-lightbulb-on { --fa: ""; } .fa-lightbulb-slash { --fa: ""; } .fa-lighthouse { --fa: ""; } .fa-lights-holiday { --fa: ""; } .fa-line-chart { --fa: ""; } .fa-line-columns { --fa: ""; } .fa-line-height { --fa: ""; } .fa-lines-leaning { --fa: ""; } .fa-link { --fa: ""; } .fa-link-broken { --fa: ""; } .fa-link-horizontal { --fa: ""; } .fa-link-horizontal-slash { --fa: ""; } .fa-link-simple { --fa: ""; } .fa-link-simple-slash { --fa: ""; } .fa-link-slash { --fa: ""; } .fa-lips { --fa: ""; } .fa-lira-sign { --fa: ""; } .fa-list { --fa: ""; } .fa-list-1-2 { --fa: ""; } .fa-list-alt { --fa: ""; } .fa-list-check { --fa: ""; } .fa-list-dots { --fa: ""; } .fa-list-dropdown { --fa: ""; } .fa-list-music { --fa: ""; } .fa-list-numeric { --fa: ""; } .fa-list-ol { --fa: ""; } .fa-list-radio { --fa: ""; } .fa-list-squares { --fa: ""; } .fa-list-timeline { --fa: ""; } .fa-list-tree { --fa: ""; } .fa-list-ul { --fa: ""; } .fa-litecoin-sign { --fa: ""; } .fa-loader { --fa: ""; } .fa-lobster { --fa: ""; } .fa-location { --fa: ""; } .fa-location-arrow { --fa: ""; } .fa-location-arrow-slash { --fa: ""; } .fa-location-arrow-up { --fa: ""; } .fa-location-check { --fa: ""; } .fa-location-circle { --fa: ""; } .fa-location-crosshairs { --fa: ""; } .fa-location-crosshairs-slash { --fa: ""; } .fa-location-dot { --fa: ""; } .fa-location-dot-slash { --fa: ""; } .fa-location-exclamation { --fa: ""; } .fa-location-minus { --fa: ""; } .fa-location-pen { --fa: ""; } .fa-location-pin { --fa: ""; } .fa-location-pin-lock { --fa: ""; } .fa-location-pin-slash { --fa: ""; } .fa-location-plus { --fa: ""; } .fa-location-question { --fa: ""; } .fa-location-slash { --fa: ""; } .fa-location-smile { --fa: ""; } .fa-location-xmark { --fa: ""; } .fa-lock { --fa: ""; } .fa-lock-a { --fa: ""; } .fa-lock-alt { --fa: ""; } .fa-lock-hashtag { --fa: ""; } .fa-lock-keyhole { --fa: ""; } .fa-lock-keyhole-open { --fa: ""; } .fa-lock-open { --fa: ""; } .fa-lock-open-alt { --fa: ""; } .fa-locust { --fa: ""; } .fa-lollipop { --fa: ""; } .fa-lollypop { --fa: ""; } .fa-long-arrow-alt-down { --fa: ""; } .fa-long-arrow-alt-left { --fa: ""; } .fa-long-arrow-alt-right { --fa: ""; } .fa-long-arrow-alt-up { --fa: ""; } .fa-long-arrow-down { --fa: ""; } .fa-long-arrow-left { --fa: ""; } .fa-long-arrow-right { --fa: ""; } .fa-long-arrow-up { --fa: ""; } .fa-loveseat { --fa: ""; } .fa-low-vision { --fa: ""; } .fa-luchador { --fa: ""; } .fa-luchador-mask { --fa: ""; } .fa-luggage-cart { --fa: ""; } .fa-lungs { --fa: ""; } .fa-lungs-virus { --fa: ""; } .fa-lychee { --fa: ""; } .fa-m { --fa: "M"; } .fa-mace { --fa: ""; } .fa-magic { --fa: ""; } .fa-magic-wand-sparkles { --fa: ""; } .fa-magnet { --fa: ""; } .fa-magnifying-glass { --fa: ""; } .fa-magnifying-glass-arrow-right { --fa: ""; } .fa-magnifying-glass-arrows-rotate { --fa: ""; } .fa-magnifying-glass-chart { --fa: ""; } .fa-magnifying-glass-dollar { --fa: ""; } .fa-magnifying-glass-location { --fa: ""; } .fa-magnifying-glass-minus { --fa: ""; } .fa-magnifying-glass-music { --fa: ""; } .fa-magnifying-glass-play { --fa: ""; } .fa-magnifying-glass-plus { --fa: ""; } .fa-magnifying-glass-waveform { --fa: ""; } .fa-mail-bulk { --fa: ""; } .fa-mail-forward { --fa: ""; } .fa-mail-reply { --fa: ""; } .fa-mail-reply-all { --fa: ""; } .fa-mailbox { --fa: ""; } .fa-mailbox-flag-up { --fa: ""; } .fa-mailbox-open-empty { --fa: ""; } .fa-mailbox-open-letter { --fa: ""; } .fa-maki-roll { --fa: ""; } .fa-makizushi { --fa: ""; } .fa-malaysian-ringgit-sign { --fa: ""; } .fa-male { --fa: ""; } .fa-manat-sign { --fa: ""; } .fa-mandolin { --fa: ""; } .fa-mango { --fa: ""; } .fa-manhole { --fa: ""; } .fa-map { --fa: ""; } .fa-map-location { --fa: ""; } .fa-map-location-dot { --fa: ""; } .fa-map-marked { --fa: ""; } .fa-map-marked-alt { --fa: ""; } .fa-map-marker { --fa: ""; } .fa-map-marker-alt { --fa: ""; } .fa-map-marker-alt-slash { --fa: ""; } .fa-map-marker-check { --fa: ""; } .fa-map-marker-edit { --fa: ""; } .fa-map-marker-exclamation { --fa: ""; } .fa-map-marker-minus { --fa: ""; } .fa-map-marker-plus { --fa: ""; } .fa-map-marker-question { --fa: ""; } .fa-map-marker-slash { --fa: ""; } .fa-map-marker-smile { --fa: ""; } .fa-map-marker-times { --fa: ""; } .fa-map-marker-xmark { --fa: ""; } .fa-map-pin { --fa: ""; } .fa-map-signs { --fa: ""; } .fa-marker { --fa: ""; } .fa-mars { --fa: ""; } .fa-mars-and-venus { --fa: ""; } .fa-mars-and-venus-burst { --fa: ""; } .fa-mars-double { --fa: ""; } .fa-mars-stroke { --fa: ""; } .fa-mars-stroke-h { --fa: ""; } .fa-mars-stroke-right { --fa: ""; } .fa-mars-stroke-up { --fa: ""; } .fa-mars-stroke-v { --fa: ""; } .fa-martini-glass { --fa: ""; } .fa-martini-glass-citrus { --fa: ""; } .fa-martini-glass-empty { --fa: ""; } .fa-mask { --fa: ""; } .fa-mask-face { --fa: ""; } .fa-mask-luchador { --fa: ""; } .fa-mask-snorkel { --fa: ""; } .fa-mask-ventilator { --fa: ""; } .fa-masks-theater { --fa: ""; } .fa-mattress-pillow { --fa: ""; } .fa-maximize { --fa: ""; } .fa-meat { --fa: ""; } .fa-medal { --fa: ""; } .fa-medkit { --fa: ""; } .fa-megaphone { --fa: ""; } .fa-meh { --fa: ""; } .fa-meh-blank { --fa: ""; } .fa-meh-rolling-eyes { --fa: ""; } .fa-melon { --fa: ""; } .fa-melon-slice { --fa: ""; } .fa-memo { --fa: ""; } .fa-memo-circle-check { --fa: ""; } .fa-memo-circle-info { --fa: ""; } .fa-memo-pad { --fa: ""; } .fa-memory { --fa: ""; } .fa-menorah { --fa: ""; } .fa-mercury { --fa: ""; } .fa-merge { --fa: ""; } .fa-message { --fa: ""; } .fa-message-arrow-down { --fa: ""; } .fa-message-arrow-up { --fa: ""; } .fa-message-arrow-up-right { --fa: ""; } .fa-message-bot { --fa: ""; } .fa-message-captions { --fa: ""; } .fa-message-check { --fa: ""; } .fa-message-code { --fa: ""; } .fa-message-dollar { --fa: ""; } .fa-message-dot { --fa: ""; } .fa-message-dots { --fa: ""; } .fa-message-edit { --fa: ""; } .fa-message-exclamation { --fa: ""; } .fa-message-heart { --fa: ""; } .fa-message-image { --fa: ""; } .fa-message-lines { --fa: ""; } .fa-message-medical { --fa: ""; } .fa-message-middle { --fa: ""; } .fa-message-middle-top { --fa: ""; } .fa-message-minus { --fa: ""; } .fa-message-music { --fa: ""; } .fa-message-pen { --fa: ""; } .fa-message-plus { --fa: ""; } .fa-message-question { --fa: ""; } .fa-message-quote { --fa: ""; } .fa-message-slash { --fa: ""; } .fa-message-smile { --fa: ""; } .fa-message-sms { --fa: ""; } .fa-message-text { --fa: ""; } .fa-message-times { --fa: ""; } .fa-message-waveform { --fa: ""; } .fa-message-xmark { --fa: ""; } .fa-messages { --fa: ""; } .fa-messages-dollar { --fa: ""; } .fa-messages-question { --fa: ""; } .fa-messaging { --fa: ""; } .fa-meteor { --fa: ""; } .fa-meter { --fa: ""; } .fa-meter-bolt { --fa: ""; } .fa-meter-droplet { --fa: ""; } .fa-meter-fire { --fa: ""; } .fa-microchip { --fa: ""; } .fa-microchip-ai { --fa: ""; } .fa-microphone { --fa: ""; } .fa-microphone-alt { --fa: ""; } .fa-microphone-alt-slash { --fa: ""; } .fa-microphone-circle { --fa: ""; } .fa-microphone-circle-alt { --fa: ""; } .fa-microphone-circle-plus { --fa: ""; } .fa-microphone-circle-xmark { --fa: ""; } .fa-microphone-lines { --fa: ""; } .fa-microphone-lines-slash { --fa: ""; } .fa-microphone-signal-meter { --fa: ""; } .fa-microphone-slash { --fa: ""; } .fa-microphone-stand { --fa: ""; } .fa-microscope { --fa: ""; } .fa-microwave { --fa: ""; } .fa-midi { --fa: ""; } .fa-mill-sign { --fa: ""; } .fa-mind-share { --fa: ""; } .fa-minimize { --fa: ""; } .fa-minus { --fa: ""; } .fa-minus-circle { --fa: ""; } .fa-minus-hexagon { --fa: ""; } .fa-minus-large { --fa: ""; } .fa-minus-octagon { --fa: ""; } .fa-minus-square { --fa: ""; } .fa-mistletoe { --fa: ""; } .fa-mitten { --fa: ""; } .fa-mobile { --fa: ""; } .fa-mobile-alt { --fa: ""; } .fa-mobile-android { --fa: ""; } .fa-mobile-android-alt { --fa: ""; } .fa-mobile-arrow-down { --fa: ""; } .fa-mobile-button { --fa: ""; } .fa-mobile-iphone { --fa: ""; } .fa-mobile-notch { --fa: ""; } .fa-mobile-phone { --fa: ""; } .fa-mobile-retro { --fa: ""; } .fa-mobile-rotate { --fa: ""; } .fa-mobile-rotate-reverse { --fa: ""; } .fa-mobile-screen { --fa: ""; } .fa-mobile-screen-button { --fa: ""; } .fa-mobile-signal { --fa: ""; } .fa-mobile-signal-out { --fa: ""; } .fa-mobile-slash { --fa: ""; } .fa-mobile-vibrate { --fa: ""; } .fa-mobile-vibrate-slash { --fa: ""; } .fa-money-bill { --fa: ""; } .fa-money-bill-1 { --fa: ""; } .fa-money-bill-1-wave { --fa: ""; } .fa-money-bill-alt { --fa: ""; } .fa-money-bill-simple { --fa: ""; } .fa-money-bill-simple-wave { --fa: ""; } .fa-money-bill-transfer { --fa: ""; } .fa-money-bill-trend-up { --fa: ""; } .fa-money-bill-wave { --fa: ""; } .fa-money-bill-wave-alt { --fa: ""; } .fa-money-bill-wheat { --fa: ""; } .fa-money-bills { --fa: ""; } .fa-money-bills-alt { --fa: ""; } .fa-money-bills-simple { --fa: ""; } .fa-money-check { --fa: ""; } .fa-money-check-alt { --fa: ""; } .fa-money-check-dollar { --fa: ""; } .fa-money-check-dollar-pen { --fa: ""; } .fa-money-check-edit { --fa: ""; } .fa-money-check-edit-alt { --fa: ""; } .fa-money-check-pen { --fa: ""; } .fa-money-from-bracket { --fa: ""; } .fa-money-simple-from-bracket { --fa: ""; } .fa-monitor-heart-rate { --fa: ""; } .fa-monitor-waveform { --fa: ""; } .fa-monkey { --fa: ""; } .fa-monument { --fa: ""; } .fa-moon { --fa: ""; } .fa-moon-cloud { --fa: ""; } .fa-moon-first-quarter { --fa: ""; } .fa-moon-first-quarter-inverse { --fa: ""; } .fa-moon-full { --fa: ""; } .fa-moon-full-inverse { --fa: ""; } .fa-moon-last-quarter { --fa: ""; } .fa-moon-last-quarter-inverse { --fa: ""; } .fa-moon-new { --fa: ""; } .fa-moon-new-inverse { --fa: ""; } .fa-moon-over-sun { --fa: ""; } .fa-moon-star { --fa: ""; } .fa-moon-stars { --fa: ""; } .fa-moon-waning-crescent { --fa: ""; } .fa-moon-waning-crescent-inverse { --fa: ""; } .fa-moon-waning-gibbous { --fa: ""; } .fa-moon-waning-gibbous-inverse { --fa: ""; } .fa-moon-waxing-crescent { --fa: ""; } .fa-moon-waxing-crescent-inverse { --fa: ""; } .fa-moon-waxing-gibbous { --fa: ""; } .fa-moon-waxing-gibbous-inverse { --fa: ""; } .fa-moped { --fa: ""; } .fa-mortar-board { --fa: ""; } .fa-mortar-pestle { --fa: ""; } .fa-mosque { --fa: ""; } .fa-mosquito { --fa: ""; } .fa-mosquito-net { --fa: ""; } .fa-motorcycle { --fa: ""; } .fa-mound { --fa: ""; } .fa-mountain { --fa: ""; } .fa-mountain-city { --fa: ""; } .fa-mountain-sun { --fa: ""; } .fa-mountains { --fa: ""; } .fa-mouse { --fa: ""; } .fa-mouse-alt { --fa: ""; } .fa-mouse-field { --fa: ""; } .fa-mouse-pointer { --fa: ""; } .fa-mp3-player { --fa: ""; } .fa-mug { --fa: ""; } .fa-mug-hot { --fa: ""; } .fa-mug-marshmallows { --fa: ""; } .fa-mug-saucer { --fa: ""; } .fa-mug-tea { --fa: ""; } .fa-mug-tea-saucer { --fa: ""; } .fa-multiply { --fa: ""; } .fa-museum { --fa: ""; } .fa-mushroom { --fa: ""; } .fa-music { --fa: ""; } .fa-music-alt { --fa: ""; } .fa-music-alt-slash { --fa: ""; } .fa-music-magnifying-glass { --fa: ""; } .fa-music-note { --fa: ""; } .fa-music-note-slash { --fa: ""; } .fa-music-slash { --fa: ""; } .fa-mustache { --fa: ""; } .fa-n { --fa: "N"; } .fa-naira-sign { --fa: ""; } .fa-narwhal { --fa: ""; } .fa-nas { --fa: ""; } .fa-navicon { --fa: ""; } .fa-nesting-dolls { --fa: ""; } .fa-network-wired { --fa: ""; } .fa-neuter { --fa: ""; } .fa-newspaper { --fa: ""; } .fa-nfc { --fa: ""; } .fa-nfc-lock { --fa: ""; } .fa-nfc-magnifying-glass { --fa: ""; } .fa-nfc-pen { --fa: ""; } .fa-nfc-signal { --fa: ""; } .fa-nfc-slash { --fa: ""; } .fa-nfc-symbol { --fa: ""; } .fa-nfc-trash { --fa: ""; } .fa-nigiri { --fa: ""; } .fa-non-binary { --fa: ""; } .fa-norwegian-krone-sign { --fa: ""; } .fa-nose { --fa: ""; } .fa-not-equal { --fa: ""; } .fa-notdef { --fa: ""; } .fa-note { --fa: ""; } .fa-note-medical { --fa: ""; } .fa-note-sticky { --fa: ""; } .fa-notebook { --fa: ""; } .fa-notes { --fa: ""; } .fa-notes-medical { --fa: ""; } .fa-notes-sticky { --fa: ""; } .fa-numpad { --fa: ""; } .fa-o { --fa: "O"; } .fa-oar { --fa: ""; } .fa-oars { --fa: ""; } .fa-object-exclude { --fa: ""; } .fa-object-group { --fa: ""; } .fa-object-intersect { --fa: ""; } .fa-object-subtract { --fa: ""; } .fa-object-ungroup { --fa: ""; } .fa-object-union { --fa: ""; } .fa-objects-align-bottom { --fa: ""; } .fa-objects-align-center-horizontal { --fa: ""; } .fa-objects-align-center-vertical { --fa: ""; } .fa-objects-align-left { --fa: ""; } .fa-objects-align-right { --fa: ""; } .fa-objects-align-top { --fa: ""; } .fa-objects-column { --fa: ""; } .fa-octagon { --fa: ""; } .fa-octagon-check { --fa: ""; } .fa-octagon-divide { --fa: ""; } .fa-octagon-equals { --fa: ""; } .fa-octagon-exclamation { --fa: ""; } .fa-octagon-minus { --fa: ""; } .fa-octagon-plus { --fa: ""; } .fa-octagon-xmark { --fa: ""; } .fa-octopus { --fa: ""; } .fa-oil-can { --fa: ""; } .fa-oil-can-drip { --fa: ""; } .fa-oil-temp { --fa: ""; } .fa-oil-temperature { --fa: ""; } .fa-oil-well { --fa: ""; } .fa-olive { --fa: ""; } .fa-olive-branch { --fa: ""; } .fa-om { --fa: ""; } .fa-omega { --fa: ""; } .fa-onion { --fa: ""; } .fa-open-captioning { --fa: ""; } .fa-opossum { --fa: ""; } .fa-option { --fa: ""; } .fa-ornament { --fa: ""; } .fa-otter { --fa: ""; } .fa-outdent { --fa: ""; } .fa-outlet { --fa: ""; } .fa-oven { --fa: ""; } .fa-overline { --fa: ""; } .fa-owl { --fa: ""; } .fa-p { --fa: "P"; } .fa-page { --fa: ""; } .fa-page-break { --fa: ""; } .fa-page-caret-down { --fa: ""; } .fa-page-caret-up { --fa: ""; } .fa-pager { --fa: ""; } .fa-paint-brush { --fa: ""; } .fa-paint-brush-alt { --fa: ""; } .fa-paint-brush-fine { --fa: ""; } .fa-paint-roller { --fa: ""; } .fa-paintbrush { --fa: ""; } .fa-paintbrush-alt { --fa: ""; } .fa-paintbrush-fine { --fa: ""; } .fa-paintbrush-fine-slash { --fa: ""; } .fa-paintbrush-pencil { --fa: ""; } .fa-paintbrush-slash { --fa: ""; } .fa-palette { --fa: ""; } .fa-palette-boxes { --fa: ""; } .fa-pallet { --fa: ""; } .fa-pallet-alt { --fa: ""; } .fa-pallet-box { --fa: ""; } .fa-pallet-boxes { --fa: ""; } .fa-pan-food { --fa: ""; } .fa-pan-frying { --fa: ""; } .fa-pancakes { --fa: ""; } .fa-panel-ews { --fa: ""; } .fa-panel-fire { --fa: ""; } .fa-panorama { --fa: ""; } .fa-panties { --fa: ""; } .fa-pants { --fa: ""; } .fa-pants-straight { --fa: ""; } .fa-paper-plane { --fa: ""; } .fa-paper-plane-alt { --fa: ""; } .fa-paper-plane-top { --fa: ""; } .fa-paperclip { --fa: ""; } .fa-paperclip-vertical { --fa: ""; } .fa-parachute-box { --fa: ""; } .fa-paragraph { --fa: ""; } .fa-paragraph-left { --fa: ""; } .fa-paragraph-rtl { --fa: ""; } .fa-parentheses { --fa: ""; } .fa-parenthesis { --fa: "("; } .fa-parking { --fa: ""; } .fa-parking-circle { --fa: ""; } .fa-parking-circle-slash { --fa: ""; } .fa-parking-slash { --fa: ""; } .fa-party-back { --fa: ""; } .fa-party-bell { --fa: ""; } .fa-party-horn { --fa: ""; } .fa-passport { --fa: ""; } .fa-pastafarianism { --fa: ""; } .fa-paste { --fa: ""; } .fa-pause { --fa: ""; } .fa-pause-circle { --fa: ""; } .fa-paw { --fa: ""; } .fa-paw-alt { --fa: ""; } .fa-paw-claws { --fa: ""; } .fa-paw-simple { --fa: ""; } .fa-peace { --fa: ""; } .fa-peach { --fa: ""; } .fa-peanut { --fa: ""; } .fa-peanuts { --fa: ""; } .fa-peapod { --fa: ""; } .fa-pear { --fa: ""; } .fa-pedestal { --fa: ""; } .fa-pegasus { --fa: ""; } .fa-pen { --fa: ""; } .fa-pen-alt { --fa: ""; } .fa-pen-alt-slash { --fa: ""; } .fa-pen-circle { --fa: ""; } .fa-pen-clip { --fa: ""; } .fa-pen-clip-slash { --fa: ""; } .fa-pen-fancy { --fa: ""; } .fa-pen-fancy-slash { --fa: ""; } .fa-pen-field { --fa: ""; } .fa-pen-line { --fa: ""; } .fa-pen-nib { --fa: ""; } .fa-pen-nib-slash { --fa: ""; } .fa-pen-paintbrush { --fa: ""; } .fa-pen-ruler { --fa: ""; } .fa-pen-slash { --fa: ""; } .fa-pen-square { --fa: ""; } .fa-pen-swirl { --fa: ""; } .fa-pen-to-square { --fa: ""; } .fa-pencil { --fa: ""; } .fa-pencil-alt { --fa: ""; } .fa-pencil-line { --fa: ""; } .fa-pencil-mechanical { --fa: ""; } .fa-pencil-paintbrush { --fa: ""; } .fa-pencil-ruler { --fa: ""; } .fa-pencil-slash { --fa: ""; } .fa-pencil-square { --fa: ""; } .fa-pennant { --fa: ""; } .fa-pentagon { --fa: ""; } .fa-people { --fa: ""; } .fa-people-arrows { --fa: ""; } .fa-people-arrows-left-right { --fa: ""; } .fa-people-carry { --fa: ""; } .fa-people-carry-box { --fa: ""; } .fa-people-dress { --fa: ""; } .fa-people-dress-simple { --fa: ""; } .fa-people-group { --fa: ""; } .fa-people-line { --fa: ""; } .fa-people-pants { --fa: ""; } .fa-people-pants-simple { --fa: ""; } .fa-people-pulling { --fa: ""; } .fa-people-robbery { --fa: ""; } .fa-people-roof { --fa: ""; } .fa-people-simple { --fa: ""; } .fa-pepper { --fa: ""; } .fa-pepper-hot { --fa: ""; } .fa-percent { --fa: "%"; } .fa-percentage { --fa: "%"; } .fa-period { --fa: "."; } .fa-person { --fa: ""; } .fa-person-arms-raised { --fa: ""; } .fa-person-arrow-down-to-line { --fa: ""; } .fa-person-arrow-up-from-line { --fa: ""; } .fa-person-basketball { --fa: ""; } .fa-person-biking { --fa: ""; } .fa-person-biking-mountain { --fa: ""; } .fa-person-booth { --fa: ""; } .fa-person-breastfeeding { --fa: ""; } .fa-person-burst { --fa: ""; } .fa-person-cane { --fa: ""; } .fa-person-carry { --fa: ""; } .fa-person-carry-box { --fa: ""; } .fa-person-carry-empty { --fa: ""; } .fa-person-chalkboard { --fa: ""; } .fa-person-circle-check { --fa: ""; } .fa-person-circle-exclamation { --fa: ""; } .fa-person-circle-minus { --fa: ""; } .fa-person-circle-plus { --fa: ""; } .fa-person-circle-question { --fa: ""; } .fa-person-circle-xmark { --fa: ""; } .fa-person-digging { --fa: ""; } .fa-person-dolly { --fa: ""; } .fa-person-dolly-empty { --fa: ""; } .fa-person-dots-from-line { --fa: ""; } .fa-person-dress { --fa: ""; } .fa-person-dress-burst { --fa: ""; } .fa-person-dress-fairy { --fa: ""; } .fa-person-dress-simple { --fa: ""; } .fa-person-drowning { --fa: ""; } .fa-person-fairy { --fa: ""; } .fa-person-falling { --fa: ""; } .fa-person-falling-burst { --fa: ""; } .fa-person-from-portal { --fa: ""; } .fa-person-golfing { --fa: ""; } .fa-person-half-dress { --fa: ""; } .fa-person-harassing { --fa: ""; } .fa-person-hiking { --fa: ""; } .fa-person-limbs-wide { --fa: ""; } .fa-person-meditating { --fa: ""; } .fa-person-military-pointing { --fa: ""; } .fa-person-military-rifle { --fa: ""; } .fa-person-military-to-person { --fa: ""; } .fa-person-pinball { --fa: ""; } .fa-person-praying { --fa: ""; } .fa-person-pregnant { --fa: ""; } .fa-person-rays { --fa: ""; } .fa-person-rifle { --fa: ""; } .fa-person-running { --fa: ""; } .fa-person-running-fast { --fa: ""; } .fa-person-seat { --fa: ""; } .fa-person-seat-reclined { --fa: ""; } .fa-person-seat-window { --fa: ""; } .fa-person-shelter { --fa: ""; } .fa-person-sign { --fa: ""; } .fa-person-simple { --fa: ""; } .fa-person-skating { --fa: ""; } .fa-person-ski-jumping { --fa: ""; } .fa-person-ski-lift { --fa: ""; } .fa-person-skiing { --fa: ""; } .fa-person-skiing-nordic { --fa: ""; } .fa-person-sledding { --fa: ""; } .fa-person-snowboarding { --fa: ""; } .fa-person-snowmobiling { --fa: ""; } .fa-person-soccer { --fa: ""; } .fa-person-swimming { --fa: ""; } .fa-person-swimming-pool { --fa: ""; } .fa-person-swimming-water { --fa: ""; } .fa-person-through-window { --fa: ""; } .fa-person-to-door { --fa: ""; } .fa-person-to-portal { --fa: ""; } .fa-person-walking { --fa: ""; } .fa-person-walking-arrow-loop-left { --fa: ""; } .fa-person-walking-arrow-right { --fa: ""; } .fa-person-walking-dashed-line-arrow-right { --fa: ""; } .fa-person-walking-luggage { --fa: ""; } .fa-person-walking-with-cane { --fa: ""; } .fa-person-water-arms-raised { --fa: ""; } .fa-person-waving { --fa: ""; } .fa-peruvian-soles-sign { --fa: ""; } .fa-peseta-sign { --fa: ""; } .fa-peso-sign { --fa: ""; } .fa-phone { --fa: ""; } .fa-phone-alt { --fa: ""; } .fa-phone-arrow-down { --fa: ""; } .fa-phone-arrow-down-left { --fa: ""; } .fa-phone-arrow-right { --fa: ""; } .fa-phone-arrow-up { --fa: ""; } .fa-phone-arrow-up-right { --fa: ""; } .fa-phone-circle { --fa: ""; } .fa-phone-circle-alt { --fa: ""; } .fa-phone-circle-down { --fa: ""; } .fa-phone-connection { --fa: ""; } .fa-phone-flip { --fa: ""; } .fa-phone-hangup { --fa: ""; } .fa-phone-incoming { --fa: ""; } .fa-phone-intercom { --fa: ""; } .fa-phone-laptop { --fa: ""; } .fa-phone-missed { --fa: ""; } .fa-phone-office { --fa: ""; } .fa-phone-outgoing { --fa: ""; } .fa-phone-plus { --fa: ""; } .fa-phone-rotary { --fa: ""; } .fa-phone-slash { --fa: ""; } .fa-phone-square { --fa: ""; } .fa-phone-square-alt { --fa: ""; } .fa-phone-square-down { --fa: ""; } .fa-phone-volume { --fa: ""; } .fa-phone-waveform { --fa: ""; } .fa-phone-xmark { --fa: ""; } .fa-photo-film { --fa: ""; } .fa-photo-film-music { --fa: ""; } .fa-photo-video { --fa: ""; } .fa-pi { --fa: ""; } .fa-piano { --fa: ""; } .fa-piano-keyboard { --fa: ""; } .fa-pickaxe { --fa: ""; } .fa-pickleball { --fa: ""; } .fa-picture-in-picture { --fa: ""; } .fa-pie { --fa: ""; } .fa-pie-chart { --fa: ""; } .fa-pig { --fa: ""; } .fa-piggy-bank { --fa: ""; } .fa-pills { --fa: ""; } .fa-pinata { --fa: ""; } .fa-pinball { --fa: ""; } .fa-pineapple { --fa: ""; } .fa-ping-pong-paddle-ball { --fa: ""; } .fa-pipe { --fa: "|"; } .fa-pipe-circle-check { --fa: ""; } .fa-pipe-collar { --fa: ""; } .fa-pipe-section { --fa: ""; } .fa-pipe-smoking { --fa: ""; } .fa-pipe-valve { --fa: ""; } .fa-pisces { --fa: ""; } .fa-pizza { --fa: ""; } .fa-pizza-slice { --fa: ""; } .fa-place-of-worship { --fa: ""; } .fa-plane { --fa: ""; } .fa-plane-alt { --fa: ""; } .fa-plane-arrival { --fa: ""; } .fa-plane-circle-check { --fa: ""; } .fa-plane-circle-exclamation { --fa: ""; } .fa-plane-circle-xmark { --fa: ""; } .fa-plane-departure { --fa: ""; } .fa-plane-engines { --fa: ""; } .fa-plane-flying { --fa: ""; } .fa-plane-landing-gear { --fa: ""; } .fa-plane-lock { --fa: ""; } .fa-plane-prop { --fa: ""; } .fa-plane-slash { --fa: ""; } .fa-plane-tail { --fa: ""; } .fa-plane-up { --fa: ""; } .fa-plane-up-slash { --fa: ""; } .fa-planet-moon { --fa: ""; } .fa-planet-ringed { --fa: ""; } .fa-plant-wilt { --fa: ""; } .fa-plate-utensils { --fa: ""; } .fa-plate-wheat { --fa: ""; } .fa-play { --fa: ""; } .fa-play-circle { --fa: ""; } .fa-play-flip { --fa: ""; } .fa-play-pause { --fa: ""; } .fa-plug { --fa: ""; } .fa-plug-circle-bolt { --fa: ""; } .fa-plug-circle-check { --fa: ""; } .fa-plug-circle-exclamation { --fa: ""; } .fa-plug-circle-minus { --fa: ""; } .fa-plug-circle-plus { --fa: ""; } .fa-plug-circle-xmark { --fa: ""; } .fa-plus { --fa: "+"; } .fa-plus-circle { --fa: ""; } .fa-plus-hexagon { --fa: ""; } .fa-plus-large { --fa: ""; } .fa-plus-minus { --fa: ""; } .fa-plus-octagon { --fa: ""; } .fa-plus-square { --fa: ""; } .fa-podcast { --fa: ""; } .fa-podium { --fa: ""; } .fa-podium-star { --fa: ""; } .fa-poker-chip { --fa: ""; } .fa-police-box { --fa: ""; } .fa-polish-zloty-sign { --fa: ""; } .fa-poll { --fa: ""; } .fa-poll-h { --fa: ""; } .fa-poll-people { --fa: ""; } .fa-pompebled { --fa: ""; } .fa-poo { --fa: ""; } .fa-poo-bolt { --fa: ""; } .fa-poo-storm { --fa: ""; } .fa-pool-8-ball { --fa: ""; } .fa-poop { --fa: ""; } .fa-popcorn { --fa: ""; } .fa-popsicle { --fa: ""; } .fa-portal-enter { --fa: ""; } .fa-portal-exit { --fa: ""; } .fa-portrait { --fa: ""; } .fa-possum { --fa: ""; } .fa-postage-stamp { --fa: ""; } .fa-pot-food { --fa: ""; } .fa-potato { --fa: ""; } .fa-pound-sign { --fa: ""; } .fa-power-off { --fa: ""; } .fa-pray { --fa: ""; } .fa-praying-hands { --fa: ""; } .fa-prescription { --fa: ""; } .fa-prescription-bottle { --fa: ""; } .fa-prescription-bottle-alt { --fa: ""; } .fa-prescription-bottle-medical { --fa: ""; } .fa-prescription-bottle-pill { --fa: ""; } .fa-presentation { --fa: ""; } .fa-presentation-screen { --fa: ""; } .fa-pretzel { --fa: ""; } .fa-print { --fa: ""; } .fa-print-magnifying-glass { --fa: ""; } .fa-print-search { --fa: ""; } .fa-print-slash { --fa: ""; } .fa-pro { --fa: ""; } .fa-procedures { --fa: ""; } .fa-project-diagram { --fa: ""; } .fa-projector { --fa: ""; } .fa-pronoun { --fa: ""; } .fa-pump { --fa: ""; } .fa-pump-impeller { --fa: ""; } .fa-pump-medical { --fa: ""; } .fa-pump-soap { --fa: ""; } .fa-pumpkin { --fa: ""; } .fa-puzzle { --fa: ""; } .fa-puzzle-piece { --fa: ""; } .fa-puzzle-piece-alt { --fa: ""; } .fa-puzzle-piece-simple { --fa: ""; } .fa-q { --fa: "Q"; } .fa-qrcode { --fa: ""; } .fa-qrcode-read { --fa: ""; } .fa-question { --fa: "?"; } .fa-question-circle { --fa: ""; } .fa-question-square { --fa: ""; } .fa-quidditch { --fa: ""; } .fa-quidditch-broom-ball { --fa: ""; } .fa-quote-left { --fa: ""; } .fa-quote-left-alt { --fa: ""; } .fa-quote-right { --fa: ""; } .fa-quote-right-alt { --fa: ""; } .fa-quotes { --fa: ""; } .fa-quran { --fa: ""; } .fa-r { --fa: "R"; } .fa-rabbit { --fa: ""; } .fa-rabbit-fast { --fa: ""; } .fa-rabbit-running { --fa: ""; } .fa-raccoon { --fa: ""; } .fa-racquet { --fa: ""; } .fa-radar { --fa: ""; } .fa-radiation { --fa: ""; } .fa-radiation-alt { --fa: ""; } .fa-radio { --fa: ""; } .fa-radio-alt { --fa: ""; } .fa-radio-tuner { --fa: ""; } .fa-rainbow { --fa: ""; } .fa-rainbow-half { --fa: ""; } .fa-raindrops { --fa: ""; } .fa-ram { --fa: ""; } .fa-ramp-loading { --fa: ""; } .fa-random { --fa: ""; } .fa-ranking-star { --fa: ""; } .fa-raygun { --fa: ""; } .fa-receipt { --fa: ""; } .fa-record-vinyl { --fa: ""; } .fa-rectangle { --fa: ""; } .fa-rectangle-4k { --fa: ""; } .fa-rectangle-ad { --fa: ""; } .fa-rectangle-api { --fa: ""; } .fa-rectangle-barcode { --fa: ""; } .fa-rectangle-beta { --fa: ""; } .fa-rectangle-code { --fa: ""; } .fa-rectangle-hd { --fa: ""; } .fa-rectangle-hdr { --fa: ""; } .fa-rectangle-high-dynamic-range { --fa: ""; } .fa-rectangle-history { --fa: ""; } .fa-rectangle-history-circle-plus { --fa: ""; } .fa-rectangle-history-circle-user { --fa: ""; } .fa-rectangle-irc { --fa: ""; } .fa-rectangle-landscape { --fa: ""; } .fa-rectangle-list { --fa: ""; } .fa-rectangle-minus { --fa: ""; } .fa-rectangle-n-a { --fa: ""; } .fa-rectangle-new { --fa: ""; } .fa-rectangle-plus { --fa: ""; } .fa-rectangle-portrait { --fa: ""; } .fa-rectangle-pro { --fa: ""; } .fa-rectangle-sd { --fa: ""; } .fa-rectangle-tall { --fa: ""; } .fa-rectangle-terminal { --fa: ""; } .fa-rectangle-times { --fa: ""; } .fa-rectangle-vertical { --fa: ""; } .fa-rectangle-vertical-history { --fa: ""; } .fa-rectangle-video-on-demand { --fa: ""; } .fa-rectangle-wide { --fa: ""; } .fa-rectangle-xmark { --fa: ""; } .fa-rectangles-mixed { --fa: ""; } .fa-recycle { --fa: ""; } .fa-redo { --fa: ""; } .fa-redo-alt { --fa: ""; } .fa-reel { --fa: ""; } .fa-reflect-both { --fa: ""; } .fa-reflect-horizontal { --fa: ""; } .fa-reflect-vertical { --fa: ""; } .fa-refresh { --fa: ""; } .fa-refrigerator { --fa: ""; } .fa-registered { --fa: ""; } .fa-remote { --fa: ""; } .fa-remove { --fa: ""; } .fa-remove-format { --fa: ""; } .fa-renminbi-sign { --fa: ""; } .fa-reorder { --fa: ""; } .fa-repeat { --fa: ""; } .fa-repeat-1 { --fa: ""; } .fa-repeat-1-alt { --fa: ""; } .fa-repeat-alt { --fa: ""; } .fa-reply { --fa: ""; } .fa-reply-all { --fa: ""; } .fa-reply-clock { --fa: ""; } .fa-reply-time { --fa: ""; } .fa-republican { --fa: ""; } .fa-restroom { --fa: ""; } .fa-restroom-simple { --fa: ""; } .fa-retweet { --fa: ""; } .fa-retweet-alt { --fa: ""; } .fa-rhombus { --fa: ""; } .fa-ribbon { --fa: ""; } .fa-right { --fa: ""; } .fa-right-from-bracket { --fa: ""; } .fa-right-from-dotted-line { --fa: ""; } .fa-right-from-line { --fa: ""; } .fa-right-left { --fa: ""; } .fa-right-left-large { --fa: ""; } .fa-right-long { --fa: ""; } .fa-right-long-to-line { --fa: ""; } .fa-right-to-bracket { --fa: ""; } .fa-right-to-dotted-line { --fa: ""; } .fa-right-to-line { --fa: ""; } .fa-ring { --fa: ""; } .fa-ring-diamond { --fa: ""; } .fa-rings-wedding { --fa: ""; } .fa-rmb { --fa: ""; } .fa-road { --fa: ""; } .fa-road-barrier { --fa: ""; } .fa-road-bridge { --fa: ""; } .fa-road-circle-check { --fa: ""; } .fa-road-circle-exclamation { --fa: ""; } .fa-road-circle-xmark { --fa: ""; } .fa-road-lock { --fa: ""; } .fa-road-spikes { --fa: ""; } .fa-robot { --fa: ""; } .fa-robot-astromech { --fa: ""; } .fa-rocket { --fa: ""; } .fa-rocket-launch { --fa: ""; } .fa-rocket-vertical { --fa: ""; } .fa-rod-asclepius { --fa: ""; } .fa-rod-snake { --fa: ""; } .fa-roller-coaster { --fa: ""; } .fa-rotate { --fa: ""; } .fa-rotate-back { --fa: ""; } .fa-rotate-backward { --fa: ""; } .fa-rotate-exclamation { --fa: ""; } .fa-rotate-forward { --fa: ""; } .fa-rotate-left { --fa: ""; } .fa-rotate-reverse { --fa: ""; } .fa-rotate-right { --fa: ""; } .fa-rouble { --fa: ""; } .fa-route { --fa: ""; } .fa-route-highway { --fa: ""; } .fa-route-interstate { --fa: ""; } .fa-router { --fa: ""; } .fa-rows { --fa: ""; } .fa-rows-3 { --fa: ""; } .fa-rss { --fa: ""; } .fa-rss-square { --fa: ""; } .fa-rub { --fa: ""; } .fa-ruble { --fa: ""; } .fa-ruble-sign { --fa: ""; } .fa-rug { --fa: ""; } .fa-rugby-ball { --fa: ""; } .fa-ruler { --fa: ""; } .fa-ruler-combined { --fa: ""; } .fa-ruler-horizontal { --fa: ""; } .fa-ruler-triangle { --fa: ""; } .fa-ruler-vertical { --fa: ""; } .fa-running { --fa: ""; } .fa-rupee { --fa: ""; } .fa-rupee-sign { --fa: ""; } .fa-rupiah-sign { --fa: ""; } .fa-rv { --fa: ""; } .fa-s { --fa: "S"; } .fa-sack { --fa: ""; } .fa-sack-dollar { --fa: ""; } .fa-sack-xmark { --fa: ""; } .fa-sad-cry { --fa: ""; } .fa-sad-tear { --fa: ""; } .fa-sagittarius { --fa: ""; } .fa-sailboat { --fa: ""; } .fa-salad { --fa: ""; } .fa-salt-shaker { --fa: ""; } .fa-sandwich { --fa: ""; } .fa-satellite { --fa: ""; } .fa-satellite-dish { --fa: ""; } .fa-sausage { --fa: ""; } .fa-save { --fa: ""; } .fa-save-circle-arrow-right { --fa: ""; } .fa-save-circle-xmark { --fa: ""; } .fa-save-times { --fa: ""; } .fa-sax-hot { --fa: ""; } .fa-saxophone { --fa: ""; } .fa-saxophone-fire { --fa: ""; } .fa-scale-balanced { --fa: ""; } .fa-scale-unbalanced { --fa: ""; } .fa-scale-unbalanced-flip { --fa: ""; } .fa-scalpel { --fa: ""; } .fa-scalpel-line-dashed { --fa: ""; } .fa-scalpel-path { --fa: ""; } .fa-scanner { --fa: ""; } .fa-scanner-gun { --fa: ""; } .fa-scanner-image { --fa: ""; } .fa-scanner-keyboard { --fa: ""; } .fa-scanner-touchscreen { --fa: ""; } .fa-scarecrow { --fa: ""; } .fa-scarf { --fa: ""; } .fa-school { --fa: ""; } .fa-school-circle-check { --fa: ""; } .fa-school-circle-exclamation { --fa: ""; } .fa-school-circle-xmark { --fa: ""; } .fa-school-flag { --fa: ""; } .fa-school-lock { --fa: ""; } .fa-school-unlock { --fa: ""; } .fa-scissors { --fa: ""; } .fa-scooter { --fa: ""; } .fa-scorpio { --fa: ""; } .fa-screen-users { --fa: ""; } .fa-screencast { --fa: ""; } .fa-screenshot { --fa: ""; } .fa-screwdriver { --fa: ""; } .fa-screwdriver-wrench { --fa: ""; } .fa-scribble { --fa: ""; } .fa-scroll { --fa: ""; } .fa-scroll-old { --fa: ""; } .fa-scroll-ribbon { --fa: ""; } .fa-scroll-torah { --fa: ""; } .fa-scrubber { --fa: ""; } .fa-scythe { --fa: ""; } .fa-sd-card { --fa: ""; } .fa-sd-cards { --fa: ""; } .fa-seal { --fa: ""; } .fa-seal-exclamation { --fa: ""; } .fa-seal-question { --fa: ""; } .fa-search { --fa: ""; } .fa-search-dollar { --fa: ""; } .fa-search-location { --fa: ""; } .fa-search-minus { --fa: ""; } .fa-search-plus { --fa: ""; } .fa-seat { --fa: ""; } .fa-seat-airline { --fa: ""; } .fa-seat-airline-window { --fa: ""; } .fa-seats { --fa: ""; } .fa-section { --fa: ""; } .fa-seedling { --fa: ""; } .fa-semicolon { --fa: ";"; } .fa-send { --fa: ""; } .fa-send-back { --fa: ""; } .fa-send-backward { --fa: ""; } .fa-sensor { --fa: ""; } .fa-sensor-alert { --fa: ""; } .fa-sensor-cloud { --fa: ""; } .fa-sensor-fire { --fa: ""; } .fa-sensor-on { --fa: ""; } .fa-sensor-smoke { --fa: ""; } .fa-sensor-triangle-exclamation { --fa: ""; } .fa-septagon { --fa: ""; } .fa-server { --fa: ""; } .fa-shapes { --fa: ""; } .fa-share { --fa: ""; } .fa-share-all { --fa: ""; } .fa-share-alt { --fa: ""; } .fa-share-alt-square { --fa: ""; } .fa-share-from-square { --fa: ""; } .fa-share-nodes { --fa: ""; } .fa-share-square { --fa: ""; } .fa-sheep { --fa: ""; } .fa-sheet-plastic { --fa: ""; } .fa-shekel { --fa: ""; } .fa-shekel-sign { --fa: ""; } .fa-shelves { --fa: ""; } .fa-shelves-empty { --fa: ""; } .fa-sheqel { --fa: ""; } .fa-sheqel-sign { --fa: ""; } .fa-shield { --fa: ""; } .fa-shield-alt { --fa: ""; } .fa-shield-blank { --fa: ""; } .fa-shield-cat { --fa: ""; } .fa-shield-check { --fa: ""; } .fa-shield-cross { --fa: ""; } .fa-shield-dog { --fa: ""; } .fa-shield-exclamation { --fa: ""; } .fa-shield-halved { --fa: ""; } .fa-shield-heart { --fa: ""; } .fa-shield-keyhole { --fa: ""; } .fa-shield-minus { --fa: ""; } .fa-shield-plus { --fa: ""; } .fa-shield-quartered { --fa: ""; } .fa-shield-slash { --fa: ""; } .fa-shield-times { --fa: ""; } .fa-shield-user { --fa: ""; } .fa-shield-virus { --fa: ""; } .fa-shield-xmark { --fa: ""; } .fa-ship { --fa: ""; } .fa-ship-large { --fa: ""; } .fa-shipping-fast { --fa: ""; } .fa-shipping-timed { --fa: ""; } .fa-shirt { --fa: ""; } .fa-shirt-jersey { --fa: ""; } .fa-shirt-long-sleeve { --fa: ""; } .fa-shirt-running { --fa: ""; } .fa-shirt-tank-top { --fa: ""; } .fa-shish-kebab { --fa: ""; } .fa-shoe { --fa: ""; } .fa-shoe-prints { --fa: ""; } .fa-shop { --fa: ""; } .fa-shop-24 { --fa: ""; } .fa-shop-lock { --fa: ""; } .fa-shop-slash { --fa: ""; } .fa-shopping-bag { --fa: ""; } .fa-shopping-basket { --fa: ""; } .fa-shopping-basket-alt { --fa: ""; } .fa-shopping-cart { --fa: ""; } .fa-shortcake { --fa: ""; } .fa-shorts { --fa: ""; } .fa-shovel { --fa: ""; } .fa-shovel-snow { --fa: ""; } .fa-shower { --fa: ""; } .fa-shower-alt { --fa: ""; } .fa-shower-down { --fa: ""; } .fa-shredder { --fa: ""; } .fa-shrimp { --fa: ""; } .fa-shuffle { --fa: ""; } .fa-shutters { --fa: ""; } .fa-shuttle-space { --fa: ""; } .fa-shuttle-space-vertical { --fa: ""; } .fa-shuttle-van { --fa: ""; } .fa-shuttlecock { --fa: ""; } .fa-sickle { --fa: ""; } .fa-sidebar { --fa: ""; } .fa-sidebar-flip { --fa: ""; } .fa-sigma { --fa: ""; } .fa-sign { --fa: ""; } .fa-sign-hanging { --fa: ""; } .fa-sign-in { --fa: ""; } .fa-sign-in-alt { --fa: ""; } .fa-sign-language { --fa: ""; } .fa-sign-out { --fa: ""; } .fa-sign-out-alt { --fa: ""; } .fa-sign-post { --fa: ""; } .fa-sign-posts { --fa: ""; } .fa-sign-posts-wrench { --fa: ""; } .fa-signal { --fa: ""; } .fa-signal-1 { --fa: ""; } .fa-signal-2 { --fa: ""; } .fa-signal-3 { --fa: ""; } .fa-signal-4 { --fa: ""; } .fa-signal-5 { --fa: ""; } .fa-signal-alt { --fa: ""; } .fa-signal-alt-1 { --fa: ""; } .fa-signal-alt-2 { --fa: ""; } .fa-signal-alt-3 { --fa: ""; } .fa-signal-alt-4 { --fa: ""; } .fa-signal-alt-slash { --fa: ""; } .fa-signal-bars { --fa: ""; } .fa-signal-bars-fair { --fa: ""; } .fa-signal-bars-good { --fa: ""; } .fa-signal-bars-slash { --fa: ""; } .fa-signal-bars-strong { --fa: ""; } .fa-signal-bars-weak { --fa: ""; } .fa-signal-fair { --fa: ""; } .fa-signal-good { --fa: ""; } .fa-signal-perfect { --fa: ""; } .fa-signal-slash { --fa: ""; } .fa-signal-stream { --fa: ""; } .fa-signal-stream-slash { --fa: ""; } .fa-signal-strong { --fa: ""; } .fa-signal-weak { --fa: ""; } .fa-signapore-dollar-sign { --fa: ""; } .fa-signature { --fa: ""; } .fa-signature-lock { --fa: ""; } .fa-signature-slash { --fa: ""; } .fa-signing { --fa: ""; } .fa-signs-post { --fa: ""; } .fa-sim-card { --fa: ""; } .fa-sim-cards { --fa: ""; } .fa-single-quote-left { --fa: ""; } .fa-single-quote-right { --fa: ""; } .fa-sink { --fa: ""; } .fa-siren { --fa: ""; } .fa-siren-on { --fa: ""; } .fa-sitemap { --fa: ""; } .fa-skating { --fa: ""; } .fa-skeleton { --fa: ""; } .fa-skeleton-ribs { --fa: ""; } .fa-ski-boot { --fa: ""; } .fa-ski-boot-ski { --fa: ""; } .fa-ski-jump { --fa: ""; } .fa-ski-lift { --fa: ""; } .fa-skiing { --fa: ""; } .fa-skiing-nordic { --fa: ""; } .fa-skull { --fa: ""; } .fa-skull-cow { --fa: ""; } .fa-skull-crossbones { --fa: ""; } .fa-slash { --fa: ""; } .fa-slash-back { --fa: "\\"; } .fa-slash-forward { --fa: "/"; } .fa-sledding { --fa: ""; } .fa-sleigh { --fa: ""; } .fa-slider { --fa: ""; } .fa-slider-circle { --fa: ""; } .fa-sliders { --fa: ""; } .fa-sliders-h { --fa: ""; } .fa-sliders-h-square { --fa: ""; } .fa-sliders-simple { --fa: ""; } .fa-sliders-up { --fa: ""; } .fa-sliders-v { --fa: ""; } .fa-sliders-v-square { --fa: ""; } .fa-slot-machine { --fa: ""; } .fa-smile { --fa: ""; } .fa-smile-beam { --fa: ""; } .fa-smile-plus { --fa: ""; } .fa-smile-wink { --fa: ""; } .fa-smog { --fa: ""; } .fa-smoke { --fa: ""; } .fa-smoking { --fa: ""; } .fa-smoking-ban { --fa: ""; } .fa-sms { --fa: ""; } .fa-snake { --fa: ""; } .fa-sneaker { --fa: ""; } .fa-sneaker-running { --fa: ""; } .fa-snooze { --fa: ""; } .fa-snow-blowing { --fa: ""; } .fa-snowboarding { --fa: ""; } .fa-snowflake { --fa: ""; } .fa-snowflake-droplets { --fa: ""; } .fa-snowflakes { --fa: ""; } .fa-snowman { --fa: ""; } .fa-snowman-head { --fa: ""; } .fa-snowmobile { --fa: ""; } .fa-snowmobile-blank { --fa: ""; } .fa-snowplow { --fa: ""; } .fa-soap { --fa: ""; } .fa-soccer-ball { --fa: ""; } .fa-socks { --fa: ""; } .fa-soft-serve { --fa: ""; } .fa-solar-panel { --fa: ""; } .fa-solar-system { --fa: ""; } .fa-sort { --fa: ""; } .fa-sort-alpha-asc { --fa: ""; } .fa-sort-alpha-desc { --fa: ""; } .fa-sort-alpha-down { --fa: ""; } .fa-sort-alpha-down-alt { --fa: ""; } .fa-sort-alpha-up { --fa: ""; } .fa-sort-alpha-up-alt { --fa: ""; } .fa-sort-alt { --fa: ""; } .fa-sort-amount-asc { --fa: ""; } .fa-sort-amount-desc { --fa: ""; } .fa-sort-amount-down { --fa: ""; } .fa-sort-amount-down-alt { --fa: ""; } .fa-sort-amount-up { --fa: ""; } .fa-sort-amount-up-alt { --fa: ""; } .fa-sort-asc { --fa: ""; } .fa-sort-circle { --fa: ""; } .fa-sort-circle-down { --fa: ""; } .fa-sort-circle-up { --fa: ""; } .fa-sort-desc { --fa: ""; } .fa-sort-down { --fa: ""; } .fa-sort-numeric-asc { --fa: ""; } .fa-sort-numeric-desc { --fa: ""; } .fa-sort-numeric-down { --fa: ""; } .fa-sort-numeric-down-alt { --fa: ""; } .fa-sort-numeric-up { --fa: ""; } .fa-sort-numeric-up-alt { --fa: ""; } .fa-sort-shapes-down { --fa: ""; } .fa-sort-shapes-down-alt { --fa: ""; } .fa-sort-shapes-up { --fa: ""; } .fa-sort-shapes-up-alt { --fa: ""; } .fa-sort-size-down { --fa: ""; } .fa-sort-size-down-alt { --fa: ""; } .fa-sort-size-up { --fa: ""; } .fa-sort-size-up-alt { --fa: ""; } .fa-sort-up { --fa: ""; } .fa-sort-up-down { --fa: ""; } .fa-soup { --fa: ""; } .fa-spa { --fa: ""; } .fa-space-shuttle { --fa: ""; } .fa-space-station-moon { --fa: ""; } .fa-space-station-moon-alt { --fa: ""; } .fa-space-station-moon-construction { --fa: ""; } .fa-spade { --fa: ""; } .fa-spaghetti-monster-flying { --fa: ""; } .fa-sparkle { --fa: ""; } .fa-sparkles { --fa: ""; } .fa-speaker { --fa: ""; } .fa-speakers { --fa: ""; } .fa-spell-check { --fa: ""; } .fa-spider { --fa: ""; } .fa-spider-black-widow { --fa: ""; } .fa-spider-web { --fa: ""; } .fa-spine { --fa: ""; } .fa-spinner { --fa: ""; } .fa-spinner-scale { --fa: ""; } .fa-spinner-third { --fa: ""; } .fa-spiral { --fa: ""; } .fa-split { --fa: ""; } .fa-splotch { --fa: ""; } .fa-spoon { --fa: ""; } .fa-sportsball { --fa: ""; } .fa-spray-can { --fa: ""; } .fa-spray-can-sparkles { --fa: ""; } .fa-sprinkler { --fa: ""; } .fa-sprinkler-ceiling { --fa: ""; } .fa-sprout { --fa: ""; } .fa-square { --fa: ""; } .fa-square-0 { --fa: ""; } .fa-square-1 { --fa: ""; } .fa-square-2 { --fa: ""; } .fa-square-3 { --fa: ""; } .fa-square-4 { --fa: ""; } .fa-square-5 { --fa: ""; } .fa-square-6 { --fa: ""; } .fa-square-7 { --fa: ""; } .fa-square-8 { --fa: ""; } .fa-square-9 { --fa: ""; } .fa-square-a { --fa: ""; } .fa-square-a-lock { --fa: ""; } .fa-square-ampersand { --fa: ""; } .fa-square-arrow-down { --fa: ""; } .fa-square-arrow-down-left { --fa: ""; } .fa-square-arrow-down-right { --fa: ""; } .fa-square-arrow-left { --fa: ""; } .fa-square-arrow-right { --fa: ""; } .fa-square-arrow-up { --fa: ""; } .fa-square-arrow-up-left { --fa: ""; } .fa-square-arrow-up-right { --fa: ""; } .fa-square-austral { --fa: ""; } .fa-square-australian-dollar { --fa: ""; } .fa-square-b { --fa: ""; } .fa-square-baht { --fa: ""; } .fa-square-bangladeshi-taka { --fa: ""; } .fa-square-binary { --fa: ""; } .fa-square-bitcoin { --fa: ""; } .fa-square-bolt { --fa: ""; } .fa-square-brazilian-real { --fa: ""; } .fa-square-c { --fa: ""; } .fa-square-caret-down { --fa: ""; } .fa-square-caret-left { --fa: ""; } .fa-square-caret-right { --fa: ""; } .fa-square-caret-up { --fa: ""; } .fa-square-cedi { --fa: ""; } .fa-square-cent { --fa: ""; } .fa-square-check { --fa: ""; } .fa-square-chevron-down { --fa: ""; } .fa-square-chevron-left { --fa: ""; } .fa-square-chevron-right { --fa: ""; } .fa-square-chevron-up { --fa: ""; } .fa-square-chf { --fa: ""; } .fa-square-code { --fa: ""; } .fa-square-colon { --fa: ""; } .fa-square-cruzeiro { --fa: ""; } .fa-square-currency { --fa: ""; } .fa-square-d { --fa: ""; } .fa-square-danish-krone { --fa: ""; } .fa-square-dashed { --fa: ""; } .fa-square-dashed-circle-plus { --fa: ""; } .fa-square-divide { --fa: ""; } .fa-square-dollar { --fa: ""; } .fa-square-dong { --fa: ""; } .fa-square-down { --fa: ""; } .fa-square-down-left { --fa: ""; } .fa-square-down-right { --fa: ""; } .fa-square-e { --fa: ""; } .fa-square-ellipsis { --fa: ""; } .fa-square-ellipsis-vertical { --fa: ""; } .fa-square-envelope { --fa: ""; } .fa-square-equals { --fa: ""; } .fa-square-euro { --fa: ""; } .fa-square-eurozone { --fa: ""; } .fa-square-exclamation { --fa: ""; } .fa-square-f { --fa: ""; } .fa-square-florin { --fa: ""; } .fa-square-fragile { --fa: ""; } .fa-square-franc { --fa: ""; } .fa-square-full { --fa: ""; } .fa-square-g { --fa: ""; } .fa-square-guarani { --fa: ""; } .fa-square-h { --fa: ""; } .fa-square-half { --fa: ""; } .fa-square-half-horizontal { --fa: ""; } .fa-square-half-stroke { --fa: ""; } .fa-square-half-stroke-horizontal { --fa: ""; } .fa-square-heart { --fa: ""; } .fa-square-hryvnia { --fa: ""; } .fa-square-i { --fa: ""; } .fa-square-indian-rupee { --fa: ""; } .fa-square-info { --fa: ""; } .fa-square-j { --fa: ""; } .fa-square-k { --fa: ""; } .fa-square-kanban { --fa: ""; } .fa-square-kip { --fa: ""; } .fa-square-l { --fa: ""; } .fa-square-lari { --fa: ""; } .fa-square-left { --fa: ""; } .fa-square-lira { --fa: ""; } .fa-square-list { --fa: ""; } .fa-square-litecoin { --fa: ""; } .fa-square-m { --fa: ""; } .fa-square-malaysian-ringgit { --fa: ""; } .fa-square-manat { --fa: ""; } .fa-square-microphone { --fa: ""; } .fa-square-mill { --fa: ""; } .fa-square-minus { --fa: ""; } .fa-square-n { --fa: ""; } .fa-square-naira { --fa: ""; } .fa-square-nfi { --fa: ""; } .fa-square-norwegian-krone { --fa: ""; } .fa-square-o { --fa: ""; } .fa-square-p { --fa: ""; } .fa-square-parking { --fa: ""; } .fa-square-parking-slash { --fa: ""; } .fa-square-pen { --fa: ""; } .fa-square-person-confined { --fa: ""; } .fa-square-peruvian-soles { --fa: ""; } .fa-square-peseta { --fa: ""; } .fa-square-peso { --fa: ""; } .fa-square-phone { --fa: ""; } .fa-square-phone-flip { --fa: ""; } .fa-square-phone-hangup { --fa: ""; } .fa-square-plus { --fa: ""; } .fa-square-polish-zloty { --fa: ""; } .fa-square-poll-horizontal { --fa: ""; } .fa-square-poll-vertical { --fa: ""; } .fa-square-q { --fa: ""; } .fa-square-quarters { --fa: ""; } .fa-square-question { --fa: ""; } .fa-square-quote { --fa: ""; } .fa-square-r { --fa: ""; } .fa-square-renminbi { --fa: ""; } .fa-square-right { --fa: ""; } .fa-square-ring { --fa: ""; } .fa-square-root { --fa: ""; } .fa-square-root-alt { --fa: ""; } .fa-square-root-variable { --fa: ""; } .fa-square-rss { --fa: ""; } .fa-square-ruble { --fa: ""; } .fa-square-rupee { --fa: ""; } .fa-square-rupiah { --fa: ""; } .fa-square-s { --fa: ""; } .fa-square-share-nodes { --fa: ""; } .fa-square-shekel { --fa: ""; } .fa-square-sliders { --fa: ""; } .fa-square-sliders-vertical { --fa: ""; } .fa-square-small { --fa: ""; } .fa-square-star { --fa: ""; } .fa-square-sterling { --fa: ""; } .fa-square-swedish-krona { --fa: ""; } .fa-square-t { --fa: ""; } .fa-square-tenge { --fa: ""; } .fa-square-terminal { --fa: ""; } .fa-square-this-way-up { --fa: ""; } .fa-square-tugrik { --fa: ""; } .fa-square-turkish-lira { --fa: ""; } .fa-square-u { --fa: ""; } .fa-square-up { --fa: ""; } .fa-square-up-left { --fa: ""; } .fa-square-up-right { --fa: ""; } .fa-square-user { --fa: ""; } .fa-square-v { --fa: ""; } .fa-square-virus { --fa: ""; } .fa-square-w { --fa: ""; } .fa-square-wine-glass-crack { --fa: ""; } .fa-square-won { --fa: ""; } .fa-square-x { --fa: ""; } .fa-square-xmark { --fa: ""; } .fa-square-y { --fa: ""; } .fa-square-yen { --fa: ""; } .fa-square-z { --fa: ""; } .fa-squareapore-dollar { --fa: ""; } .fa-squid { --fa: ""; } .fa-squirrel { --fa: ""; } .fa-stadium { --fa: ""; } .fa-staff { --fa: ""; } .fa-staff-aesculapius { --fa: ""; } .fa-staff-snake { --fa: ""; } .fa-stair-car { --fa: ""; } .fa-stairs { --fa: ""; } .fa-stamp { --fa: ""; } .fa-standard-definition { --fa: ""; } .fa-stapler { --fa: ""; } .fa-star { --fa: ""; } .fa-star-and-crescent { --fa: ""; } .fa-star-christmas { --fa: ""; } .fa-star-circle { --fa: ""; } .fa-star-exclamation { --fa: ""; } .fa-star-half { --fa: ""; } .fa-star-half-alt { --fa: ""; } .fa-star-half-stroke { --fa: ""; } .fa-star-of-david { --fa: ""; } .fa-star-of-life { --fa: ""; } .fa-star-sharp { --fa: ""; } .fa-star-sharp-half { --fa: ""; } .fa-star-sharp-half-alt { --fa: ""; } .fa-star-sharp-half-stroke { --fa: ""; } .fa-star-shooting { --fa: ""; } .fa-starfighter { --fa: ""; } .fa-starfighter-alt { --fa: ""; } .fa-starfighter-alt-advanced { --fa: ""; } .fa-starfighter-twin-ion-engine { --fa: ""; } .fa-starfighter-twin-ion-engine-advanced { --fa: ""; } .fa-stars { --fa: ""; } .fa-starship { --fa: ""; } .fa-starship-freighter { --fa: ""; } .fa-steak { --fa: ""; } .fa-steering-wheel { --fa: ""; } .fa-step-backward { --fa: ""; } .fa-step-forward { --fa: ""; } .fa-sterling-sign { --fa: ""; } .fa-stethoscope { --fa: ""; } .fa-sticky-note { --fa: ""; } .fa-stocking { --fa: ""; } .fa-stomach { --fa: ""; } .fa-stool { --fa: ""; } .fa-stop { --fa: ""; } .fa-stop-circle { --fa: ""; } .fa-stopwatch { --fa: ""; } .fa-stopwatch-20 { --fa: ""; } .fa-store { --fa: ""; } .fa-store-24 { --fa: ""; } .fa-store-alt { --fa: ""; } .fa-store-alt-slash { --fa: ""; } .fa-store-lock { --fa: ""; } .fa-store-slash { --fa: ""; } .fa-strawberry { --fa: ""; } .fa-stream { --fa: ""; } .fa-street-view { --fa: ""; } .fa-stretcher { --fa: ""; } .fa-strikethrough { --fa: ""; } .fa-stroopwafel { --fa: ""; } .fa-subscript { --fa: ""; } .fa-subtitles { --fa: ""; } .fa-subtitles-slash { --fa: ""; } .fa-subtract { --fa: ""; } .fa-subway { --fa: ""; } .fa-subway-tunnel { --fa: ""; } .fa-suitcase { --fa: ""; } .fa-suitcase-medical { --fa: ""; } .fa-suitcase-rolling { --fa: ""; } .fa-sun { --fa: ""; } .fa-sun-alt { --fa: ""; } .fa-sun-bright { --fa: ""; } .fa-sun-cloud { --fa: ""; } .fa-sun-dust { --fa: ""; } .fa-sun-haze { --fa: ""; } .fa-sun-plant-wilt { --fa: ""; } .fa-sunglasses { --fa: ""; } .fa-sunrise { --fa: ""; } .fa-sunset { --fa: ""; } .fa-superscript { --fa: ""; } .fa-surprise { --fa: ""; } .fa-sushi { --fa: ""; } .fa-sushi-roll { --fa: ""; } .fa-swap { --fa: ""; } .fa-swap-arrows { --fa: ""; } .fa-swatchbook { --fa: ""; } .fa-swedish-krona-sign { --fa: ""; } .fa-swimmer { --fa: ""; } .fa-swimming-pool { --fa: ""; } .fa-sword { --fa: ""; } .fa-sword-laser { --fa: ""; } .fa-sword-laser-alt { --fa: ""; } .fa-swords { --fa: ""; } .fa-swords-laser { --fa: ""; } .fa-symbols { --fa: ""; } .fa-synagogue { --fa: ""; } .fa-sync { --fa: ""; } .fa-sync-alt { --fa: ""; } .fa-syringe { --fa: ""; } .fa-t { --fa: "T"; } .fa-t-rex { --fa: ""; } .fa-t-shirt { --fa: ""; } .fa-table { --fa: ""; } .fa-table-bar { --fa: ""; } .fa-table-cells { --fa: ""; } .fa-table-cells-column-lock { --fa: ""; } .fa-table-cells-column-unlock { --fa: ""; } .fa-table-cells-columns { --fa: ""; } .fa-table-cells-header { --fa: ""; } .fa-table-cells-header-lock { --fa: ""; } .fa-table-cells-header-unlock { --fa: ""; } .fa-table-cells-large { --fa: ""; } .fa-table-cells-lock { --fa: ""; } .fa-table-cells-merge { --fa: ""; } .fa-table-cells-row-lock { --fa: ""; } .fa-table-cells-row-unlock { --fa: ""; } .fa-table-cells-rows { --fa: ""; } .fa-table-cells-split { --fa: ""; } .fa-table-cells-unlock { --fa: ""; } .fa-table-columns { --fa: ""; } .fa-table-columns-add-after { --fa: ""; } .fa-table-columns-add-before { --fa: ""; } .fa-table-columns-merge-next { --fa: ""; } .fa-table-columns-merge-previous { --fa: ""; } .fa-table-columns-remove-after { --fa: ""; } .fa-table-columns-remove-before { --fa: ""; } .fa-table-dining { --fa: ""; } .fa-table-layout { --fa: ""; } .fa-table-list { --fa: ""; } .fa-table-picnic { --fa: ""; } .fa-table-pivot { --fa: ""; } .fa-table-rows { --fa: ""; } .fa-table-rows-add-above { --fa: ""; } .fa-table-rows-add-below { --fa: ""; } .fa-table-rows-merge-next { --fa: ""; } .fa-table-rows-merge-previous { --fa: ""; } .fa-table-rows-remove-above { --fa: ""; } .fa-table-rows-remove-below { --fa: ""; } .fa-table-slash { --fa: ""; } .fa-table-tennis { --fa: ""; } .fa-table-tennis-paddle-ball { --fa: ""; } .fa-table-tree { --fa: ""; } .fa-tablet { --fa: ""; } .fa-tablet-alt { --fa: ""; } .fa-tablet-android { --fa: ""; } .fa-tablet-android-alt { --fa: ""; } .fa-tablet-button { --fa: ""; } .fa-tablet-rugged { --fa: ""; } .fa-tablet-screen { --fa: ""; } .fa-tablet-screen-button { --fa: ""; } .fa-tablets { --fa: ""; } .fa-tachograph-digital { --fa: ""; } .fa-tachometer { --fa: ""; } .fa-tachometer-alt { --fa: ""; } .fa-tachometer-alt-average { --fa: ""; } .fa-tachometer-alt-fast { --fa: ""; } .fa-tachometer-alt-fastest { --fa: ""; } .fa-tachometer-alt-slow { --fa: ""; } .fa-tachometer-alt-slowest { --fa: ""; } .fa-tachometer-average { --fa: ""; } .fa-tachometer-fast { --fa: ""; } .fa-tachometer-fastest { --fa: ""; } .fa-tachometer-slow { --fa: ""; } .fa-tachometer-slowest { --fa: ""; } .fa-taco { --fa: ""; } .fa-tag { --fa: ""; } .fa-tags { --fa: ""; } .fa-tally { --fa: ""; } .fa-tally-1 { --fa: ""; } .fa-tally-2 { --fa: ""; } .fa-tally-3 { --fa: ""; } .fa-tally-4 { --fa: ""; } .fa-tally-5 { --fa: ""; } .fa-tamale { --fa: ""; } .fa-tanakh { --fa: ""; } .fa-tank-recovery { --fa: ""; } .fa-tank-water { --fa: ""; } .fa-tape { --fa: ""; } .fa-tarp { --fa: ""; } .fa-tarp-droplet { --fa: ""; } .fa-tasks { --fa: ""; } .fa-tasks-alt { --fa: ""; } .fa-taurus { --fa: ""; } .fa-taxi { --fa: ""; } .fa-taxi-bus { --fa: ""; } .fa-teddy-bear { --fa: ""; } .fa-teeth { --fa: ""; } .fa-teeth-open { --fa: ""; } .fa-telescope { --fa: ""; } .fa-teletype { --fa: ""; } .fa-teletype-answer { --fa: ""; } .fa-television { --fa: ""; } .fa-temperature-0 { --fa: ""; } .fa-temperature-1 { --fa: ""; } .fa-temperature-2 { --fa: ""; } .fa-temperature-3 { --fa: ""; } .fa-temperature-4 { --fa: ""; } .fa-temperature-arrow-down { --fa: ""; } .fa-temperature-arrow-up { --fa: ""; } .fa-temperature-down { --fa: ""; } .fa-temperature-empty { --fa: ""; } .fa-temperature-frigid { --fa: ""; } .fa-temperature-full { --fa: ""; } .fa-temperature-half { --fa: ""; } .fa-temperature-high { --fa: ""; } .fa-temperature-hot { --fa: ""; } .fa-temperature-list { --fa: ""; } .fa-temperature-low { --fa: ""; } .fa-temperature-quarter { --fa: ""; } .fa-temperature-slash { --fa: ""; } .fa-temperature-snow { --fa: ""; } .fa-temperature-sun { --fa: ""; } .fa-temperature-three-quarters { --fa: ""; } .fa-temperature-up { --fa: ""; } .fa-tenge { --fa: ""; } .fa-tenge-sign { --fa: ""; } .fa-tennis-ball { --fa: ""; } .fa-tent { --fa: ""; } .fa-tent-arrow-down-to-line { --fa: ""; } .fa-tent-arrow-left-right { --fa: ""; } .fa-tent-arrow-turn-left { --fa: ""; } .fa-tent-arrows-down { --fa: ""; } .fa-tent-circus { --fa: ""; } .fa-tent-double-peak { --fa: ""; } .fa-tents { --fa: ""; } .fa-terminal { --fa: ""; } .fa-text { --fa: ""; } .fa-text-height { --fa: ""; } .fa-text-size { --fa: ""; } .fa-text-slash { --fa: ""; } .fa-text-width { --fa: ""; } .fa-th { --fa: ""; } .fa-th-large { --fa: ""; } .fa-th-list { --fa: ""; } .fa-theater-masks { --fa: ""; } .fa-thermometer { --fa: ""; } .fa-thermometer-0 { --fa: ""; } .fa-thermometer-1 { --fa: ""; } .fa-thermometer-2 { --fa: ""; } .fa-thermometer-3 { --fa: ""; } .fa-thermometer-4 { --fa: ""; } .fa-thermometer-empty { --fa: ""; } .fa-thermometer-full { --fa: ""; } .fa-thermometer-half { --fa: ""; } .fa-thermometer-quarter { --fa: ""; } .fa-thermometer-three-quarters { --fa: ""; } .fa-theta { --fa: ""; } .fa-thought-bubble { --fa: ""; } .fa-thumb-tack { --fa: ""; } .fa-thumb-tack-slash { --fa: ""; } .fa-thumbs-down { --fa: ""; } .fa-thumbs-up { --fa: ""; } .fa-thumbtack { --fa: ""; } .fa-thumbtack-angle { --fa: ""; } .fa-thumbtack-angle-slash { --fa: ""; } .fa-thumbtack-slash { --fa: ""; } .fa-thunderstorm { --fa: ""; } .fa-thunderstorm-moon { --fa: ""; } .fa-thunderstorm-sun { --fa: ""; } .fa-tick { --fa: ""; } .fa-ticket { --fa: ""; } .fa-ticket-airline { --fa: ""; } .fa-ticket-alt { --fa: ""; } .fa-ticket-perforated { --fa: ""; } .fa-ticket-perforated-plane { --fa: ""; } .fa-ticket-plane { --fa: ""; } .fa-ticket-simple { --fa: ""; } .fa-tickets { --fa: ""; } .fa-tickets-airline { --fa: ""; } .fa-tickets-perforated { --fa: ""; } .fa-tickets-perforated-plane { --fa: ""; } .fa-tickets-plane { --fa: ""; } .fa-tickets-simple { --fa: ""; } .fa-tilde { --fa: "~"; } .fa-timeline { --fa: ""; } .fa-timeline-arrow { --fa: ""; } .fa-timer { --fa: ""; } .fa-times { --fa: ""; } .fa-times-circle { --fa: ""; } .fa-times-hexagon { --fa: ""; } .fa-times-octagon { --fa: ""; } .fa-times-rectangle { --fa: ""; } .fa-times-square { --fa: ""; } .fa-times-to-slot { --fa: ""; } .fa-tint { --fa: ""; } .fa-tint-slash { --fa: ""; } .fa-tire { --fa: ""; } .fa-tire-flat { --fa: ""; } .fa-tire-pressure-warning { --fa: ""; } .fa-tire-rugged { --fa: ""; } .fa-tired { --fa: ""; } .fa-toggle-large-off { --fa: ""; } .fa-toggle-large-on { --fa: ""; } .fa-toggle-off { --fa: ""; } .fa-toggle-on { --fa: ""; } .fa-toilet { --fa: ""; } .fa-toilet-paper { --fa: ""; } .fa-toilet-paper-alt { --fa: ""; } .fa-toilet-paper-blank { --fa: ""; } .fa-toilet-paper-blank-under { --fa: ""; } .fa-toilet-paper-check { --fa: ""; } .fa-toilet-paper-reverse { --fa: ""; } .fa-toilet-paper-reverse-alt { --fa: ""; } .fa-toilet-paper-reverse-slash { --fa: ""; } .fa-toilet-paper-slash { --fa: ""; } .fa-toilet-paper-under { --fa: ""; } .fa-toilet-paper-under-slash { --fa: ""; } .fa-toilet-paper-xmark { --fa: ""; } .fa-toilet-portable { --fa: ""; } .fa-toilets-portable { --fa: ""; } .fa-tomato { --fa: ""; } .fa-tombstone { --fa: ""; } .fa-tombstone-alt { --fa: ""; } .fa-tombstone-blank { --fa: ""; } .fa-toolbox { --fa: ""; } .fa-tools { --fa: ""; } .fa-tooth { --fa: ""; } .fa-toothbrush { --fa: ""; } .fa-torah { --fa: ""; } .fa-torii-gate { --fa: ""; } .fa-tornado { --fa: ""; } .fa-tower-broadcast { --fa: ""; } .fa-tower-cell { --fa: ""; } .fa-tower-control { --fa: ""; } .fa-tower-observation { --fa: ""; } .fa-tower-receive { --fa: ""; } .fa-tractor { --fa: ""; } .fa-trademark { --fa: ""; } .fa-traffic-cone { --fa: ""; } .fa-traffic-light { --fa: ""; } .fa-traffic-light-go { --fa: ""; } .fa-traffic-light-slow { --fa: ""; } .fa-traffic-light-stop { --fa: ""; } .fa-trailer { --fa: ""; } .fa-train { --fa: ""; } .fa-train-stop { --fa: ""; } .fa-train-subway { --fa: ""; } .fa-train-subway-tunnel { --fa: ""; } .fa-train-track { --fa: ""; } .fa-train-tram { --fa: ""; } .fa-train-tunnel { --fa: ""; } .fa-tram { --fa: ""; } .fa-transducer { --fa: ""; } .fa-transformer-bolt { --fa: ""; } .fa-transgender { --fa: ""; } .fa-transgender-alt { --fa: ""; } .fa-transmission { --fa: ""; } .fa-transporter { --fa: ""; } .fa-transporter-1 { --fa: ""; } .fa-transporter-2 { --fa: ""; } .fa-transporter-3 { --fa: ""; } .fa-transporter-4 { --fa: ""; } .fa-transporter-5 { --fa: ""; } .fa-transporter-6 { --fa: ""; } .fa-transporter-7 { --fa: ""; } .fa-transporter-empty { --fa: ""; } .fa-trash { --fa: ""; } .fa-trash-alt { --fa: ""; } .fa-trash-alt-slash { --fa: ""; } .fa-trash-arrow-turn-left { --fa: ""; } .fa-trash-arrow-up { --fa: ""; } .fa-trash-can { --fa: ""; } .fa-trash-can-arrow-turn-left { --fa: ""; } .fa-trash-can-arrow-up { --fa: ""; } .fa-trash-can-check { --fa: ""; } .fa-trash-can-clock { --fa: ""; } .fa-trash-can-list { --fa: ""; } .fa-trash-can-plus { --fa: ""; } .fa-trash-can-slash { --fa: ""; } .fa-trash-can-undo { --fa: ""; } .fa-trash-can-xmark { --fa: ""; } .fa-trash-check { --fa: ""; } .fa-trash-circle { --fa: ""; } .fa-trash-clock { --fa: ""; } .fa-trash-list { --fa: ""; } .fa-trash-plus { --fa: ""; } .fa-trash-restore { --fa: ""; } .fa-trash-restore-alt { --fa: ""; } .fa-trash-slash { --fa: ""; } .fa-trash-undo { --fa: ""; } .fa-trash-undo-alt { --fa: ""; } .fa-trash-xmark { --fa: ""; } .fa-treasure-chest { --fa: ""; } .fa-tree { --fa: ""; } .fa-tree-alt { --fa: ""; } .fa-tree-christmas { --fa: ""; } .fa-tree-city { --fa: ""; } .fa-tree-deciduous { --fa: ""; } .fa-tree-decorated { --fa: ""; } .fa-tree-large { --fa: ""; } .fa-tree-palm { --fa: ""; } .fa-trees { --fa: ""; } .fa-trian-balbot { --fa: ""; } .fa-triangle { --fa: ""; } .fa-triangle-circle-square { --fa: ""; } .fa-triangle-exclamation { --fa: ""; } .fa-triangle-instrument { --fa: ""; } .fa-triangle-music { --fa: ""; } .fa-triangle-person-digging { --fa: ""; } .fa-tricycle { --fa: ""; } .fa-tricycle-adult { --fa: ""; } .fa-trillium { --fa: ""; } .fa-triple-chevrons-down { --fa: ""; } .fa-triple-chevrons-left { --fa: ""; } .fa-triple-chevrons-right { --fa: ""; } .fa-triple-chevrons-up { --fa: ""; } .fa-trombone { --fa: ""; } .fa-trophy { --fa: ""; } .fa-trophy-alt { --fa: ""; } .fa-trophy-star { --fa: ""; } .fa-trowel { --fa: ""; } .fa-trowel-bricks { --fa: ""; } .fa-truck { --fa: ""; } .fa-truck-arrow-right { --fa: ""; } .fa-truck-bolt { --fa: ""; } .fa-truck-clock { --fa: ""; } .fa-truck-container { --fa: ""; } .fa-truck-container-empty { --fa: ""; } .fa-truck-couch { --fa: ""; } .fa-truck-droplet { --fa: ""; } .fa-truck-fast { --fa: ""; } .fa-truck-field { --fa: ""; } .fa-truck-field-un { --fa: ""; } .fa-truck-fire { --fa: ""; } .fa-truck-flatbed { --fa: ""; } .fa-truck-front { --fa: ""; } .fa-truck-ladder { --fa: ""; } .fa-truck-loading { --fa: ""; } .fa-truck-medical { --fa: ""; } .fa-truck-monster { --fa: ""; } .fa-truck-moving { --fa: ""; } .fa-truck-pickup { --fa: ""; } .fa-truck-plane { --fa: ""; } .fa-truck-plow { --fa: ""; } .fa-truck-ramp { --fa: ""; } .fa-truck-ramp-box { --fa: ""; } .fa-truck-ramp-couch { --fa: ""; } .fa-truck-suv { --fa: ""; } .fa-truck-tow { --fa: ""; } .fa-truck-utensils { --fa: ""; } .fa-trumpet { --fa: ""; } .fa-try { --fa: ""; } .fa-tshirt { --fa: ""; } .fa-tty { --fa: ""; } .fa-tty-answer { --fa: ""; } .fa-tugrik-sign { --fa: ""; } .fa-turkey { --fa: ""; } .fa-turkish-lira { --fa: ""; } .fa-turkish-lira-sign { --fa: ""; } .fa-turn-down { --fa: ""; } .fa-turn-down-left { --fa: ""; } .fa-turn-down-right { --fa: ""; } .fa-turn-left { --fa: ""; } .fa-turn-left-down { --fa: ""; } .fa-turn-left-up { --fa: ""; } .fa-turn-right { --fa: ""; } .fa-turn-up { --fa: ""; } .fa-turntable { --fa: ""; } .fa-turtle { --fa: ""; } .fa-tv { --fa: ""; } .fa-tv-alt { --fa: ""; } .fa-tv-music { --fa: ""; } .fa-tv-retro { --fa: ""; } .fa-typewriter { --fa: ""; } .fa-u { --fa: "U"; } .fa-u-turn { --fa: ""; } .fa-u-turn-down-left { --fa: ""; } .fa-u-turn-down-right { --fa: ""; } .fa-u-turn-left-down { --fa: ""; } .fa-u-turn-left-up { --fa: ""; } .fa-u-turn-right-down { --fa: ""; } .fa-u-turn-right-up { --fa: ""; } .fa-u-turn-up-left { --fa: ""; } .fa-u-turn-up-right { --fa: ""; } .fa-ufo { --fa: ""; } .fa-ufo-beam { --fa: ""; } .fa-umbrella { --fa: ""; } .fa-umbrella-alt { --fa: ""; } .fa-umbrella-beach { --fa: ""; } .fa-umbrella-simple { --fa: ""; } .fa-underline { --fa: ""; } .fa-undo { --fa: ""; } .fa-undo-alt { --fa: ""; } .fa-unicorn { --fa: ""; } .fa-unicycle { --fa: ""; } .fa-uniform-martial-arts { --fa: ""; } .fa-union { --fa: ""; } .fa-universal-access { --fa: ""; } .fa-university { --fa: ""; } .fa-unlink { --fa: ""; } .fa-unlock { --fa: ""; } .fa-unlock-alt { --fa: ""; } .fa-unlock-keyhole { --fa: ""; } .fa-unsorted { --fa: ""; } .fa-up { --fa: ""; } .fa-up-down { --fa: ""; } .fa-up-down-left-right { --fa: ""; } .fa-up-from-bracket { --fa: ""; } .fa-up-from-dotted-line { --fa: ""; } .fa-up-from-line { --fa: ""; } .fa-up-left { --fa: ""; } .fa-up-long { --fa: ""; } .fa-up-long-to-line { --fa: ""; } .fa-up-right { --fa: ""; } .fa-up-right-and-down-left-from-center { --fa: ""; } .fa-up-right-from-square { --fa: ""; } .fa-up-to-bracket { --fa: ""; } .fa-up-to-dotted-line { --fa: ""; } .fa-up-to-line { --fa: ""; } .fa-upload { --fa: ""; } .fa-usb-drive { --fa: ""; } .fa-usd { --fa: "$"; } .fa-usd-circle { --fa: ""; } .fa-usd-square { --fa: ""; } .fa-user { --fa: ""; } .fa-user-alien { --fa: ""; } .fa-user-alt { --fa: ""; } .fa-user-alt-slash { --fa: ""; } .fa-user-astronaut { --fa: ""; } .fa-user-beard { --fa: ""; } .fa-user-beard-bolt { --fa: ""; } .fa-user-bounty-hunter { --fa: ""; } .fa-user-chart { --fa: ""; } .fa-user-check { --fa: ""; } .fa-user-chef { --fa: ""; } .fa-user-chef-hair-long { --fa: ""; } .fa-user-circle { --fa: ""; } .fa-user-circle-minus { --fa: ""; } .fa-user-circle-plus { --fa: ""; } .fa-user-clock { --fa: ""; } .fa-user-cog { --fa: ""; } .fa-user-construction { --fa: ""; } .fa-user-cowboy { --fa: ""; } .fa-user-crown { --fa: ""; } .fa-user-dashed { --fa: ""; } .fa-user-doctor { --fa: ""; } .fa-user-doctor-hair { --fa: ""; } .fa-user-doctor-hair-long { --fa: ""; } .fa-user-doctor-hair-mullet { --fa: ""; } .fa-user-doctor-message { --fa: ""; } .fa-user-edit { --fa: ""; } .fa-user-friends { --fa: ""; } .fa-user-gear { --fa: ""; } .fa-user-graduate { --fa: ""; } .fa-user-group { --fa: ""; } .fa-user-group-crown { --fa: ""; } .fa-user-group-simple { --fa: ""; } .fa-user-hair { --fa: ""; } .fa-user-hair-buns { --fa: ""; } .fa-user-hair-long { --fa: ""; } .fa-user-hair-mullet { --fa: ""; } .fa-user-hard-hat { --fa: ""; } .fa-user-hat-tie { --fa: ""; } .fa-user-hat-tie-magnifying-glass { --fa: ""; } .fa-user-headset { --fa: ""; } .fa-user-helmet-safety { --fa: ""; } .fa-user-hoodie { --fa: ""; } .fa-user-injured { --fa: ""; } .fa-user-key { --fa: ""; } .fa-user-large { --fa: ""; } .fa-user-large-slash { --fa: ""; } .fa-user-lock { --fa: ""; } .fa-user-magnifying-glass { --fa: ""; } .fa-user-md { --fa: ""; } .fa-user-md-chat { --fa: ""; } .fa-user-message { --fa: ""; } .fa-user-microphone { --fa: ""; } .fa-user-minus { --fa: ""; } .fa-user-music { --fa: ""; } .fa-user-ninja { --fa: ""; } .fa-user-nurse { --fa: ""; } .fa-user-nurse-hair { --fa: ""; } .fa-user-nurse-hair-long { --fa: ""; } .fa-user-pen { --fa: ""; } .fa-user-pilot { --fa: ""; } .fa-user-pilot-hair-long { --fa: ""; } .fa-user-pilot-tie { --fa: ""; } .fa-user-pilot-tie-hair-long { --fa: ""; } .fa-user-plus { --fa: ""; } .fa-user-police { --fa: ""; } .fa-user-police-hair-long { --fa: ""; } .fa-user-police-tie { --fa: ""; } .fa-user-police-tie-hair-long { --fa: ""; } .fa-user-question { --fa: ""; } .fa-user-robot { --fa: ""; } .fa-user-robot-xmarks { --fa: ""; } .fa-user-secret { --fa: ""; } .fa-user-shakespeare { --fa: ""; } .fa-user-shield { --fa: ""; } .fa-user-sith { --fa: ""; } .fa-user-slash { --fa: ""; } .fa-user-tag { --fa: ""; } .fa-user-tie { --fa: ""; } .fa-user-tie-hair { --fa: ""; } .fa-user-tie-hair-long { --fa: ""; } .fa-user-tie-hair-mullet { --fa: ""; } .fa-user-times { --fa: ""; } .fa-user-unlock { --fa: ""; } .fa-user-viewfinder { --fa: ""; } .fa-user-visor { --fa: ""; } .fa-user-vneck { --fa: ""; } .fa-user-vneck-hair { --fa: ""; } .fa-user-vneck-hair-long { --fa: ""; } .fa-user-vneck-hair-mullet { --fa: ""; } .fa-user-xmark { --fa: ""; } .fa-users { --fa: ""; } .fa-users-between-lines { --fa: ""; } .fa-users-class { --fa: ""; } .fa-users-cog { --fa: ""; } .fa-users-crown { --fa: ""; } .fa-users-gear { --fa: ""; } .fa-users-line { --fa: ""; } .fa-users-medical { --fa: ""; } .fa-users-rays { --fa: ""; } .fa-users-rectangle { --fa: ""; } .fa-users-slash { --fa: ""; } .fa-users-viewfinder { --fa: ""; } .fa-utensil-fork { --fa: ""; } .fa-utensil-knife { --fa: ""; } .fa-utensil-spoon { --fa: ""; } .fa-utensils { --fa: ""; } .fa-utensils-alt { --fa: ""; } .fa-utensils-slash { --fa: ""; } .fa-utility-can { --fa: ""; } .fa-utility-pole { --fa: ""; } .fa-utility-pole-double { --fa: ""; } .fa-v { --fa: "V"; } .fa-vacuum { --fa: ""; } .fa-vacuum-robot { --fa: ""; } .fa-value-absolute { --fa: ""; } .fa-van { --fa: ""; } .fa-van-shuttle { --fa: ""; } .fa-vault { --fa: ""; } .fa-vcard { --fa: ""; } .fa-vector-circle { --fa: ""; } .fa-vector-polygon { --fa: ""; } .fa-vector-square { --fa: ""; } .fa-vent-damper { --fa: ""; } .fa-venus { --fa: ""; } .fa-venus-double { --fa: ""; } .fa-venus-mars { --fa: ""; } .fa-vest { --fa: ""; } .fa-vest-patches { --fa: ""; } .fa-vhs { --fa: ""; } .fa-vial { --fa: ""; } .fa-vial-circle-check { --fa: ""; } .fa-vial-vertical { --fa: ""; } .fa-vial-virus { --fa: ""; } .fa-vials { --fa: ""; } .fa-video { --fa: ""; } .fa-video-arrow-down-left { --fa: ""; } .fa-video-arrow-up-right { --fa: ""; } .fa-video-camera { --fa: ""; } .fa-video-circle { --fa: ""; } .fa-video-down-to-line { --fa: ""; } .fa-video-handheld { --fa: ""; } .fa-video-plus { --fa: ""; } .fa-video-question { --fa: ""; } .fa-video-slash { --fa: ""; } .fa-vihara { --fa: ""; } .fa-violin { --fa: ""; } .fa-virgo { --fa: ""; } .fa-virus { --fa: ""; } .fa-virus-covid { --fa: ""; } .fa-virus-covid-slash { --fa: ""; } .fa-virus-slash { --fa: ""; } .fa-viruses { --fa: ""; } .fa-voicemail { --fa: ""; } .fa-volcano { --fa: ""; } .fa-volleyball { --fa: ""; } .fa-volleyball-ball { --fa: ""; } .fa-volume { --fa: ""; } .fa-volume-control-phone { --fa: ""; } .fa-volume-down { --fa: ""; } .fa-volume-high { --fa: ""; } .fa-volume-low { --fa: ""; } .fa-volume-medium { --fa: ""; } .fa-volume-mute { --fa: ""; } .fa-volume-off { --fa: ""; } .fa-volume-slash { --fa: ""; } .fa-volume-times { --fa: ""; } .fa-volume-up { --fa: ""; } .fa-volume-xmark { --fa: ""; } .fa-vote-nay { --fa: ""; } .fa-vote-yea { --fa: ""; } .fa-vr-cardboard { --fa: ""; } .fa-w { --fa: "W"; } .fa-waffle { --fa: ""; } .fa-wagon-covered { --fa: ""; } .fa-walker { --fa: ""; } .fa-walkie-talkie { --fa: ""; } .fa-walking { --fa: ""; } .fa-wall-brick { --fa: ""; } .fa-wallet { --fa: ""; } .fa-wand { --fa: ""; } .fa-wand-magic { --fa: ""; } .fa-wand-magic-sparkles { --fa: ""; } .fa-wand-sparkles { --fa: ""; } .fa-wardrobe { --fa: ""; } .fa-warehouse { --fa: ""; } .fa-warehouse-alt { --fa: ""; } .fa-warehouse-full { --fa: ""; } .fa-warning { --fa: ""; } .fa-washer { --fa: ""; } .fa-washing-machine { --fa: ""; } .fa-watch { --fa: ""; } .fa-watch-apple { --fa: ""; } .fa-watch-calculator { --fa: ""; } .fa-watch-fitness { --fa: ""; } .fa-watch-smart { --fa: ""; } .fa-water { --fa: ""; } .fa-water-arrow-down { --fa: ""; } .fa-water-arrow-up { --fa: ""; } .fa-water-ladder { --fa: ""; } .fa-water-lower { --fa: ""; } .fa-water-rise { --fa: ""; } .fa-water-temp { --fa: ""; } .fa-water-temperature { --fa: ""; } .fa-watermelon-slice { --fa: ""; } .fa-wave { --fa: ""; } .fa-wave-pulse { --fa: ""; } .fa-wave-sine { --fa: ""; } .fa-wave-square { --fa: ""; } .fa-wave-triangle { --fa: ""; } .fa-waveform { --fa: ""; } .fa-waveform-circle { --fa: ""; } .fa-waveform-lines { --fa: ""; } .fa-waveform-path { --fa: ""; } .fa-waves-sine { --fa: ""; } .fa-web-awesome { --fa: ""; } .fa-webcam { --fa: ""; } .fa-webcam-slash { --fa: ""; } .fa-webhook { --fa: ""; } .fa-weight { --fa: ""; } .fa-weight-hanging { --fa: ""; } .fa-weight-scale { --fa: ""; } .fa-whale { --fa: ""; } .fa-wheat { --fa: ""; } .fa-wheat-alt { --fa: ""; } .fa-wheat-awn { --fa: ""; } .fa-wheat-awn-circle-exclamation { --fa: ""; } .fa-wheat-awn-slash { --fa: ""; } .fa-wheat-slash { --fa: ""; } .fa-wheelchair { --fa: ""; } .fa-wheelchair-alt { --fa: ""; } .fa-wheelchair-move { --fa: ""; } .fa-whiskey-glass { --fa: ""; } .fa-whiskey-glass-ice { --fa: ""; } .fa-whistle { --fa: ""; } .fa-wifi { --fa: ""; } .fa-wifi-1 { --fa: ""; } .fa-wifi-2 { --fa: ""; } .fa-wifi-3 { --fa: ""; } .fa-wifi-exclamation { --fa: ""; } .fa-wifi-fair { --fa: ""; } .fa-wifi-slash { --fa: ""; } .fa-wifi-strong { --fa: ""; } .fa-wifi-weak { --fa: ""; } .fa-wind { --fa: ""; } .fa-wind-circle-exclamation { --fa: ""; } .fa-wind-turbine { --fa: ""; } .fa-wind-warning { --fa: ""; } .fa-window { --fa: ""; } .fa-window-alt { --fa: ""; } .fa-window-close { --fa: ""; } .fa-window-flip { --fa: ""; } .fa-window-frame { --fa: ""; } .fa-window-frame-open { --fa: ""; } .fa-window-maximize { --fa: ""; } .fa-window-minimize { --fa: ""; } .fa-window-restore { --fa: ""; } .fa-windsock { --fa: ""; } .fa-wine-bottle { --fa: ""; } .fa-wine-glass { --fa: ""; } .fa-wine-glass-alt { --fa: ""; } .fa-wine-glass-crack { --fa: ""; } .fa-wine-glass-empty { --fa: ""; } .fa-wireless { --fa: ""; } .fa-won { --fa: ""; } .fa-won-sign { --fa: ""; } .fa-worm { --fa: ""; } .fa-wreath { --fa: ""; } .fa-wreath-laurel { --fa: ""; } .fa-wrench { --fa: ""; } .fa-wrench-simple { --fa: ""; } .fa-x { --fa: "X"; } .fa-x-ray { --fa: ""; } .fa-xmark { --fa: ""; } .fa-xmark-circle { --fa: ""; } .fa-xmark-hexagon { --fa: ""; } .fa-xmark-large { --fa: ""; } .fa-xmark-octagon { --fa: ""; } .fa-xmark-square { --fa: ""; } .fa-xmark-to-slot { --fa: ""; } .fa-xmarks-lines { --fa: ""; } .fa-y { --fa: "Y"; } .fa-yen { --fa: ""; } .fa-yen-sign { --fa: ""; } .fa-yin-yang { --fa: ""; } .fa-z { --fa: "Z"; } .fa-zap { --fa: ""; } .fa-zzz { --fa: ""; } /*! * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) * Copyright 2026 Fonticons, Inc. */ :root, :host { --fa-family-brands: "Font Awesome 7 Brands"; --fa-font-brands: normal 400 1em/1 var(--fa-family-brands); } @font-face { font-family: "Font Awesome 7 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/../webfonts/fa-brands-400.woff2); } .fab, .fa-brands, .fa-classic.fa-brands { --fa-family: var(--fa-family-brands); --fa-style: 400; } .fa-firefox-browser { --fa: ""; } .fa-ideal { --fa: ""; } .fa-microblog { --fa: ""; } .fa-square-pied-piper { --fa: ""; } .fa-pied-piper-square { --fa: ""; } .fa-unity { --fa: ""; } .fa-dailymotion { --fa: ""; } .fa-square-instagram { --fa: ""; } .fa-instagram-square { --fa: ""; } .fa-mixer { --fa: ""; } .fa-shopify { --fa: ""; } .fa-deezer { --fa: ""; } .fa-edge-legacy { --fa: ""; } .fa-google-pay { --fa: ""; } .fa-rust { --fa: ""; } .fa-tiktok { --fa: ""; } .fa-unsplash { --fa: ""; } .fa-cloudflare { --fa: ""; } .fa-guilded { --fa: ""; } .fa-hive { --fa: ""; } .fa-42-group { --fa: ""; } .fa-innosoft { --fa: ""; } .fa-instalod { --fa: ""; } .fa-octopus-deploy { --fa: ""; } .fa-perbyte { --fa: ""; } .fa-uncharted { --fa: ""; } .fa-watchman-monitoring { --fa: ""; } .fa-wodu { --fa: ""; } .fa-wirsindhandwerk { --fa: ""; } .fa-wsh { --fa: ""; } .fa-bots { --fa: ""; } .fa-cmplid { --fa: ""; } .fa-bilibili { --fa: ""; } .fa-golang { --fa: ""; } .fa-pix { --fa: ""; } .fa-sitrox { --fa: ""; } .fa-hashnode { --fa: ""; } .fa-meta { --fa: ""; } .fa-padlet { --fa: ""; } .fa-nfc-directional { --fa: ""; } .fa-nfc-symbol { --fa: ""; } .fa-screenpal { --fa: ""; } .fa-space-awesome { --fa: ""; } .fa-square-font-awesome { --fa: ""; } .fa-square-gitlab { --fa: ""; } .fa-gitlab-square { --fa: ""; } .fa-odysee { --fa: ""; } .fa-stubber { --fa: ""; } .fa-debian { --fa: ""; } .fa-shoelace { --fa: ""; } .fa-threads { --fa: ""; } .fa-square-threads { --fa: ""; } .fa-square-x-twitter { --fa: ""; } .fa-x-twitter { --fa: ""; } .fa-opensuse { --fa: ""; } .fa-letterboxd { --fa: ""; } .fa-square-letterboxd { --fa: ""; } .fa-mintbit { --fa: ""; } .fa-google-scholar { --fa: ""; } .fa-brave { --fa: ""; } .fa-brave-reverse { --fa: ""; } .fa-pixiv { --fa: ""; } .fa-upwork { --fa: ""; } .fa-webflow { --fa: ""; } .fa-signal-messenger { --fa: ""; } .fa-bluesky { --fa: ""; } .fa-jxl { --fa: ""; } .fa-square-upwork { --fa: ""; } .fa-web-awesome { --fa: ""; } .fa-square-web-awesome { --fa: ""; } .fa-square-web-awesome-stroke { --fa: ""; } .fa-dart-lang { --fa: ""; } .fa-flutter { --fa: ""; } .fa-files-pinwheel { --fa: ""; } .fa-css { --fa: ""; } .fa-square-bluesky { --fa: ""; } .fa-openai { --fa: ""; } .fa-square-linkedin { --fa: ""; } .fa-cash-app { --fa: ""; } .fa-disqus { --fa: ""; } .fa-eleventy { --fa: ""; } .fa-11ty { --fa: ""; } .fa-kakao-talk { --fa: ""; } .fa-linktree { --fa: ""; } .fa-notion { --fa: ""; } .fa-pandora { --fa: ""; } .fa-pixelfed { --fa: ""; } .fa-tidal { --fa: ""; } .fa-vsco { --fa: ""; } .fa-w3c { --fa: ""; } .fa-lumon { --fa: ""; } .fa-lumon-drop { --fa: ""; } .fa-square-figma { --fa: ""; } .fa-tex { --fa: ""; } .fa-duolingo { --fa: ""; } .fa-supportnow { --fa: ""; } .fa-tor-browser { --fa: ""; } .fa-typescript { --fa: ""; } .fa-square-deskpro { --fa: ""; } .fa-circle-zulip { --fa: ""; } .fa-julia { --fa: ""; } .fa-zulip { --fa: ""; } .fa-unison { --fa: ""; } .fa-board-game-geek { --fa: ""; } .fa-bgg { --fa: ""; } .fa-ko-fi { --fa: ""; } .fa-kubernetes { --fa: ""; } .fa-postgresql { --fa: ""; } .fa-scaleway { --fa: ""; } .fa-venmo { --fa: ""; } .fa-venmo-v { --fa: ""; } .fa-unreal-engine { --fa: ""; } .fa-globaleaks { --fa: ""; } .fa-solana { --fa: ""; } .fa-threema { --fa: ""; } .fa-forgejo { --fa: ""; } .fa-claude { --fa: ""; } .fa-gitee { --fa: ""; } .fa-xmpp { --fa: ""; } .fa-fediverse { --fa: ""; } .fa-tailwind-css { --fa: ""; } .fa-arch-linux { --fa: ""; } .fa-svelte { --fa: ""; } .fa-hugging-face { --fa: ""; } .fa-leetcode { --fa: ""; } .fa-openstreetmap { --fa: ""; } .fa-ultralytics { --fa: ""; } .fa-ultralytics-hub { --fa: ""; } .fa-ultralytics-yolo { --fa: ""; } .fa-obsidian { --fa: ""; } .fa-zoom { --fa: ""; } .fa-vim { --fa: ""; } .fa-symfonycasts { --fa: ""; } .fa-square-twitter { --fa: ""; } .fa-twitter-square { --fa: ""; } .fa-square-facebook { --fa: ""; } .fa-facebook-square { --fa: ""; } .fa-linkedin { --fa: ""; } .fa-square-github { --fa: ""; } .fa-github-square { --fa: ""; } .fa-twitter { --fa: ""; } .fa-facebook { --fa: ""; } .fa-github { --fa: ""; } .fa-pinterest { --fa: ""; } .fa-square-pinterest { --fa: ""; } .fa-pinterest-square { --fa: ""; } .fa-square-google-plus { --fa: ""; } .fa-google-plus-square { --fa: ""; } .fa-google-plus-g { --fa: ""; } .fa-linkedin-in { --fa: ""; } .fa-github-alt { --fa: ""; } .fa-maxcdn { --fa: ""; } .fa-html5 { --fa: ""; } .fa-css3 { --fa: ""; } .fa-btc { --fa: ""; } .fa-youtube { --fa: ""; } .fa-xing { --fa: ""; } .fa-square-xing { --fa: ""; } .fa-xing-square { --fa: ""; } .fa-dropbox { --fa: ""; } .fa-stack-overflow { --fa: ""; } .fa-instagram { --fa: ""; } .fa-flickr { --fa: ""; } .fa-adn { --fa: ""; } .fa-bitbucket { --fa: ""; } .fa-tumblr { --fa: ""; } .fa-square-tumblr { --fa: ""; } .fa-tumblr-square { --fa: ""; } .fa-apple { --fa: ""; } .fa-windows { --fa: ""; } .fa-android { --fa: ""; } .fa-linux { --fa: ""; } .fa-dribbble { --fa: ""; } .fa-skype { --fa: ""; } .fa-foursquare { --fa: ""; } .fa-trello { --fa: ""; } .fa-gratipay { --fa: ""; } .fa-vk { --fa: ""; } .fa-weibo { --fa: ""; } .fa-renren { --fa: ""; } .fa-pagelines { --fa: ""; } .fa-stack-exchange { --fa: ""; } .fa-square-vimeo { --fa: ""; } .fa-vimeo-square { --fa: ""; } .fa-slack { --fa: ""; } .fa-slack-hash { --fa: ""; } .fa-wordpress { --fa: ""; } .fa-openid { --fa: ""; } .fa-yahoo { --fa: ""; } .fa-google { --fa: ""; } .fa-reddit { --fa: ""; } .fa-square-reddit { --fa: ""; } .fa-reddit-square { --fa: ""; } .fa-stumbleupon-circle { --fa: ""; } .fa-stumbleupon { --fa: ""; } .fa-delicious { --fa: ""; } .fa-digg { --fa: ""; } .fa-pied-piper-pp { --fa: ""; } .fa-pied-piper-alt { --fa: ""; } .fa-drupal { --fa: ""; } .fa-joomla { --fa: ""; } .fa-behance { --fa: ""; } .fa-square-behance { --fa: ""; } .fa-behance-square { --fa: ""; } .fa-steam { --fa: ""; } .fa-square-steam { --fa: ""; } .fa-steam-square { --fa: ""; } .fa-spotify { --fa: ""; } .fa-deviantart { --fa: ""; } .fa-soundcloud { --fa: ""; } .fa-vine { --fa: ""; } .fa-codepen { --fa: ""; } .fa-jsfiddle { --fa: ""; } .fa-rebel { --fa: ""; } .fa-empire { --fa: ""; } .fa-square-git { --fa: ""; } .fa-git-square { --fa: ""; } .fa-git { --fa: ""; } .fa-hacker-news { --fa: ""; } .fa-tencent-weibo { --fa: ""; } .fa-qq { --fa: ""; } .fa-weixin { --fa: ""; } .fa-slideshare { --fa: ""; } .fa-twitch { --fa: ""; } .fa-yelp { --fa: ""; } .fa-paypal { --fa: ""; } .fa-google-wallet { --fa: ""; } .fa-cc-visa { --fa: ""; } .fa-cc-mastercard { --fa: ""; } .fa-cc-discover { --fa: ""; } .fa-cc-amex { --fa: ""; } .fa-cc-paypal { --fa: ""; } .fa-cc-stripe { --fa: ""; } .fa-lastfm { --fa: ""; } .fa-square-lastfm { --fa: ""; } .fa-lastfm-square { --fa: ""; } .fa-ioxhost { --fa: ""; } .fa-angellist { --fa: ""; } .fa-buysellads { --fa: ""; } .fa-connectdevelop { --fa: ""; } .fa-dashcube { --fa: ""; } .fa-forumbee { --fa: ""; } .fa-leanpub { --fa: ""; } .fa-sellsy { --fa: ""; } .fa-shirtsinbulk { --fa: ""; } .fa-simplybuilt { --fa: ""; } .fa-skyatlas { --fa: ""; } .fa-pinterest-p { --fa: ""; } .fa-whatsapp { --fa: ""; } .fa-viacoin { --fa: ""; } .fa-medium { --fa: ""; } .fa-medium-m { --fa: ""; } .fa-y-combinator { --fa: ""; } .fa-optin-monster { --fa: ""; } .fa-opencart { --fa: ""; } .fa-expeditedssl { --fa: ""; } .fa-cc-jcb { --fa: ""; } .fa-cc-diners-club { --fa: ""; } .fa-creative-commons { --fa: ""; } .fa-gg { --fa: ""; } .fa-gg-circle { --fa: ""; } .fa-odnoklassniki { --fa: ""; } .fa-square-odnoklassniki { --fa: ""; } .fa-odnoklassniki-square { --fa: ""; } .fa-get-pocket { --fa: ""; } .fa-wikipedia-w { --fa: ""; } .fa-safari { --fa: ""; } .fa-chrome { --fa: ""; } .fa-firefox { --fa: ""; } .fa-opera { --fa: ""; } .fa-internet-explorer { --fa: ""; } .fa-contao { --fa: ""; } .fa-500px { --fa: ""; } .fa-amazon { --fa: ""; } .fa-houzz { --fa: ""; } .fa-vimeo-v { --fa: ""; } .fa-black-tie { --fa: ""; } .fa-fonticons { --fa: ""; } .fa-reddit-alien { --fa: ""; } .fa-edge { --fa: ""; } .fa-codiepie { --fa: ""; } .fa-modx { --fa: ""; } .fa-fort-awesome { --fa: ""; } .fa-usb { --fa: ""; } .fa-product-hunt { --fa: ""; } .fa-mixcloud { --fa: ""; } .fa-scribd { --fa: ""; } .fa-bluetooth { --fa: ""; } .fa-bluetooth-b { --fa: ""; } .fa-gitlab { --fa: ""; } .fa-wpbeginner { --fa: ""; } .fa-wpforms { --fa: ""; } .fa-envira { --fa: ""; } .fa-glide { --fa: ""; } .fa-glide-g { --fa: ""; } .fa-viadeo { --fa: ""; } .fa-square-viadeo { --fa: ""; } .fa-viadeo-square { --fa: ""; } .fa-snapchat { --fa: ""; } .fa-snapchat-ghost { --fa: ""; } .fa-square-snapchat { --fa: ""; } .fa-snapchat-square { --fa: ""; } .fa-pied-piper { --fa: ""; } .fa-first-order { --fa: ""; } .fa-yoast { --fa: ""; } .fa-themeisle { --fa: ""; } .fa-google-plus { --fa: ""; } .fa-font-awesome { --fa: ""; } .fa-font-awesome-flag { --fa: ""; } .fa-font-awesome-logo-full { --fa: ""; } .fa-linode { --fa: ""; } .fa-quora { --fa: ""; } .fa-free-code-camp { --fa: ""; } .fa-telegram { --fa: ""; } .fa-telegram-plane { --fa: ""; } .fa-bandcamp { --fa: ""; } .fa-grav { --fa: ""; } .fa-etsy { --fa: ""; } .fa-imdb { --fa: ""; } .fa-ravelry { --fa: ""; } .fa-sellcast { --fa: ""; } .fa-superpowers { --fa: ""; } .fa-wpexplorer { --fa: ""; } .fa-meetup { --fa: ""; } .fa-square-font-awesome-stroke { --fa: ""; } .fa-font-awesome-alt { --fa: ""; } .fa-accessible-icon { --fa: ""; } .fa-accusoft { --fa: ""; } .fa-adversal { --fa: ""; } .fa-affiliatetheme { --fa: ""; } .fa-algolia { --fa: ""; } .fa-amilia { --fa: ""; } .fa-angrycreative { --fa: ""; } .fa-app-store { --fa: ""; } .fa-app-store-ios { --fa: ""; } .fa-apper { --fa: ""; } .fa-asymmetrik { --fa: ""; } .fa-audible { --fa: ""; } .fa-avianex { --fa: ""; } .fa-aws { --fa: ""; } .fa-bimobject { --fa: ""; } .fa-bitcoin { --fa: ""; } .fa-bity { --fa: ""; } .fa-blackberry { --fa: ""; } .fa-blogger { --fa: ""; } .fa-blogger-b { --fa: ""; } .fa-buromobelexperte { --fa: ""; } .fa-centercode { --fa: ""; } .fa-cloudscale { --fa: ""; } .fa-cloudsmith { --fa: ""; } .fa-cloudversify { --fa: ""; } .fa-cpanel { --fa: ""; } .fa-css3-alt { --fa: ""; } .fa-cuttlefish { --fa: ""; } .fa-d-and-d { --fa: ""; } .fa-deploydog { --fa: ""; } .fa-deskpro { --fa: ""; } .fa-digital-ocean { --fa: ""; } .fa-discord { --fa: ""; } .fa-discourse { --fa: ""; } .fa-dochub { --fa: ""; } .fa-docker { --fa: ""; } .fa-draft2digital { --fa: ""; } .fa-square-dribbble { --fa: ""; } .fa-dribbble-square { --fa: ""; } .fa-dyalog { --fa: ""; } .fa-earlybirds { --fa: ""; } .fa-erlang { --fa: ""; } .fa-facebook-f { --fa: ""; } .fa-facebook-messenger { --fa: ""; } .fa-firstdraft { --fa: ""; } .fa-fonticons-fi { --fa: ""; } .fa-fort-awesome-alt { --fa: ""; } .fa-freebsd { --fa: ""; } .fa-gitkraken { --fa: ""; } .fa-gofore { --fa: ""; } .fa-goodreads { --fa: ""; } .fa-goodreads-g { --fa: ""; } .fa-google-drive { --fa: ""; } .fa-google-play { --fa: ""; } .fa-gripfire { --fa: ""; } .fa-grunt { --fa: ""; } .fa-gulp { --fa: ""; } .fa-square-hacker-news { --fa: ""; } .fa-hacker-news-square { --fa: ""; } .fa-hire-a-helper { --fa: ""; } .fa-hotjar { --fa: ""; } .fa-hubspot { --fa: ""; } .fa-itunes { --fa: ""; } .fa-itunes-note { --fa: ""; } .fa-jenkins { --fa: ""; } .fa-joget { --fa: ""; } .fa-js { --fa: ""; } .fa-square-js { --fa: ""; } .fa-js-square { --fa: ""; } .fa-keycdn { --fa: ""; } .fa-kickstarter { --fa: ""; } .fa-square-kickstarter { --fa: ""; } .fa-kickstarter-k { --fa: ""; } .fa-laravel { --fa: ""; } .fa-line { --fa: ""; } .fa-lyft { --fa: ""; } .fa-magento { --fa: ""; } .fa-medapps { --fa: ""; } .fa-medrt { --fa: ""; } .fa-microsoft { --fa: ""; } .fa-mix { --fa: ""; } .fa-mizuni { --fa: ""; } .fa-monero { --fa: ""; } .fa-napster { --fa: ""; } .fa-node-js { --fa: ""; } .fa-npm { --fa: ""; } .fa-ns8 { --fa: ""; } .fa-nutritionix { --fa: ""; } .fa-page4 { --fa: ""; } .fa-palfed { --fa: ""; } .fa-patreon { --fa: ""; } .fa-periscope { --fa: ""; } .fa-phabricator { --fa: ""; } .fa-phoenix-framework { --fa: ""; } .fa-playstation { --fa: ""; } .fa-pushed { --fa: ""; } .fa-python { --fa: ""; } .fa-red-river { --fa: ""; } .fa-wpressr { --fa: ""; } .fa-rendact { --fa: ""; } .fa-replyd { --fa: ""; } .fa-resolving { --fa: ""; } .fa-rocketchat { --fa: ""; } .fa-rockrms { --fa: ""; } .fa-schlix { --fa: ""; } .fa-searchengin { --fa: ""; } .fa-servicestack { --fa: ""; } .fa-sistrix { --fa: ""; } .fa-speakap { --fa: ""; } .fa-staylinked { --fa: ""; } .fa-steam-symbol { --fa: ""; } .fa-sticker-mule { --fa: ""; } .fa-studiovinari { --fa: ""; } .fa-supple { --fa: ""; } .fa-uber { --fa: ""; } .fa-uikit { --fa: ""; } .fa-uniregistry { --fa: ""; } .fa-untappd { --fa: ""; } .fa-ussunnah { --fa: ""; } .fa-vaadin { --fa: ""; } .fa-viber { --fa: ""; } .fa-vimeo { --fa: ""; } .fa-vnv { --fa: ""; } .fa-square-whatsapp { --fa: ""; } .fa-whatsapp-square { --fa: ""; } .fa-whmcs { --fa: ""; } .fa-wordpress-simple { --fa: ""; } .fa-xbox { --fa: ""; } .fa-yandex { --fa: ""; } .fa-yandex-international { --fa: ""; } .fa-apple-pay { --fa: ""; } .fa-cc-apple-pay { --fa: ""; } .fa-fly { --fa: ""; } .fa-node { --fa: ""; } .fa-osi { --fa: ""; } .fa-react { --fa: ""; } .fa-autoprefixer { --fa: ""; } .fa-less { --fa: ""; } .fa-sass { --fa: ""; } .fa-vuejs { --fa: ""; } .fa-angular { --fa: ""; } .fa-aviato { --fa: ""; } .fa-ember { --fa: ""; } .fa-gitter { --fa: ""; } .fa-hooli { --fa: ""; } .fa-strava { --fa: ""; } .fa-stripe { --fa: ""; } .fa-stripe-s { --fa: ""; } .fa-typo3 { --fa: ""; } .fa-amazon-pay { --fa: ""; } .fa-cc-amazon-pay { --fa: ""; } .fa-ethereum { --fa: ""; } .fa-korvue { --fa: ""; } .fa-elementor { --fa: ""; } .fa-square-youtube { --fa: ""; } .fa-youtube-square { --fa: ""; } .fa-flipboard { --fa: ""; } .fa-hips { --fa: ""; } .fa-php { --fa: ""; } .fa-quinscape { --fa: ""; } .fa-readme { --fa: ""; } .fa-java { --fa: ""; } .fa-pied-piper-hat { --fa: ""; } .fa-creative-commons-by { --fa: ""; } .fa-creative-commons-nc { --fa: ""; } .fa-creative-commons-nc-eu { --fa: ""; } .fa-creative-commons-nc-jp { --fa: ""; } .fa-creative-commons-nd { --fa: ""; } .fa-creative-commons-pd { --fa: ""; } .fa-creative-commons-pd-alt { --fa: ""; } .fa-creative-commons-remix { --fa: ""; } .fa-creative-commons-sa { --fa: ""; } .fa-creative-commons-sampling { --fa: ""; } .fa-creative-commons-sampling-plus { --fa: ""; } .fa-creative-commons-share { --fa: ""; } .fa-creative-commons-zero { --fa: ""; } .fa-ebay { --fa: ""; } .fa-keybase { --fa: ""; } .fa-mastodon { --fa: ""; } .fa-r-project { --fa: ""; } .fa-researchgate { --fa: ""; } .fa-teamspeak { --fa: ""; } .fa-first-order-alt { --fa: ""; } .fa-fulcrum { --fa: ""; } .fa-galactic-republic { --fa: ""; } .fa-galactic-senate { --fa: ""; } .fa-jedi-order { --fa: ""; } .fa-mandalorian { --fa: ""; } .fa-old-republic { --fa: ""; } .fa-phoenix-squadron { --fa: ""; } .fa-sith { --fa: ""; } .fa-trade-federation { --fa: ""; } .fa-wolf-pack-battalion { --fa: ""; } .fa-hornbill { --fa: ""; } .fa-mailchimp { --fa: ""; } .fa-megaport { --fa: ""; } .fa-nimblr { --fa: ""; } .fa-rev { --fa: ""; } .fa-shopware { --fa: ""; } .fa-squarespace { --fa: ""; } .fa-themeco { --fa: ""; } .fa-weebly { --fa: ""; } .fa-wix { --fa: ""; } .fa-ello { --fa: ""; } .fa-hackerrank { --fa: ""; } .fa-kaggle { --fa: ""; } .fa-markdown { --fa: ""; } .fa-neos { --fa: ""; } .fa-zhihu { --fa: ""; } .fa-alipay { --fa: ""; } .fa-the-red-yeti { --fa: ""; } .fa-critical-role { --fa: ""; } .fa-d-and-d-beyond { --fa: ""; } .fa-dev { --fa: ""; } .fa-fantasy-flight-games { --fa: ""; } .fa-wizards-of-the-coast { --fa: ""; } .fa-think-peaks { --fa: ""; } .fa-reacteurope { --fa: ""; } .fa-artstation { --fa: ""; } .fa-atlassian { --fa: ""; } .fa-canadian-maple-leaf { --fa: ""; } .fa-centos { --fa: ""; } .fa-confluence { --fa: ""; } .fa-dhl { --fa: ""; } .fa-diaspora { --fa: ""; } .fa-fedex { --fa: ""; } .fa-fedora { --fa: ""; } .fa-figma { --fa: ""; } .fa-intercom { --fa: ""; } .fa-invision { --fa: ""; } .fa-jira { --fa: ""; } .fa-mendeley { --fa: ""; } .fa-raspberry-pi { --fa: ""; } .fa-redhat { --fa: ""; } .fa-sketch { --fa: ""; } .fa-sourcetree { --fa: ""; } .fa-suse { --fa: ""; } .fa-ubuntu { --fa: ""; } .fa-ups { --fa: ""; } .fa-usps { --fa: ""; } .fa-yarn { --fa: ""; } .fa-airbnb { --fa: ""; } .fa-battle-net { --fa: ""; } .fa-bootstrap { --fa: ""; } .fa-buffer { --fa: ""; } .fa-chromecast { --fa: ""; } .fa-evernote { --fa: ""; } .fa-itch-io { --fa: ""; } .fa-salesforce { --fa: ""; } .fa-speaker-deck { --fa: ""; } .fa-symfony { --fa: ""; } .fa-waze { --fa: ""; } .fa-yammer { --fa: ""; } .fa-git-alt { --fa: ""; } .fa-stackpath { --fa: ""; } .fa-cotton-bureau { --fa: ""; } .fa-buy-n-large { --fa: ""; } .fa-mdb { --fa: ""; } .fa-orcid { --fa: ""; } .fa-swift { --fa: ""; } .fa-umbraco { --fa: ""; } /*! * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) * Copyright 2026 Fonticons, Inc. */ :root, :host { --fa-family-classic: "Font Awesome 7 Pro"; --fa-font-regular: normal 400 1em/1 var(--fa-family-classic); /* deprecated: this older custom property will be removed next major release */ --fa-style-family-classic: var(--fa-family-classic); } @font-face { font-family: "Font Awesome 7 Pro"; font-style: normal; font-weight: 400; font-display: block; src: url(/../webfonts/fa-regular-400.woff2); } .far { --fa-family: var(--fa-family-classic); --fa-style: 400; } .fa-classic { --fa-family: var(--fa-family-classic); } .fa-regular { --fa-style: 400; } /*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.3333333333%; left: 0; top: 33.3333333333%; width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.3333333333%; top: 0; width: 33.3333333333%; } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: " "; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /** * tom-select.css (v//@@version) * Copyright (c) contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * */ .ts-control { border: 1px solid #d0d0d0; padding: 8px 8px; width: 100%; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 3px; display: flex; flex-wrap: wrap; } .ts-wrapper.multi.has-items .ts-control { padding: calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0); } .full .ts-control { background-color: #fff; } .disabled .ts-control, .disabled .ts-control * { cursor: default !important; } .focus .ts-control { box-shadow: none; } .ts-control > * { vertical-align: baseline; display: inline-block; } .ts-wrapper.multi .ts-control > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .ts-wrapper.multi .ts-control > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active { color: #7d7d7d; background: white; border: 0 solid white; } .ts-control > input { flex: 1 1 auto; min-width: 7rem; display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; user-select: auto !important; box-shadow: none !important; } .ts-control > input::-ms-clear { display: none; } .ts-control > input:focus { outline: none !important; } .has-items .ts-control > input { margin: 0 4px !important; } .ts-control.rtl { text-align: right; } .ts-control.rtl.single .ts-control:after { left: 15px; right: auto; } .ts-control.rtl .ts-control > input { margin: 0 4px 0 -2px !important; } .disabled .ts-control { opacity: 0.5; background-color: #fafafa; } .input-hidden .ts-control > input { opacity: 0; position: absolute; left: -10000px; } .ts-dropdown { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: 0.25rem 0 0; border-top: 0 none; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .ts-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .ts-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create { padding: 5px 8px; } .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .ts-dropdown [data-selectable].option { opacity: 1; cursor: pointer; } .ts-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .ts-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .ts-dropdown .active { background-color: #f5fafd; color: #495c68; } .ts-dropdown .active.create { color: #495c68; } .ts-dropdown .create { color: rgba(48, 48, 48, 0.5); } .ts-dropdown .spinner { display: inline-block; width: 30px; height: 30px; margin: 5px 8px; } .ts-dropdown .spinner::after { content: " "; display: block; width: 24px; height: 24px; margin: 3px; border-radius: 50%; border: 5px solid #d0d0d0; border-color: #d0d0d0 transparent #d0d0d0 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ts-dropdown-content { overflow: hidden auto; max-height: 200px; scroll-behavior: smooth; } .ts-wrapper.plugin-drag_drop .ts-dragging { color: transparent !important; } .ts-wrapper.plugin-drag_drop .ts-dragging > * { visibility: hidden !important; } .plugin-checkbox_options:not(.rtl) .option input { margin-right: 0.5rem; } .plugin-checkbox_options.rtl .option input { margin-left: 0.5rem; } /* stylelint-disable function-name-case */ .plugin-clear_button { --ts-pr-clear-button: 1em; } .plugin-clear_button .clear-button { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); right: calc(8px - 6px); margin-right: 0 !important; background: transparent !important; transition: opacity 0.5s; cursor: pointer; } .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button { right: max(var(--ts-pr-caret), 8px); } .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button { opacity: 1; } .ts-wrapper .dropdown-header { position: relative; padding: 10px 8px; border-bottom: 1px solid #d0d0d0; background: color-mix(#fff, #d0d0d0, 85%); border-radius: 3px 3px 0 0; } .ts-wrapper .dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .ts-wrapper .dropdown-header-close:hover { color: black; } .plugin-dropdown_input.focus.dropdown-active .ts-control { box-shadow: none; border: 1px solid #d0d0d0; box-shadow: var(--bs-box-shadow-inset); } .plugin-dropdown_input .dropdown-input { border: 1px solid #d0d0d0; border-width: 0 0 1px; display: block; padding: 8px 8px; box-shadow: none; width: 100%; background: transparent; } .plugin-dropdown_input.focus .ts-dropdown .dropdown-input { border-color: #949dbd; outline: 0; box-shadow: 0 0 0 0.25rem rgba(41, 58, 123, 0.25); } .plugin-dropdown_input .items-placeholder { border: 0 none !important; box-shadow: none !important; width: 100%; } .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder { display: none !important; } .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input { min-width: 0; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input { flex: none; min-width: 4px; } .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder { color: transparent; } .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content { display: flex; } .ts-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; flex-grow: 1; flex-basis: 0; min-width: 0; } .ts-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .ts-dropdown.plugin-optgroup_columns .optgroup::before { display: none; } .ts-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .ts-wrapper.plugin-remove_button .item { display: inline-flex; align-items: center; } .ts-wrapper.plugin-remove_button .item .remove { color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 0 6px; border-radius: 0 2px 2px 0; box-sizing: border-box; } .ts-wrapper.plugin-remove_button .item .remove:hover { background: rgba(0, 0, 0, 0.05); } .ts-wrapper.plugin-remove_button.disabled .item .remove:hover { background: none; } .ts-wrapper.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item { padding-right: 0 !important; } .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove { border-left: 1px solid #d0d0d0; margin-left: 6px; } .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove { border-left-color: #cacaca; } .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove { border-left-color: white; } .ts-wrapper.plugin-remove_button.rtl .item { padding-left: 0 !important; } .ts-wrapper.plugin-remove_button.rtl .item .remove { border-right: 1px solid #d0d0d0; margin-right: 6px; } .ts-wrapper.plugin-remove_button.rtl .item.active .remove { border-right-color: #cacaca; } .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove { border-right-color: white; } :root { --ts-pr-clear-button: 0px; --ts-pr-caret: 0px; --ts-pr-min: .75rem; } .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input { cursor: pointer; } .ts-control:not(.rtl) { padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-control.rtl { padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important; } .ts-wrapper { position: relative; } .ts-dropdown, .ts-control, .ts-control input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; } .ts-control, .ts-wrapper.single.input-active .ts-control { background: #fff; cursor: text; } .ts-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /* ********************************************************************************************** *\ ** Core components ** \* ********************************************************************************************** */ /* ---------------------------------------------------------------------------------------------- *\ | Breadcrumb | \* ---------------------------------------------------------------------------------------------- */ .breadcrumb-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-size: var(--apex-breadcrumb-font-size, 0.8125rem); font-weight: var(--apex-breadcrumb-font-weight, 400); line-height: 1.5; } .breadcrumb-wrapper .breadcrumb { display: flex; flex-wrap: wrap; min-width: 0; margin: 0; padding: 0; list-style: none; } .breadcrumb-wrapper .breadcrumb .breadcrumb-item { color: var(--apex-breadcrumb-color, var(--apex-muted)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: var(--apex-breadcrumb-gap, 0.5rem); } .breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: ""; float: none; display: inline-block; width: var(--apex-breadcrumb-chevron-size, 0.35rem); height: var(--apex-breadcrumb-chevron-size, 0.35rem); border-right: 1.5px solid var(--apex-breadcrumb-separator-color, var(--apex-muted)); border-top: 1.5px solid var(--apex-breadcrumb-separator-color, var(--apex-muted)); transform: rotate(45deg); margin-right: var(--apex-breadcrumb-gap, 0.5rem); padding-right: 0; vertical-align: middle; opacity: var(--apex-breadcrumb-separator-opacity, 0.5); } .breadcrumb-wrapper .breadcrumb .breadcrumb-item.active { color: var(--apex-breadcrumb-active-color, var(--apex-text)); font-weight: var(--apex-breadcrumb-active-weight, 500); } .breadcrumb-wrapper .breadcrumb .breadcrumb-item a { color: var(--apex-breadcrumb-color, var(--apex-muted)); text-decoration: none; transition: color 0.15s ease; } .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover { color: var(--apex-breadcrumb-hover-color, var(--apex-primary)); } .breadcrumb-wrapper .breadcrumb-go-back { display: flex; align-self: center; } .breadcrumb-wrapper .breadcrumb-go-back a { color: var(--apex-breadcrumb-color, var(--apex-muted)); display: flex; align-items: center; text-wrap: nowrap; text-decoration: none; text-transform: uppercase; font-size: var(--apex-breadcrumb-font-size, 0.8125rem); transition: color 0.15s ease; } .breadcrumb-wrapper .breadcrumb-go-back a:hover { color: var(--apex-breadcrumb-hover-color, var(--apex-primary)); } .apex--elements--card-component .card.apex-card, .apex--elements--card-component .apex-card.styled-list { --apex-card-bg: var(--apex-background); --apex-card-color: var(--apex-text); --apex-card-border-color: var(--apex-border); --apex-card-border-radius: 4px; --apex-card-header-bg: var(--apex-background-subtle); --apex-card-header-border-color: var(--apex-border-subtle); border-radius: var(--apex-card-border-radius); overflow: hidden; transition: all 0.15s ease-in-out; position: relative; box-shadow: 0 1px 2px color-mix(in srgb, var(--apex-card-border-color) 30%, transparent); border: 1px solid var(--apex-card-border-color); background-color: var(--apex-card-bg); color: var(--apex-card-color); display: flex; flex-direction: column; } html[data-bs-theme=light] .apex--elements--card-component .card.apex-card:hover, html[data-bs-theme=light] .apex--elements--card-component .apex-card.styled-list:hover { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.05), 0 5px 10px -2px rgba(0, 0, 0, 0.05); } html[data-bs-theme=dark] .apex--elements--card-component .card.apex-card:hover, html[data-bs-theme=dark] .apex--elements--card-component .apex-card.styled-list:hover { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2), 0 5px 10px -2px rgba(0, 0, 0, 0.2); } html.dark .apex--elements--card-component .card.apex-card:hover, html.dark .apex--elements--card-component .apex-card.styled-list:hover { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2), 0 5px 10px -2px rgba(0, 0, 0, 0.2); } .apex--elements--card-component .card.apex-card .card-header, .apex--elements--card-component .apex-card.styled-list .card-header { padding: 0 1rem; border-top-right-radius: 3px; border-top-left-radius: 3px; } .apex--elements--card-component .card.apex-card .card-header .card-title, .apex--elements--card-component .apex-card.styled-list .card-header .card-title { font-weight: 500; margin-bottom: 0; font-size: 0.95rem; letter-spacing: -0.01em; padding: 0.75rem 0; } .apex--elements--card-component .card.apex-card .card-header .card-title .card-title-icon, .apex--elements--card-component .apex-card.styled-list .card-header .card-title .card-title-icon { font-weight: 400; font-size: 0.9rem; } .apex--elements--card-component .card.apex-card .card-header .card-title .card-collapse-chevron, .apex--elements--card-component .apex-card.styled-list .card-header .card-title .card-collapse-chevron { font-size: 0.75rem; transition: transform 0.2s ease; cursor: pointer; } .apex--elements--card-component .card.apex-card .card-header .btn, .apex--elements--card-component .apex-card.styled-list .card-header .btn { --bs-btn-padding-y: var(--bs-btn-padding-y-sm, 0.25rem); --bs-btn-padding-x: var(--bs-btn-padding-x-sm, 0.5rem); --bs-btn-font-size: var(--bs-btn-font-size-sm, 0.875rem); --bs-btn-border-radius: var(--bs-btn-border-radius-sm, 0.25rem); line-height: var(--bs-btn-line-height-sm, 1.5); } .apex--elements--card-component .card.apex-card .card-header .card-options, .apex--elements--card-component .apex-card.styled-list .card-header .card-options { display: flex; align-items: center; gap: 0.5rem; } .apex--elements--card-component .card.apex-card .card-header .card-options .btn.btn-sm, .apex--elements--card-component .apex-card.styled-list .card-header .card-options .btn.btn-sm, .apex--elements--card-component .card.apex-card .card-header .card-options .btn-group-sm > .btn, .apex--elements--card-component .apex-card.styled-list .card-header .card-options .btn-group-sm > .btn { transition: top 0s; font-size: 0.75rem; } .apex--elements--card-component .card.apex-card .card-header .card-options .btn.btn-colored, .apex--elements--card-component .apex-card.styled-list .card-header .card-options .btn.btn-colored { opacity: 0.75; font-weight: 400; opacity: 0.85; } .apex--elements--card-component .card.apex-card .card-header .card-options .btn.btn-colored a, .apex--elements--card-component .apex-card.styled-list .card-header .card-options .btn.btn-colored a, .apex--elements--card-component .card.apex-card .card-header .card-options .btn.btn-colored:hover, .apex--elements--card-component .apex-card.styled-list .card-header .card-options .btn.btn-colored:hover { opacity: 1; color: inherit !important; } .apex--elements--card-component .card.apex-card .card-header .badge, .apex--elements--card-component .apex-card.styled-list .card-header .badge { font-size: 0.75rem; padding: 0.25rem 0.5rem; font-weight: 400; opacity: 0.9; line-height: 1.5; } .card-header ~ .apex--elements--card-component .card.apex-card .card-body, .card-header ~ .apex--elements--card-component .card.apex-card .styled-list, .card-header ~ .apex--elements--card-component .apex-card.styled-list .card-body, .card-header ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .card-header ~ .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body, .card-header ~ .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body, .jumbotron .card-header ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .card-header ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body, .card-body ~ .apex--elements--card-component .card.apex-card .card-body, .styled-list ~ .apex--elements--card-component .card.apex-card .card-body, .card-body ~ .apex--elements--card-component .card.apex-card .styled-list, .styled-list ~ .apex--elements--card-component .card.apex-card .styled-list, .card-body ~ .apex--elements--card-component .apex-card.styled-list .card-body, .styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-body, .card-body ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .styled-list ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-body, .jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .styled-list, .jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-body, .jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .card-body ~ .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body, .styled-list ~ .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body, .card-body ~ .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body, .styled-list ~ .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body, .jumbotron .card-body ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .styled-list ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .card-body ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body, .jumbotron .styled-list ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body, .jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body, .card-insert ~ .apex--elements--card-component .card.apex-card .card-body, .card-insert ~ .apex--elements--card-component .card.apex-card .styled-list, .card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-body, .card-insert ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .card-insert ~ .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body, .card-insert ~ .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body, .jumbotron .card-insert ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .card-insert ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body, .card-pager ~ .apex--elements--card-component .card.apex-card .card-body, .card-pager ~ .apex--elements--card-component .card.apex-card .styled-list, .card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-body, .card-pager ~ .apex--elements--card-component .apex-card.styled-list .styled-list, .card-pager ~ .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body, .card-pager ~ .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body, .jumbotron .card-pager ~ .apex--elements--card-component .card.apex-card .jumbotron-body, .jumbotron .card-pager ~ .apex--elements--card-component .apex-card.styled-list .jumbotron-body { padding-top: 0; } .apex--elements--card-component .card.apex-card .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .card.apex-card .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .apex-card.styled-list .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .jumbotron .jumbotron-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .jumbotron .jumbotron-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .card.apex-card .jumbotron-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .apex-card.styled-list .jumbotron-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .jumbotron .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .card.apex-card .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .jumbotron .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .apex--elements--card-component .apex-card.styled-list .jumbotron .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .card.apex-card .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .card.apex-card .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .card.apex-card .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .apex-card.styled-list .card-body:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .apex-card.styled-list .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert), .jumbotron .apex--elements--card-component .apex-card.styled-list .styled-list:has(~ .card-body, ~ .styled-list, ~ .jumbotron .styled-list, ~ .jumbotron .jumbotron-body, ~ .jumbotron .card-body, ~ .jumbotron .styled-list, ~ .jumbotron .styled-list, ~ .card-pager, ~ .card-insert) { padding-bottom: 0; } .apex--elements--card-component .card.apex-card .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) .pager-toolbar, .apex--elements--card-component .apex-card.styled-list .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) .pager-toolbar, .apex--elements--card-component .card.apex-card .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) .pager-actions, .apex--elements--card-component .apex-card.styled-list .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) .pager-actions { padding-top: 1rem; } .apex--elements--card-component .card.apex-card .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) * > .pager > .pager-content-wrapper:first-child thead tr th, .apex--elements--card-component .apex-card.styled-list .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) * > .pager > .pager-content-wrapper:first-child thead tr th, .apex--elements--card-component .card.apex-card .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) * > .pager > .pager-content-wrapper:first-child thead tr td, .apex--elements--card-component .apex-card.styled-list .card-pager:not(.card-header ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-header ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.styled-list ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.styled-list ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .card.apex-card .card-pager):not(.jumbotron .jumbotron-body ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-insert ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-insert ~ .apex--elements--card-component .apex-card.styled-list .card-pager):not(.card-pager ~ .apex--elements--card-component .card.apex-card .card-pager):not(.card-pager ~ .apex--elements--card-component .apex-card.styled-list .card-pager) * > .pager > .pager-content-wrapper:first-child thead tr td { padding-top: 0.75rem !important; } .apex--elements--card-component .card.apex-card .card-pager * > .pager.pager-stack > .pager-content-wrapper, .apex--elements--card-component .apex-card.styled-list .card-pager * > .pager.pager-stack > .pager-content-wrapper { padding: 0 1rem; } .apex--elements--card-component .card.apex-card .card-pager * > .pager.pager-stack > .pager-content-wrapper:last-child, .apex--elements--card-component .apex-card.styled-list .card-pager * > .pager.pager-stack > .pager-content-wrapper:last-child { padding-bottom: 0.75rem !important; } .apex--elements--card-component .card.apex-card .card-insert, .apex--elements--card-component .apex-card.styled-list .card-insert { padding: 0.75rem 1.25rem; background-color: var(--apex-background-subtle); outline: 1px solid var(--apex-border-subtle); gap: 0.8rem; row-gap: 0.8rem; display: flex; justify-content: space-between; flex-flow: wrap; } .apex--elements--card-component .card.apex-card .card-insert .card-insert-propery-title, .apex--elements--card-component .apex-card.styled-list .card-insert .card-insert-propery-title { font-weight: 600; text-transform: uppercase; font-size: 0.65rem; text-wrap-mode: nowrap; } .apex--elements--card-component .card.apex-card .card-insert .card-insert-propery-value, .apex--elements--card-component .apex-card.styled-list .card-insert .card-insert-propery-value { color: var(--apex-text-contrast); font-weight: 600; text-wrap-mode: nowrap; } .apex--elements--card-component .card.apex-card .card-insert .card-insert-propery-value i, .apex--elements--card-component .apex-card.styled-list .card-insert .card-insert-propery-value i { margin-right: 0.2rem; } .apex--elements--card-component .card.apex-card:not(.apex-card-colored) .card-header, .apex--elements--card-component .apex-card.styled-list:not(.apex-card-colored) .card-header { background-color: var(--apex-card-header-bg); border-bottom: 1px solid var(--apex-card-header-border-color); color: var(--apex-card-color); } .apex--elements--card-component .card.apex-card:not(.apex-card-colored) .card-header .badge, .apex--elements--card-component .apex-card.styled-list:not(.apex-card-colored) .card-header .badge { color: var(--apex-text); } .apex--elements--card-component .card.apex-card:not(.apex-card-colored) .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.styled-list:not(.apex-card-colored) .card-header .btn.btn-colored { border-color: var(--apex-border); } .apex--elements--card-component .card.apex-card:not(.apex-card-colored) .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.styled-list:not(.apex-card-colored) .card-header .btn.btn-colored:hover { background: var(--apex-overlay); border-color: var(--apex-border-contrast); color: var(--apex-text); } .apex--elements--card-component .card.apex-card.apex-card-colored .card-header, .apex--elements--card-component .apex-card.apex-card-colored.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-primary) 12%, transparent) 0%, color-mix(in srgb, var(--apex-primary-contrast) 12%, transparent) 100%); color: var(--apex-primary); letter-spacing: -0.01em; } .apex--elements--card-component .card.apex-card.apex-card-colored .card-header .badge, .apex--elements--card-component .apex-card.apex-card-colored.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-primary) 15%, transparent); color: var(--apex-primary); } .apex--elements--card-component .card.apex-card.apex-card-colored .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-colored.styled-list .card-header .btn.btn-colored { color: var(--apex-primary); border-color: color-mix(in srgb, var(--apex-primary) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-colored .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-colored.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-primary) 10%, transparent); border-color: var(--apex-primary); color: var(--apex-primary); } .apex--elements--card-component .card.apex-card.apex-card-primary .card-header, .apex--elements--card-component .apex-card.apex-card-primary.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-primary) 12%, transparent) 0%, color-mix(in srgb, var(--apex-primary-contrast) 12%, transparent) 100%); color: var(--apex-primary); } .apex--elements--card-component .card.apex-card.apex-card-primary .card-header .badge, .apex--elements--card-component .apex-card.apex-card-primary.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-primary) 15%, transparent); color: var(--apex-primary); } .apex--elements--card-component .card.apex-card.apex-card-primary .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-primary.styled-list .card-header .btn.btn-colored { color: var(--apex-primary); border-color: color-mix(in srgb, var(--apex-primary) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-primary .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-primary.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-primary) 10%, transparent); border-color: var(--apex-primary); } .apex--elements--card-component .card.apex-card.apex-card-secondary .card-header, .apex--elements--card-component .apex-card.apex-card-secondary.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-secondary) 12%, transparent) 0%, color-mix(in srgb, var(--apex-secondary-contrast) 12%, transparent) 100%); color: var(--apex-secondary); } .apex--elements--card-component .card.apex-card.apex-card-secondary .card-header .badge, .apex--elements--card-component .apex-card.apex-card-secondary.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-secondary) 15%, transparent); color: var(--apex-secondary); } .apex--elements--card-component .card.apex-card.apex-card-secondary .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-secondary.styled-list .card-header .btn.btn-colored { color: var(--apex-secondary); border-color: color-mix(in srgb, var(--apex-secondary) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-secondary .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-secondary.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-secondary) 10%, transparent); border-color: var(--apex-secondary); } .apex--elements--card-component .card.apex-card.apex-card-success .card-header, .apex--elements--card-component .apex-card.apex-card-success.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-success) 12%, transparent) 0%, color-mix(in srgb, var(--apex-success-contrast) 12%, transparent) 100%); color: var(--apex-success); } .apex--elements--card-component .card.apex-card.apex-card-success .card-header .badge, .apex--elements--card-component .apex-card.apex-card-success.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-success) 15%, transparent); color: var(--apex-success); } .apex--elements--card-component .card.apex-card.apex-card-success .card-header .btn, .apex--elements--card-component .apex-card.apex-card-success.styled-list .card-header .btn { color: var(--apex-success); border-color: color-mix(in srgb, var(--apex-success) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-success .card-header .btn:hover, .apex--elements--card-component .apex-card.apex-card-success.styled-list .card-header .btn:hover { background: color-mix(in srgb, var(--apex-success) 10%, transparent); border-color: var(--apex-success); } .apex--elements--card-component .card.apex-card.apex-card-danger .card-header, .apex--elements--card-component .apex-card.apex-card-danger.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-danger) 12%, transparent) 0%, color-mix(in srgb, var(--apex-danger-contrast) 12%, transparent) 100%); color: var(--apex-danger); } .apex--elements--card-component .card.apex-card.apex-card-danger .card-header .badge, .apex--elements--card-component .apex-card.apex-card-danger.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-danger) 15%, transparent); color: var(--apex-danger); } .apex--elements--card-component .card.apex-card.apex-card-danger .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-danger.styled-list .card-header .btn.btn-colored { color: var(--apex-danger); border-color: color-mix(in srgb, var(--apex-danger) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-danger .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-danger.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-danger) 10%, transparent); border-color: var(--apex-danger); } .apex--elements--card-component .card.apex-card.apex-card-warning .card-header, .apex--elements--card-component .apex-card.apex-card-warning.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-warning) 12%, transparent) 0%, color-mix(in srgb, var(--apex-warning-contrast) 12%, transparent) 100%); color: var(--apex-warning); } .apex--elements--card-component .card.apex-card.apex-card-warning .card-header .badge, .apex--elements--card-component .apex-card.apex-card-warning.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-warning) 15%, transparent); color: var(--apex-warning); } .apex--elements--card-component .card.apex-card.apex-card-warning .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-warning.styled-list .card-header .btn.btn-colored { color: var(--apex-warning); border-color: color-mix(in srgb, var(--apex-warning) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-warning .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-warning.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-warning) 10%, transparent); border-color: var(--apex-warning); } .apex--elements--card-component .card.apex-card.apex-card-info .card-header, .apex--elements--card-component .apex-card.apex-card-info.styled-list .card-header { background: linear-gradient(135deg, color-mix(in srgb, var(--apex-info) 12%, transparent) 0%, color-mix(in srgb, var(--apex-info-contrast) 12%, transparent) 100%); color: var(--apex-info); } .apex--elements--card-component .card.apex-card.apex-card-info .card-header .badge, .apex--elements--card-component .apex-card.apex-card-info.styled-list .card-header .badge { background: color-mix(in srgb, var(--apex-info) 15%, transparent); color: var(--apex-info); } .apex--elements--card-component .card.apex-card.apex-card-info .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-info.styled-list .card-header .btn.btn-colored { color: var(--apex-info); border-color: color-mix(in srgb, var(--apex-info) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-info .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-info.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--apex-info) 10%, transparent); border-color: var(--apex-info); } .apex--elements--card-component .card.apex-card.apex-card-yellow .card-header, .apex--elements--card-component .apex-card.apex-card-yellow.styled-list .card-header { --card-color: oklch(79.5% 0.184 86.047); --card-color-contrast: oklch(68.1% 0.162 75.834); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-yellow .card-header .badge, .apex--elements--card-component .apex-card.apex-card-yellow.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-yellow .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-yellow.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-yellow .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-yellow.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-red .card-header, .apex--elements--card-component .apex-card.apex-card-red.styled-list .card-header { --card-color: oklch(57.7% 0.245 27.325); --card-color-contrast: oklch(50.5% 0.213 27.518); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-red .card-header .badge, .apex--elements--card-component .apex-card.apex-card-red.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-red .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-red.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-red .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-red.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-orange .card-header, .apex--elements--card-component .apex-card.apex-card-orange.styled-list .card-header { --card-color: oklch(64.6% 0.222 41.116); --card-color-contrast: oklch(55.3% 0.195 38.402); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-orange .card-header .badge, .apex--elements--card-component .apex-card.apex-card-orange.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-orange .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-orange.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-orange .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-orange.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-blue .card-header, .apex--elements--card-component .apex-card.apex-card-blue.styled-list .card-header { --card-color: oklch(54.6% 0.245 262.881); --card-color-contrast: oklch(48.8% 0.243 264.376); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-blue .card-header .badge, .apex--elements--card-component .apex-card.apex-card-blue.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-blue .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-blue.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-blue .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-blue.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-green .card-header, .apex--elements--card-component .apex-card.apex-card-green.styled-list .card-header { --card-color: oklch(62.7% 0.194 149.214); --card-color-contrast: oklch(52.7% 0.154 150.069); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-green .card-header .badge, .apex--elements--card-component .apex-card.apex-card-green.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-green .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-green.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-green .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-green.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-purple .card-header, .apex--elements--card-component .apex-card.apex-card-purple.styled-list .card-header { --card-color: oklch(55.8% 0.288 302.321); --card-color-contrast: oklch(49.6% 0.265 301.924); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-purple .card-header .badge, .apex--elements--card-component .apex-card.apex-card-purple.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-purple .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-purple.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-purple .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-purple.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-pink .card-header, .apex--elements--card-component .apex-card.apex-card-pink.styled-list .card-header { --card-color: oklch(65.6% 0.241 354.308); --card-color-contrast: oklch(59.2% 0.249 0.584); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-pink .card-header .badge, .apex--elements--card-component .apex-card.apex-card-pink.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-pink .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-pink.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-pink .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-pink.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-teal .card-header, .apex--elements--card-component .apex-card.apex-card-teal.styled-list .card-header { --card-color: oklch(60% 0.118 184.704); --card-color-contrast: oklch(51.1% 0.096 186.391); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-teal .card-header .badge, .apex--elements--card-component .apex-card.apex-card-teal.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-teal .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-teal.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-teal .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-teal.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-cyan .card-header, .apex--elements--card-component .apex-card.apex-card-cyan.styled-list .card-header { --card-color: oklch(60.9% 0.126 221.723); --card-color-contrast: oklch(52% 0.105 223.128); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-cyan .card-header .badge, .apex--elements--card-component .apex-card.apex-card-cyan.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-cyan .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-cyan.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-cyan .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-cyan.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-indigo .card-header, .apex--elements--card-component .apex-card.apex-card-indigo.styled-list .card-header { --card-color: oklch(51.1% 0.262 276.966); --card-color-contrast: oklch(45.7% 0.24 277.023); background: linear-gradient(135deg, color-mix(in srgb, var(--card-color) 12%, transparent) 0%, color-mix(in srgb, var(--card-color-contrast) 12%, transparent) 100%); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-indigo .card-header .badge, .apex--elements--card-component .apex-card.apex-card-indigo.styled-list .card-header .badge { background: color-mix(in srgb, var(--card-color) 15%, transparent); color: var(--card-color); } .apex--elements--card-component .card.apex-card.apex-card-indigo .card-header .btn.btn-colored, .apex--elements--card-component .apex-card.apex-card-indigo.styled-list .card-header .btn.btn-colored { color: var(--card-color); border-color: color-mix(in srgb, var(--card-color) 30%, transparent); } .apex--elements--card-component .card.apex-card.apex-card-indigo .card-header .btn.btn-colored:hover, .apex--elements--card-component .apex-card.apex-card-indigo.styled-list .card-header .btn.btn-colored:hover { background: color-mix(in srgb, var(--card-color) 10%, transparent); border-color: var(--card-color); } .apex-deferred-skeleton { display: flex; flex-direction: column; gap: 0.65rem; } .card-pager .apex-deferred-skeleton { padding: 0.8rem; } .apex-skeleton-line { height: 0.7rem; border-radius: 0.25rem; background: var(--apex-border); animation: apex-skeleton-pulse 1.2s ease-in-out infinite; } .apex-skeleton-line.apex-skeleton-line-sm { width: 40%; } .apex-skeleton-line.apex-skeleton-line-lg { width: 75%; } @keyframes apex-skeleton-pulse { 0%, 100% { opacity: 0.7; } 50% { opacity: 0.15; } } /* ********************************************************************************************** *\ ** Card Grid Component ** \* ********************************************************************************************** */ .apex-card-grid { display: flex; flex-wrap: wrap; } .apex-card-grid > .apex-card-grid__item { flex: 0 0 100%; min-width: 0; } .apex-card-grid > .apex-card-grid__item > *, .apex-card-grid > .apex-card-grid__item > component, .apex-card-grid > .apex-card-grid__item > component > * { height: 100%; } .apex-card-grid--gap-0 { gap: 0; } .apex-card-grid--gap-1 { gap: 0.25rem; } .apex-card-grid--gap-2 { gap: 0.5rem; } .apex-card-grid--gap-3 { gap: 1rem; } .apex-card-grid--gap-4 { gap: 1.5rem; } .apex-card-grid--gap-5 { gap: 3rem; } @media (min-width: 768px) { .apex-card-grid--md-1 > .apex-card-grid__item { flex: 0 0 100%; } .apex-card-grid--md-2 > .apex-card-grid__item { flex: 1 1 40%; } .apex-card-grid--md-3 > .apex-card-grid__item { flex: 1 1 28%; } .apex-card-grid--md-4 > .apex-card-grid__item { flex: 1 1 20%; } } @media (min-width: 992px) { .apex-card-grid--lg-1 > .apex-card-grid__item { flex: 0 0 100%; } .apex-card-grid--lg-2 > .apex-card-grid__item { flex: 1 1 40%; } .apex-card-grid--lg-3 > .apex-card-grid__item { flex: 1 1 28%; } .apex-card-grid--lg-4 > .apex-card-grid__item { flex: 1 1 20%; } } @media (min-width: 1200px) { .apex-card-grid--xl-1 > .apex-card-grid__item { flex: 0 0 100%; } .apex-card-grid--xl-2 > .apex-card-grid__item { flex: 1 1 40%; } .apex-card-grid--xl-3 > .apex-card-grid__item { flex: 1 1 28%; } .apex-card-grid--xl-4 > .apex-card-grid__item { flex: 1 1 20%; } } .apex-choice-card { --choice-card-bg: var(--apex-background); --choice-card-border: var(--apex-border); --choice-card-title-color: var(--apex-text); --choice-card-desc-color: var(--apex-text-subtle); --choice-card-shadow: 0 1px 3px color-mix(in srgb, var(--apex-border) 30%, transparent); --choice-card-hover-shadow: 0 8px 25px color-mix(in srgb, var(--apex-border) 40%, transparent); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 1.2rem; border-radius: 4px; border: 2px solid var(--choice-card-border); background-color: var(--choice-card-bg); text-decoration: none; color: inherit; position: relative; transition: all 0.2s ease; cursor: pointer; text-align: center; min-height: 160px; } .apex-choice-card:hover { border-color: var(--apex-primary); box-shadow: var(--choice-card-hover-shadow); transform: translateY(-2px); text-decoration: none; color: inherit; } .apex-choice-card:focus { outline: none; border-color: var(--apex-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--apex-primary) 25%, transparent); } .apex-choice-card.apex-choice-card-disabled { cursor: not-allowed; opacity: 0.6; } .apex-choice-card.apex-choice-card-disabled:hover { border-color: var(--choice-card-border); box-shadow: none; transform: none; } .apex-choice-card .apex-choice-card-badge { position: absolute; top: 0.4rem; right: 0.4rem; } .apex-choice-card .apex-choice-card-badge .apex-choice-card-badge-label { font-size: 0.7rem; font-weight: 500; padding: 0.2rem 0.5rem; border-radius: 4px; } .apex-choice-card .apex-choice-card-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 12px; background: linear-gradient(135deg, var(--apex-primary) 0%, color-mix(in srgb, var(--apex-primary) 80%, #000) 100%); color: var(--apex-background); font-size: 1.5rem; margin-bottom: 0.8rem; } .apex-choice-card .apex-choice-card-content { flex: 1; display: flex; flex-direction: column; justify-content: center; } .apex-choice-card .apex-choice-card-title { font-weight: 600; font-size: 1rem; color: var(--choice-card-title-color); margin-bottom: 0.2rem; line-height: 1.3; } .apex-choice-card .apex-choice-card-description { font-size: 0.85rem; color: var(--choice-card-desc-color); line-height: 1.4; } .apex-choice-card.apex-choice-card-primary:hover { border-color: var(--apex-primary); } .apex-choice-card.apex-choice-card-primary .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-primary) 0%, color-mix(in srgb, var(--apex-primary) 80%, #000) 100%); } .apex-choice-card.apex-choice-card-secondary:hover { border-color: var(--apex-secondary); } .apex-choice-card.apex-choice-card-secondary .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-secondary) 0%, color-mix(in srgb, var(--apex-secondary) 80%, #000) 100%); } .apex-choice-card.apex-choice-card-success:hover { border-color: var(--apex-success); } .apex-choice-card.apex-choice-card-success .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-success) 0%, color-mix(in srgb, var(--apex-success) 80%, #000) 100%); } .apex-choice-card.apex-choice-card-danger:hover { border-color: var(--apex-danger); } .apex-choice-card.apex-choice-card-danger .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-danger) 0%, color-mix(in srgb, var(--apex-danger) 80%, #000) 100%); } .apex-choice-card.apex-choice-card-warning:hover { border-color: var(--apex-warning); } .apex-choice-card.apex-choice-card-warning .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-warning) 0%, color-mix(in srgb, var(--apex-warning) 80%, #000) 100%); } .apex-choice-card.apex-choice-card-info:hover { border-color: var(--apex-info); } .apex-choice-card.apex-choice-card-info .apex-choice-card-icon { background: linear-gradient(135deg, var(--apex-info) 0%, color-mix(in srgb, var(--apex-info) 80%, #000) 100%); } .apex-modal { --apex-modal-bg: var(--apex-background); --apex-modal-border: var(--apex-border); --apex-modal-title-color: var(--apex-text); --apex-modal-desc-color: var(--apex-text-subtle); --apex-modal-shadow: 0 25px 50px -12px color-mix(in srgb, black 25%, transparent); } .apex-modal .modal-content { border-radius: 4px; border: none; background-color: var(--apex-modal-bg); box-shadow: var(--apex-modal-shadow); } .apex-modal .modal-header { padding: 1.2rem; border-bottom: 1px solid var(--apex-modal-border); display: flex; align-items: flex-start; justify-content: space-between; } .apex-modal .modal-header .modal-header-content { flex: 1; } .apex-modal .modal-header .modal-title { font-weight: 600; font-size: 1.25rem; color: var(--apex-modal-title-color); margin-bottom: 0; } .apex-modal .modal-header .modal-description { font-size: 0.9rem; margin-top: 0.2rem; color: var(--apex-modal-desc-color); } .apex-modal .modal-header .btn-close { margin-top: 0; margin-right: 0; } .apex-modal .modal-body { padding: 1.2rem; } .apex-modal .modal-footer { padding: 0.8rem 1.2rem; border-top: 1px solid var(--apex-modal-border); } .apex-modal-trigger { display: inline-block; cursor: pointer; } .apex-choice-modal-grid { display: flex; gap: 0.8rem; align-items: stretch; } .apex-choice-modal-grid > * { flex: 1 1 0; min-width: 0; } .apex-choice-modal-grid.apex-choice-modal-grid-1 { flex-direction: column; } .apex-choice-modal-grid.apex-choice-modal-grid-1 > * { flex: none; } .apex-choice-modal-grid.apex-choice-modal-grid-2 { flex-direction: row; } @media (max-width: 576px) { .apex-choice-modal-grid.apex-choice-modal-grid-2 { flex-direction: column; } .apex-choice-modal-grid.apex-choice-modal-grid-2 > * { flex: none; } } .apex-choice-modal-grid.apex-choice-modal-grid-3 { flex-direction: row; } @media (max-width: 768px) { .apex-choice-modal-grid.apex-choice-modal-grid-3 { flex-wrap: wrap; } .apex-choice-modal-grid.apex-choice-modal-grid-3 > * { flex: 1 1 calc(50% - 0.8rem); } } @media (max-width: 576px) { .apex-choice-modal-grid.apex-choice-modal-grid-3 { flex-direction: column; } .apex-choice-modal-grid.apex-choice-modal-grid-3 > * { flex: none; } } .data-presenter .collapsed-toggler { text-align: center; padding-top: 0.2rem; } .data-presenter .collapsed-toggler .collapsed-block-toggle { line-height: 1rem; padding: 0.25rem 0.5rem; border-radius: 4px; cursor: pointer; font-weight: 500; font-size: 0.8rem; box-shadow: none; } .data-presenter .collapsed-toggler .collapsed-block-toggle.collapsed .text-collapsed { display: inline-block; } .data-presenter .collapsed-toggler .collapsed-block-toggle.collapsed .text-uncollapsed { display: none; } .data-presenter .collapsed-toggler .collapsed-block-toggle:not(.collapsed) .text-collapsed { display: none; } .data-presenter .collapsed-toggler .collapsed-block-toggle:not(.collapsed) .text-uncollapsed { display: inline-block; } .data-presenter table { width: 100%; } @media (max-width: 575.98px) { .data-presenter table tbody tr { display: table; width: 100%; } .data-presenter table tbody td { display: table-row; } .data-presenter table tbody td.presenter-data { display: table-caption; } } .data-presenter table tbody tr td, .data-presenter table tbody tr th { padding: 0.5rem 0; vertical-align: middle; text-align: left; } .data-presenter table tbody tr td.presenter-label, .data-presenter table tbody tr th.presenter-label { font-weight: 400; color: var(--apex-muted); width: 10rem; } @media (min-width: 768px) { .data-presenter table tbody tr td.presenter-label, .data-presenter table tbody tr th.presenter-label { white-space: nowrap; } } .data-presenter table tbody tr td.presenter-data, .data-presenter table tbody tr th.presenter-data { min-width: 70%; } .data-presenter table tbody tr td:not(:first-child), .data-presenter table tbody tr th:not(:first-child) { padding-left: 0.75rem; } @media (max-width: 575.98px) { .data-presenter table tbody tr:not(:last-child) td, .data-presenter table tbody tr:not(:last-child) th { border-bottom: 0; } } .data-presenter table tbody:first-child tr:first-child td, .data-presenter table tbody:first-child tr:first-child th { padding-top: 0; } @media (max-width: 575.98px) { .data-presenter table tbody:not(:first-child) tr:first-child td, .data-presenter table tbody:not(:first-child) tr:first-child th { border-top: 0; } } .data-presenter table tbody:not(:first-child) tr:last-child td, .data-presenter table tbody:not(:first-child) tr:last-child th { padding-bottom: 0; } .apex--elements--grid-component .row > [class*=col] > * { height: 100%; } .apex--elements--grid-component .row > [class*=col] > * > component { height: 100%; } /* ********************************************************************************************** *\ ** Smart pager component ** \* ********************************************************************************************** */ .apex--elements--pager-component { --apex-pager-bg: var(--apex-background); --apex-pager-color: var(--apex-text); --apex-pager-border-color: var(--apex-border); --apex-pager-header-color: var(--apex-muted); --apex-pager-hover-bg: var(--apex-background-subtle); --apex-pager-active-bg: var(--apex-primary); --apex-pager-active-text: var(--apex-background); display: flex; flex-direction: column; gap: 0.8rem; /* -------------------------------------------------------------------------------------------- *\ | Wrapper \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Search \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Tabs \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Toolbar \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Active Filters Display \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Results \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Stats \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | Pagination \* -------------------------------------------------------------------------------------------- */ /* ============================================================================================ *\ || ============================================================================================ || || PAGER CONTENT STYLES || || ============================================================================================ || \* ============================================================================================ */ /* -------------------------------------------------------------------------------------------- *\ | Orderable (Drag-and-Drop) \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | GRID (Plain) \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | TABLE and STACK \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | TABLE (classic) \* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- *\ | STACK (card-stack style) \* -------------------------------------------------------------------------------------------- */ } .apex--elements--pager-component .pager-content-wrapper { overflow-x: scroll; } .apex--elements--pager-component .pager-content-wrapper::-webkit-scrollbar { display: none; } .apex--elements--pager-component .pager-actions { padding: 0 1rem; } .apex--elements--pager-component .pager-tabs { display: flex; gap: 0.25rem; padding: 0 1rem; border-bottom: 1px solid var(--apex-border); overflow-x: auto; scrollbar-width: none; } .apex--elements--pager-component .pager-tabs::-webkit-scrollbar { display: none; } .apex--elements--pager-component .pager-tabs .pager-tab { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 500; color: var(--apex-muted); text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: all 0.15s ease; } .apex--elements--pager-component .pager-tabs .pager-tab:hover { color: var(--apex-text); background: var(--apex-overlay); } .apex--elements--pager-component .pager-tabs .pager-tab.pager-tab-active { color: var(--apex-primary); border-bottom-color: var(--apex-primary); } .apex--elements--pager-component .pager-tabs .pager-tab.pager-tab-active .pager-tab-count { background: color-mix(in srgb, var(--apex-primary) 15%, transparent); color: var(--apex-primary); } .apex--elements--pager-component .pager-tabs .pager-tab .pager-tab-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1.25rem; padding: 0 0.375rem; font-size: 0.6875rem; font-weight: 600; background: var(--apex-background-subtle); color: var(--apex-muted); border-radius: 10rem; transition: all 0.15s ease; } .apex--elements--pager-component .pager-toolbar { padding: 0 1rem; } .apex--elements--pager-component .pager-toolbar .pager-filter { display: flex; } .apex--elements--pager-component .pager-toolbar .pager-filter .dropdown button.btn { border: 1px solid var(--apex-border); display: flex; align-items: center; white-space: nowrap; } html[data-bs-theme=dark] .apex--elements--pager-component .pager-toolbar .pager-filter .dropdown .dropdown-menu { --bs-dropdown-bg: var(--apex-overlay); --bs-dropdown-color: var(--apex-text); --bs-dropdown-border-color: var(--apex-border); --bs-dropdown-link-color: var(--apex-text); --bs-dropdown-link-hover-bg: var(--apex-overlay-subtle); --bs-dropdown-link-hover-color: var(--apex-text); } html.dark .apex--elements--pager-component .pager-toolbar .pager-filter .dropdown .dropdown-menu { --bs-dropdown-bg: var(--apex-overlay); --bs-dropdown-color: var(--apex-text); --bs-dropdown-border-color: var(--apex-border); --bs-dropdown-link-color: var(--apex-text); --bs-dropdown-link-hover-bg: var(--apex-overlay-subtle); --bs-dropdown-link-hover-color: var(--apex-text); } .apex--elements--pager-component .pager-toolbar .pager-selector { display: flex; } .apex--elements--pager-component .pager-toolbar .pager-selector .dropdown button.btn { border: 1px solid var(--apex-border); display: flex; align-items: center; white-space: nowrap; } .apex--elements--pager-component .pager-toolbar .pager-selector-trigger { gap: 0.25rem; } .apex--elements--pager-component .pager-toolbar .pager-selector-menu { min-width: 240px; } html[data-bs-theme=dark] .apex--elements--pager-component .pager-toolbar .pager-selector-menu { --bs-dropdown-bg: var(--apex-overlay); --bs-dropdown-color: var(--apex-text); --bs-dropdown-border-color: var(--apex-border); } html.dark .apex--elements--pager-component .pager-toolbar .pager-selector-menu { --bs-dropdown-bg: var(--apex-overlay); --bs-dropdown-color: var(--apex-text); --bs-dropdown-border-color: var(--apex-border); } .apex--elements--pager-component .pager-toolbar .pager-selector-search .form-control { font-size: 0.8125rem; } .apex--elements--pager-component .pager-toolbar .pager-selector-options { display: flex; flex-wrap: wrap; gap: 0.2rem; max-height: 200px; overflow-y: auto; } .apex--elements--pager-component .pager-toolbar .pager-selector-chip { display: inline-flex; align-items: center; padding: 0.2rem 0.55rem; font-size: 0.8rem; font-weight: 500; border-radius: 1rem; border: 1px solid var(--apex-border); color: var(--apex-text); background: transparent; white-space: nowrap; text-decoration: none; transition: all 0.12s ease; } .apex--elements--pager-component .pager-toolbar .pager-selector-chip:hover { background: var(--apex-background-subtle); border-color: var(--apex-primary); color: var(--apex-primary); } .apex--elements--pager-component .pager-toolbar .pager-selector-chip-active { background: color-mix(in srgb, var(--apex-primary) 15%, transparent); border-color: var(--apex-primary); color: var(--apex-primary); font-weight: 600; } .apex--elements--pager-component .pager-toolbar .pager-selector-chip-active:hover { background: color-mix(in srgb, var(--apex-primary) 22%, transparent); border-color: var(--apex-primary); color: var(--apex-primary); } .apex--elements--pager-component .pager-active-filters { padding-top: 0.4rem; margin-bottom: -0.4rem; animation: slideDown 0.2s ease-out; } @keyframes slideDown { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .apex--elements--pager-component .pager-active-filters .filter-chip { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.275rem 0.35rem; font-size: 0.8125rem; font-weight: 500; border-radius: 0.5rem; border: 1px solid; transition: all 0.15s ease; position: relative; } .apex--elements--pager-component .pager-active-filters .filter-chip i { font-size: 0.7rem; } .apex--elements--pager-component .pager-active-filters .filter-chip .filter-chip-remove { display: flex; align-items: center; justify-content: center; padding: 0.125rem; transition: opacity 0.15s ease; color: inherit; text-decoration: none; border: none; background: transparent; border-radius: 0.25rem; cursor: pointer; background: color-mix(in srgb, currentColor 15%, transparent); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-search { background: color-mix(in srgb, var(--apex-info) 10%, transparent); border-color: color-mix(in srgb, var(--apex-info) 30%, transparent); color: var(--apex-info); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-search:hover { background: color-mix(in srgb, var(--apex-info) 15%, transparent); border-color: color-mix(in srgb, var(--apex-info) 40%, transparent); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-included { background: color-mix(in srgb, var(--apex-primary) 10%, transparent); border-color: color-mix(in srgb, var(--apex-primary) 30%, transparent); color: var(--apex-primary); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-included:hover { background: color-mix(in srgb, var(--apex-primary) 15%, transparent); border-color: color-mix(in srgb, var(--apex-primary) 40%, transparent); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-excluded { background: color-mix(in srgb, var(--apex-danger) 10%, transparent); border-color: color-mix(in srgb, var(--apex-danger) 30%, transparent); color: var(--apex-danger); } .apex--elements--pager-component .pager-active-filters .filter-chip.filter-chip-excluded:hover { background: color-mix(in srgb, var(--apex-danger) 15%, transparent); border-color: color-mix(in srgb, var(--apex-danger) 40%, transparent); } .apex--elements--pager-component .pager-no-result { padding: 1.2rem; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center; background: var(--apex-background-subtle); border: 1px solid var(--apex-border); border-radius: 0.75rem; } .apex--elements--pager-component .pager-no-result .pager-no-result-icon { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background: var(--apex-background); border-radius: 50%; color: var(--apex-muted); box-shadow: 0 1px 2px var(--apex-border-subtle); } .apex--elements--pager-component .pager-no-result .pager-no-result-text { font-size: 0.9rem; font-weight: 500; color: var(--apex-text); } .apex--elements--pager-component .pager-no-result .pager-no-result-hint { font-size: 0.75rem; color: var(--apex-muted); } .apex--elements--pager-component .pager-no-result .pager-no-result-actions { margin-top: 0.5rem; } .apex--elements--pager-component .pager-no-result .pager-no-result-actions .btn { font-size: 0.75rem; border-radius: 0.375rem; } .apex--elements--pager-component .pager-stats-wrapper { display: flex; justify-content: center; font-weight: 400; } .apex--elements--pager-component .pager-stats-wrapper:last-child { margin-bottom: 1rem; } .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info { display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; color: var(--apex-muted); } .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-separator { color: var(--apex-muted-subtle); } .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-time, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-search, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-filters, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-tab, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-selector { display: inline-flex; align-items: center; } .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-time i, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-search i, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-filters i, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-tab i, .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-selector i { font-size: 0.65rem; } .apex--elements--pager-component .pager-stats-wrapper .pager-stats-info .pager-stats-tab { font-weight: 500; color: var(--apex-text-subtle); } .apex--elements--pager-component .pager-pagination-wrapper:last-child { margin-bottom: 1rem; } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap { justify-content: center; place-content: center; } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination { margin-bottom: 0; gap: 0.25rem; } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item .page-link { border: 1px solid var(--apex-border); border-radius: 0.375rem; color: var(--apex-text); background: var(--apex-background); font-size: 0.875rem; font-weight: 500; transition: all 0.15s ease; } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item .page-link:hover { background: var(--apex-background-subtle); border-color: var(--apex-border-contrast); color: var(--apex-text-contrast); } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item .page-link:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--apex-primary) 20%, transparent); outline: none; } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item.active .page-link { background: var(--apex-primary); border-color: var(--apex-primary); color: var(--apex-pager-active-text, var(--apex-background)); } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item.active .page-link:hover { background: var(--apex-primary-contrast); border-color: var(--apex-primary-contrast); } .apex--elements--pager-component .pager-pagination-wrapper nav.pagy-bootstrap ul.pagination .page-item.disabled .page-link { background: var(--apex-overlay-disabled); border-color: var(--apex-border); color: var(--apex-muted); cursor: not-allowed; } .apex--elements--pager-component .drag-handle-cell { width: 32px; text-align: center; } .apex--elements--pager-component .drag-handle { cursor: grab; color: var(--apex-muted); opacity: 0.5; transition: opacity 0.15s ease; } .apex--elements--pager-component .drag-handle:hover { opacity: 1; } .apex--elements--pager-component .sortable-ghost { opacity: 0.3; } .apex--elements--pager-component .sortable-chosen { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .apex--elements--pager-component.pager-plain .pager-content-wrapper { padding: 0 1rem; padding-top: 2px; } .apex--elements--pager-component.pager-plain .pager-content-wrapper .pager-list-wrapper { display: flex; flex-direction: column; gap: 0.8rem; } .apex--elements--pager-component.pager-table thead tr th, .apex--elements--pager-component.pager-table thead tr td, .apex--elements--pager-component.pager-stack thead tr th, .apex--elements--pager-component.pager-stack thead tr td { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; text-wrap: nowrap; color: var(--apex-muted); background: transparent; border: none; padding: 0 0.5rem; } .apex--elements--pager-component.pager-table tbody tr th, .apex--elements--pager-component.pager-table tbody tr td, .apex--elements--pager-component.pager-table tfoot tr th, .apex--elements--pager-component.pager-table tfoot tr td, .apex--elements--pager-component.pager-stack tbody tr th, .apex--elements--pager-component.pager-stack tbody tr td, .apex--elements--pager-component.pager-stack tfoot tr th, .apex--elements--pager-component.pager-stack tfoot tr td { padding: 0.85rem 0.5rem; } .apex--elements--pager-component.pager-table tr th:first-child, .apex--elements--pager-component.pager-table tr td:first-child, .apex--elements--pager-component.pager-stack tr th:first-child, .apex--elements--pager-component.pager-stack tr td:first-child { padding-left: 1rem !important; } .apex--elements--pager-component.pager-table tr th:last-child, .apex--elements--pager-component.pager-table tr td:last-child, .apex--elements--pager-component.pager-stack tr th:last-child, .apex--elements--pager-component.pager-stack tr td:last-child { padding-right: 1rem !important; } .apex--elements--pager-component.pager-table .pager-content-wrapper:not(:last-child) table.table > :last-child > :last-child, .apex--elements--pager-component.pager-table .pager-content-wrapper:not(:last-child) table.vertical-table > :last-child > :last-child { border-bottom-width: var(--bs-card-border-width); } .apex--elements--pager-component.pager-table .pager-content-wrapper:first-child table.table > :first-child > :first-child > :first-child, .apex--elements--pager-component.pager-table .pager-content-wrapper:first-child table.vertical-table > :first-child > :first-child > :first-child { border-top-left-radius: 4px; } .apex--elements--pager-component.pager-table .pager-content-wrapper:first-child table.table > :first-child > :first-child > :last-child, .apex--elements--pager-component.pager-table .pager-content-wrapper:first-child table.vertical-table > :first-child > :first-child > :last-child { border-top-right-radius: 4px; } .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.table tr:last-child td, .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.vertical-table tr:last-child td, .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.table tr:last-child th, .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.vertical-table tr:last-child th { border-bottom: 0; } .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.table > :last-child > :last-child > :first-child, .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.vertical-table > :last-child > :last-child > :first-child { border-bottom-left-radius: 4px; } .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.table > :last-child > :last-child > :last-child, .apex--elements--pager-component.pager-table .pager-content-wrapper:last-child table.vertical-table > :last-child > :last-child > :last-child { border-bottom-right-radius: 4px; } .apex--elements--pager-component.pager-table table.table, .apex--elements--pager-component.pager-table table.vertical-table { margin-bottom: 0 !important; --bs-table-bg: transparent; --bs-table-color: var(--apex-text); background-color: transparent; } .apex--elements--pager-component.pager-table table.table thead tr th, .apex--elements--pager-component.pager-table table.vertical-table thead tr th, .apex--elements--pager-component.pager-table table.table thead tr td, .apex--elements--pager-component.pager-table table.vertical-table thead tr td { padding-bottom: 0.5rem; background-color: transparent; } .apex--elements--pager-component.pager-table table.table tbody tr th, .apex--elements--pager-component.pager-table table.vertical-table tbody tr th, .apex--elements--pager-component.pager-table table.table tbody tr td, .apex--elements--pager-component.pager-table table.vertical-table tbody tr td { color: var(--apex-text); background-color: var(--apex-background); border-top: 1px solid color-mix(in srgb, var(--apex-border) 50%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--apex-border) 50%, transparent); } .apex--elements--pager-component.pager-table table.table tr, .apex--elements--pager-component.pager-table table.vertical-table tr { vertical-align: middle; } .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled), .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled), .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading { cursor: pointer; } .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) th, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) th, .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) td, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) td, .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading th, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading th, .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading td, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading td { box-shadow: none; background-color: var(--apex-background-subtle); border-top: 1px solid var(--apex-border); border-bottom: 1px solid var(--apex-border); } html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) th, html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) th { background-color: var(--apex-overlay); } html.dark .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) th, html.dark .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) th { background-color: var(--apex-overlay); } html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) td, html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) td { background-color: var(--apex-overlay); } html.dark .apex--elements--pager-component.pager-table table.table tr.entry-clickable:hover:not(.entry-disabled) td, html.dark .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable:hover:not(.entry-disabled) td { background-color: var(--apex-overlay); } html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading th, html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading th { background-color: var(--apex-overlay); } html.dark .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading th, html.dark .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading th { background-color: var(--apex-overlay); } html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading td, html[data-bs-theme=dark] .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading td { background-color: var(--apex-overlay); } html.dark .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-loading td, html.dark .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-loading td { background-color: var(--apex-overlay); } .apex--elements--pager-component.pager-table table.table tr.entry-clickable.entry-disabled, .apex--elements--pager-component.pager-table table.vertical-table tr.entry-clickable.entry-disabled { cursor: not-allowed !important; } .apex--elements--pager-component.pager-table .pager-no-result { margin: 0.5rem; } .apex--elements--pager-component.pager-stack table.table, .apex--elements--pager-component.pager-stack table.vertical-table { margin: 0; border-collapse: separate; border-spacing: 0 0.4rem; } .apex--elements--pager-component.pager-stack table.table tbody tr, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr { position: relative; outline: 1px solid color-mix(in srgb, var(--apex-border) 60%, transparent); outline-offset: -1px; box-shadow: 0 1px 2px color-mix(in srgb, var(--apex-border) 20%, transparent); border-radius: 0.5rem; background: var(--apex-background); transition: all 0.2s ease; } .apex--elements--pager-component.pager-stack table.table tbody tr.entry-clickable, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr.entry-clickable { cursor: pointer; } .apex--elements--pager-component.pager-stack table.table tbody tr.entry-clickable:hover:not(.entry-disabled), .apex--elements--pager-component.pager-stack table.vertical-table tbody tr.entry-clickable:hover:not(.entry-disabled) { top: -1px; outline: 1px solid var(--apex-border); box-shadow: 0 3px 6px color-mix(in srgb, var(--apex-border) 30%, transparent); background: var(--apex-background-subtle); } html[data-bs-theme=dark] .apex--elements--pager-component.pager-stack table.table tbody tr.entry-clickable:hover:not(.entry-disabled), html[data-bs-theme=dark] .apex--elements--pager-component.pager-stack table.vertical-table tbody tr.entry-clickable:hover:not(.entry-disabled) { background: var(--apex-overlay); box-shadow: 0 3px 8px color-mix(in srgb, black 40%, transparent); } html.dark .apex--elements--pager-component.pager-stack table.table tbody tr.entry-clickable:hover:not(.entry-disabled), html.dark .apex--elements--pager-component.pager-stack table.vertical-table tbody tr.entry-clickable:hover:not(.entry-disabled) { background: var(--apex-overlay); box-shadow: 0 3px 8px color-mix(in srgb, black 40%, transparent); } .apex--elements--pager-component.pager-stack table.table tbody tr.entry-clickable.entry-disabled, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr.entry-clickable.entry-disabled { cursor: not-allowed !important; opacity: 0.5; } .apex--elements--pager-component.pager-stack table.table tbody tr td, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr td, .apex--elements--pager-component.pager-stack table.table tbody tr th, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr th { border: none; vertical-align: middle; background: transparent !important; } .apex--elements--pager-component.pager-stack table.table tbody tr td:first-child, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr td:first-child, .apex--elements--pager-component.pager-stack table.table tbody tr th:first-child, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr th:first-child { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .apex--elements--pager-component.pager-stack table.table tbody tr td:last-child, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr td:last-child, .apex--elements--pager-component.pager-stack table.table tbody tr th:last-child, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr th:last-child { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .apex--elements--pager-component.pager-stack table.table .cell-stack, .apex--elements--pager-component.pager-stack table.vertical-table .cell-stack { display: flex; flex-direction: column; gap: 0.2rem; } .apex--elements--pager-component.pager-stack table.table .cell-stack .cell-primary, .apex--elements--pager-component.pager-stack table.vertical-table .cell-stack .cell-primary { font-weight: 400; color: var(--apex-heading, hsl(235, 25%, 25%)); } .apex--elements--pager-component.pager-stack table.table .cell-stack .cell-secondary, .apex--elements--pager-component.pager-stack table.vertical-table .cell-stack .cell-secondary { font-size: 0.6rem; color: var(--apex-muted); text-transform: uppercase; } .apex--elements--pager-component.pager-stack table.table .cell-inline, .apex--elements--pager-component.pager-stack table.vertical-table .cell-inline { display: flex; align-items: center; gap: 0.75rem; } .apex--elements--stat-card-component + .apex--elements--stat-card-component, .apex--elements--stat-card-component + .stat-card-divider, .stat-card-divider + .apex--elements--stat-card-component { margin-top: 0.5rem; } .apex--elements--stat-card-component { --stat-card-value-color: var(--apex-text); --stat-card-label-color: var(--apex-muted); --stat-card-divider-color: var(--apex-border-subtle); --stat-card-hover-bg: var(--apex-overlay); } .apex--elements--stat-card-component .stat-card { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; background: hsl(209, 52%, 95%); border-radius: 0.625rem; } .apex--elements--stat-card-component .stat-card.stat-card-link { text-decoration: none; color: inherit; border-radius: 4px; padding: 0.5rem; margin: -0.5rem; transition: background-color 0.2s ease; } .apex--elements--stat-card-component .stat-card.stat-card-link:hover { background-color: var(--stat-card-hover-bg); } .apex--elements--stat-card-component .stat-card .stat-card-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; margin-right: 0.75rem; font-size: 1.1rem; flex-shrink: 0; } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-primary { background: color-mix(in srgb, var(--apex-primary) 12%, transparent); color: var(--apex-primary); } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-success { background: color-mix(in srgb, var(--apex-success) 12%, transparent); color: var(--apex-success); } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-info { background: color-mix(in srgb, var(--apex-info) 12%, transparent); color: var(--apex-info); } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-warning { background: color-mix(in srgb, var(--apex-warning) 12%, transparent); color: var(--apex-warning); } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-danger { background: color-mix(in srgb, var(--apex-danger) 12%, transparent); color: var(--apex-danger); } .apex--elements--stat-card-component .stat-card .stat-card-icon.stat-card-icon-secondary { background: color-mix(in srgb, var(--apex-secondary) 12%, transparent); color: var(--apex-secondary); } .apex--elements--stat-card-component .stat-card .stat-card-content { flex: 1; min-width: 0; } .apex--elements--stat-card-component .stat-card .stat-card-content .stat-card-value { font-size: 1.25rem; font-weight: 700; line-height: 1; color: hsl(235, 38%, 27%); margin-bottom: 0.125rem; color: var(--stat-card-value-color); } .apex--elements--stat-card-component .stat-card .stat-card-content .stat-card-label { font-size: 0.8rem; color: var(--stat-card-label-color); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .apex--elements--stat-card-component .stat-card .stat-card-content .stat-card-trend { font-size: 0.6875rem; font-weight: 500; margin-top: 0.25rem; } .apex--elements--stat-card-component .stat-card .stat-card-content .stat-card-trend.stat-card-trend-positive { color: #16a34a; } .apex--elements--stat-card-component .stat-card .stat-card-content .stat-card-trend.stat-card-trend-negative { color: #ef4444; } .apex--elements--stat-card-component .stat-card-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--stat-card-divider-color), transparent); margin: 0.75rem 0; } .apex--elements--select-component { --select-bg: var(--apex-background); --select-bg-hover: var(--apex-background-subtle); --select-border: var(--apex-border); --select-border-hover: var(--apex-border-contrast); --select-border-focus: var(--apex-primary); --select-text: var(--apex-text); --select-text-muted: var(--apex-text-subtle); --select-placeholder: var(--apex-muted); --select-radius: 0.5rem; --select-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --select-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--apex-primary) 15%, transparent); --select-dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --select-option-hover: var(--apex-overlay); --select-option-selected-bg: var(--apex-overlay); --select-option-selected-text: var(--apex-text); --select-check-color: var(--apex-muted); --select-transition: all 0.15s ease; } .apex--elements--select-component .apex-select { position: relative; display: inline-block; width: 100%; font-family: inherit; } .apex--elements--select-component .apex-select__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.625rem 0.875rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: var(--select-text); background-color: var(--select-bg); border: 1px solid var(--select-border); border-radius: var(--select-radius); box-shadow: var(--select-shadow); cursor: pointer; transition: var(--select-transition); text-align: left; appearance: none; } .apex--elements--select-component .apex-select__trigger:hover:not(:disabled) { background-color: var(--select-bg-hover); border-color: var(--select-border-hover); } .apex--elements--select-component .apex-select__trigger:focus { outline: none; border-color: var(--select-border-focus); box-shadow: var(--select-shadow-focus); } .apex--elements--select-component .apex-select__trigger:disabled { opacity: 0.6; cursor: not-allowed; background-color: var(--apex-background-subtle); } .apex--elements--select-component .apex-select__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .apex--elements--select-component .apex-select__value i { opacity: 0.7; } .apex--elements--select-component .apex-select__placeholder { color: var(--select-placeholder); } .apex--elements--select-component .apex-select__icons { display: flex; align-items: center; gap: 0.25rem; margin-left: 0.5rem; flex-shrink: 0; } .apex--elements--select-component .apex-select__arrow { display: flex; align-items: center; color: var(--select-text-muted); } .apex--elements--select-component .apex-select__chevron { width: 1.25rem; height: 1.25rem; transition: transform 0.2s ease; } .apex--elements--select-component .apex-select__chevron--rotated { transform: rotate(180deg); } .apex--elements--select-component .apex-select__clear-btn { display: flex; align-items: center; justify-content: center; padding: 0.125rem; color: var(--select-text-muted); background: transparent; border: none; border-radius: 0.25rem; cursor: pointer; transition: var(--select-transition); } .apex--elements--select-component .apex-select__clear-btn:hover { color: var(--select-text); background-color: var(--select-option-hover); } .apex--elements--select-component .apex-select__clear-icon { width: 1rem; height: 1rem; } .apex--elements--select-component .apex-select__dropdown { position: fixed; z-index: 1050; display: none; flex-direction: column; max-height: 20rem; background-color: var(--select-bg); border: 1px solid var(--select-border); border-radius: var(--select-radius); box-shadow: var(--select-dropdown-shadow); overflow: hidden; } .apex--elements--select-component .apex-select__dropdown--open { display: flex; animation: apex-select-fade-in 0.15s ease-out; } @keyframes apex-select-fade-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .apex--elements--select-component .apex-select__search { display: flex; align-items: center; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--select-border); gap: 0.5rem; } .apex--elements--select-component .apex-select__search-icon { flex-shrink: 0; color: var(--select-text-muted); } .apex--elements--select-component .apex-select__search-icon svg { width: 1rem; height: 1rem; } .apex--elements--select-component .apex-select__search-input { flex: 1; padding: 0.25rem 0; font-size: 0.875rem; color: var(--select-text); background: transparent; border: none; outline: none; } .apex--elements--select-component .apex-select__search-input::placeholder { color: var(--select-placeholder); } .apex--elements--select-component .apex-select__options { overflow-y: auto; overscroll-behavior: contain; padding: 0.25rem; } .apex--elements--select-component .apex-select__option { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: var(--select-text); border-radius: calc(var(--select-radius) - 2px); cursor: pointer; transition: var(--select-transition); } .apex--elements--select-component .apex-select__option:hover:not(.apex--elements--select-component .apex-select__option--disabled), .apex--elements--select-component .apex-select__option--highlighted:not(.apex--elements--select-component .apex-select__option--disabled) { background-color: var(--select-option-hover); } .apex--elements--select-component .apex-select__option--selected { background-color: var(--select-option-selected-bg); color: var(--select-option-selected-text); font-weight: 500; } .apex--elements--select-component .apex-select__option--selected:hover, .apex--elements--select-component .apex-select__option--selected.apex-select__option--highlighted { background-color: var(--select-option-selected-bg); } .apex--elements--select-component .apex-select__option--disabled { opacity: 0.5; cursor: not-allowed; } .apex--elements--select-component .apex-select__option-icon { flex-shrink: 0; width: 1.25rem; display: flex; align-items: center; justify-content: center; color: var(--select-text-muted); } .apex-select__option--selected .apex--elements--select-component .apex-select__option-icon { color: var(--select-option-selected-text); } .apex--elements--select-component .apex-select__option-icon i { font-size: 1rem; } .apex--elements--select-component .apex-select__option-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.125rem; } .apex--elements--select-component .apex-select__option-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .apex--elements--select-component .apex-select__option-description { font-size: 0.75rem; color: var(--select-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .apex-select__option--selected .apex--elements--select-component .apex-select__option-description { color: color-mix(in srgb, var(--select-option-selected-text) 70%, transparent); } .apex--elements--select-component .apex-select__option-check { flex-shrink: 0; color: var(--select-check-color); } .apex--elements--select-component .apex-select__option-check svg { width: 1.25rem; height: 1.25rem; } .apex--elements--select-component .apex-select__no-results { display: none; padding: 1rem; text-align: center; font-size: 0.875rem; color: var(--select-text-muted); } .apex--elements--select-component .apex-select--sm .apex-select__trigger { padding: 0.375rem 0.625rem; font-size: 0.8125rem; } .apex--elements--select-component .apex-select--sm .apex-select__chevron { width: 1rem; height: 1rem; } .apex--elements--select-component .apex-select--sm .apex-select__option { padding: 0.375rem 0.625rem; font-size: 0.8125rem; } .apex--elements--select-component .apex-select--lg .apex-select__trigger { padding: 0.75rem 1rem; font-size: 1rem; } .apex--elements--select-component .apex-select--lg .apex-select__chevron { width: 1.5rem; height: 1.5rem; } .apex--elements--select-component .apex-select--lg .apex-select__option { padding: 0.625rem 1rem; font-size: 1rem; } .apex--elements--select-component .apex-select--disabled .apex-select__trigger { opacity: 0.6; cursor: not-allowed; background-color: var(--apex-background-subtle); } .apex--elements--select-component .apex-select--disabled .apex-select__trigger:hover { background-color: var(--apex-background-subtle); border-color: var(--select-border); } [data-bs-theme=dark] .apex--elements--select-component, html.dark .apex--elements--select-component { --select-shadow: var(--apex-shadow-sm); --select-dropdown-shadow: var(--apex-shadow-lg); --select-option-hover: var(--apex-overlay); --select-option-selected-bg: var(--apex-overlay); --select-check-color: var(--apex-muted); } /* ********************************************************************************************** *\ ** Select Autocomplete Component ** \* ********************************************************************************************** */ .select-autocomplete-wrapper { position: relative; } .select-autocomplete-input-wrapper { position: relative; display: flex; align-items: center; } .select-autocomplete-input-wrapper input { flex: 1; padding-right: 2rem; } .select-autocomplete-checkmark { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--bs-success, #198754); pointer-events: none; } .select-autocomplete-results { display: none; position: fixed; max-height: 250px; overflow-y: auto; z-index: 1050; background: var(--apex-background, #fff); border: 1px solid var(--apex-border, #dee2e6); border-radius: 0.375rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .select-autocomplete-results.is-open { display: block; } .select-autocomplete-item { padding: 0.5rem 0.75rem; cursor: pointer; transition: background-color 0.15s ease; } .select-autocomplete-item:hover { background: var(--apex-background-subtle, #f8f9fa); } .select-autocomplete-item.is-selected { background: var(--apex-accent, #0d6efd); color: #fff; } .select-autocomplete-item.is-highlighted { background: color-mix(in srgb, var(--apex-accent, #0d6efd) 15%, transparent); } .select-autocomplete-no-results { padding: 0.75rem; text-align: center; color: var(--apex-muted, #6c757d); font-size: 0.875rem; } /* ********************************************************************************************** *\ ** Dropdown Search Component ** \* ********************************************************************************************** */ .dropdown-search-wrapper .dropdown-menu { min-width: 280px; padding: 0; } .dropdown-search-results { max-height: 250px; overflow-y: auto; } .dropdown-search-results .dropdown-item { cursor: pointer; } .dropdown-search-no-results { padding: 0.75rem; text-align: center; color: var(--apex-muted, #6c757d); font-size: 0.875rem; } /* ********************************************************************************************** *\ ** Inline Editable Component ** \* ********************************************************************************************** */ .inline-editable { display: inline-block; } .inline-editable-display { display: inline-flex; align-items: center; cursor: pointer; transition: opacity 0.15s ease; } .inline-editable-display:hover { opacity: 0.8; } .inline-editable-display:hover .inline-editable-icon { opacity: 1; } .inline-editable-icon { opacity: 0.5; transition: opacity 0.15s ease; font-size: 0.75em; } .inline-editable-input { display: inline-block; min-width: 200px; } .inline-editable-input input.form-control { font-size: inherit; font-weight: inherit; padding: 0.25rem 0.5rem; height: auto; line-height: inherit; } .apex--elements--form-component { --apex-form-color: var(--apex-text); --apex-form-muted-color: var(--apex-text-subtle); --apex-form-border-color: var(--apex-border-subtle); --apex-form-focus-color: var(--apex-primary); } .apex--elements--form-component .apex-form .apex-form-title { font-weight: 500; font-size: 1.5rem; letter-spacing: -0.02em; color: var(--apex-form-color); } .apex--elements--form-component .apex-form .apex-form-description { font-size: 0.875rem; line-height: 1.5; color: var(--apex-form-muted-color); } .apex--elements--form-component .apex-form .apex-form-progress .progress { border-radius: 3px; } html[data-bs-theme=light] .apex--elements--form-component .apex-form .apex-form-progress .progress { background-color: var(--apex-background-subtle); } html[data-bs-theme=dark] .apex--elements--form-component .apex-form .apex-form-progress .progress { background-color: var(--apex-background-subtle); } html.dark .apex--elements--form-component .apex-form .apex-form-progress .progress { background-color: var(--apex-background-subtle); } .apex--elements--form-component .apex-form .apex-form-progress .progress-bar { transition: width 0.3s ease; } .apex--elements--form-component .apex-form .apex-form-progress .apex-form-step-indicators { flex-wrap: wrap; gap: 0.4rem; } .apex--elements--form-component .apex-form .apex-form-progress .apex-form-step-indicator { display: flex; align-items: center; transition: all 0.2s ease; } .apex--elements--form-component .apex-form .apex-form-progress .apex-form-step-indicator .apex-form-step-number { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; } .apex--elements--form-component .apex-form .apex-form-progress .apex-form-step-indicator .apex-form-step-label { font-size: 0.8rem; } .apex--elements--form-component .apex-form .apex-form-sections { display: flex; flex-direction: column; } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-header { padding: 0.8rem 0; cursor: pointer; user-select: none; border-bottom: 1px solid var(--apex-form-border-color); } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-header .apex-form-section-title { font-size: 1rem; color: var(--apex-form-color); } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-header .apex-form-section-title .fw-semibold { font-weight: 600; } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-header i.fa-chevron-down, .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-header i.fa-chevron-right { font-size: 0.7rem; transition: transform 0.2s ease; color: var(--apex-muted); } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-progress-bar .progress { border-radius: 3px; } html[data-bs-theme=light] .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-progress-bar .progress { background-color: var(--apex-background-subtle); } html[data-bs-theme=dark] .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-progress-bar .progress { background-color: var(--apex-background-subtle); } html.dark .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-progress-bar .progress { background-color: var(--apex-background-subtle); } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-body { padding: 0.8rem 0; transition: all 0.2s ease; } .apex--elements--form-component .apex-form .apex-form-section .apex-form-section-body .form-group:last-child { margin-bottom: 0; } .apex--elements--form-component .apex-form .apex-form-section.apex-form-section-collapsed .apex-form-section-header { border-bottom-color: var(--apex-border-subtle); } .apex--elements--form-component .apex-form.apex-form-stepped .apex-form-section .apex-form-section-header { cursor: default; } .apex--elements--form-component .apex-form.apex-form-collapsible .apex-form-section .apex-form-section-header { cursor: pointer; } .apex--elements--form-component .apex-form.apex-form-collapsible .apex-form-section .apex-form-section-header:hover .apex-form-section-title { color: var(--apex-form-focus-color); } .apex--elements--form-component .apex-form .apex-form-actions { padding-top: 1.2rem; margin-top: 0.8rem; } .apex--elements--form-component .apex-form .apex-form-actions .btn { min-width: 100px; } /* ********************************************************************************************** *\ ** Form Group Layout ** \* ********************************************************************************************** */ .form-group-row { display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 768px) { .form-group-row { flex-direction: row; align-items: flex-end; } } .form-group-col { display: flex; flex-direction: column; min-width: 0; } .form-group-col--grow { flex: 1 1 0%; } @media (min-width: 768px) { .form-group-row .form-group-col > .btn, .form-group-row .form-group-col > input[type=submit] { padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.5; white-space: nowrap; } } /* ############################################################################################## *\ || ADDRESS AUTOCOMPLETE STYLES || \* ############################################################################################## */ .address-autocomplete-wrapper { position: relative; } .address-autocomplete-wrapper .autocomplete-results { width: 100%; position: absolute; top: 100%; left: 0; right: 0; z-index: var(--bs-dropdown-zindex); background: var(--apex-background); border: 1px solid var(--apex-border); border-top: none; border-radius: 4px; max-height: 300px; overflow-y: auto; overflow-x: hidden; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item { padding: 0.75rem; cursor: pointer; border-bottom: 1px solid var(--apex-border-subtle); transition: background-color 0.15s ease-in-out; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item:hover { background-color: var(--apex-overlay); } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item:last-child { border-bottom: none; border-radius: 4px; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item .autocomplete-item-main { font-weight: 500; color: var(--apex-text); margin-bottom: 0.25rem; font-size: 0.875rem; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item .autocomplete-item-secondary { font-size: 0.8125rem; color: var(--apex-text-subtle); line-height: 1.3; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-item.selected, .address-autocomplete-wrapper .autocomplete-results .autocomplete-item.active, .address-autocomplete-wrapper .autocomplete-results .autocomplete-item:active { background-color: var(--apex-accent-subtle); } .address-autocomplete-wrapper .autocomplete-results .autocomplete-no-results { padding: 1rem; text-align: center; color: var(--apex-muted); font-style: italic; font-size: 0.8125rem; } .address-autocomplete-wrapper .autocomplete-results .autocomplete-loading { padding: 1rem; text-align: center; color: var(--apex-muted); } .address-autocomplete-wrapper .autocomplete-results .autocomplete-loading .spinner-border { width: 1.5rem; height: 1.5rem; border-width: 0.15rem; } .address-autocomplete-wrapper .input-group:focus-within .input-group-text { border-color: var(--apex-primary); color: var(--apex-primary); } .address-autocomplete-wrapper.is-loading .input-group-text .fa-magnifying-glass { display: none; } .address-autocomplete-wrapper.is-loading .input-group-text::after { content: ""; display: inline-block; width: 1rem; height: 1rem; border: 0.125rem solid var(--apex-muted); border-radius: 50%; border-top-color: transparent; animation: spinner-border 0.75s linear infinite; } @keyframes spinner-border { to { transform: rotate(360deg); } } /* ############################################################################################## *\ || COLLAPSED BLOCK COMPONENT || \* ############################################################################################## */ .collapsed-block { margin-bottom: 0.8rem; } .collapsed-block .collapsed-block-toggle-wrapper { text-align: center; } .collapsed-block .collapsed-block-toggle-wrapper .collapsed-block-toggle { line-height: 1rem; padding: 0.25rem 0.5rem; border-radius: 4px; cursor: pointer; font-weight: 500; font-size: 0.8rem; box-shadow: none; border: 1px solid var(--apex-border); color: var(--apex-text); background-color: var(--apex-background-subtle); } .collapsed-block .collapsed-block-toggle.collapsed .carret-collapsed { display: inline-block; } .collapsed-block .collapsed-block-toggle.collapsed .carret-uncollapsed { display: none; } .collapsed-block .collapsed-block-toggle:not(.collapsed) .carret-collapsed { display: none; } .collapsed-block .collapsed-block-toggle:not(.collapsed) .carret-uncollapsed { display: inline-block; } .collapsed-block .collapsed-block-content { padding-top: 0.4rem; } /* ############################################################################################## *\ || COLLAPSIBLE SECTION COMPONENT || \* ############################################################################################## */ .collapsible-section { margin-bottom: 1rem; } .collapsible-section-heading { cursor: pointer; user-select: none; transition: opacity 0.15s ease; } .collapsible-section-heading:hover { opacity: 0.8; } .collapsible-section-title { display: inline-flex; align-items: center; margin: 0; font-weight: 600; color: var(--apex-text); } .collapsible-section-icon { font-size: 0.75em; color: var(--apex-text-subtle); transition: transform 0.2s ease; margin-left: 0.25rem; } .collapsible-section[data-apex--elements--collapsible-section-component-collapsed-value=true] .collapsible-section-icon { transform: rotate(-90deg); } .collapsible-section-content { overflow: hidden; transition: max-height 0.25s ease, opacity 0.2s ease; max-height: 2000px; opacity: 1; } .collapsible-section-content[aria-hidden=true] { max-height: 0; opacity: 0; } .apex-blankslate { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem 1.75rem; text-align: center; } .apex-blankslate .blankslate-icon { margin-bottom: 0.75rem; } .apex-blankslate .blankslate-icon i { font-size: 2rem; color: var(--apex-muted); opacity: 0.6; } .apex-blankslate .blankslate-title { font-size: 1.125rem; font-weight: 600; color: var(--apex-text); margin-bottom: 0.375rem; } .apex-blankslate .blankslate-description { font-size: 0.875rem; color: var(--apex-muted); opacity: 0.9; max-width: 400px; line-height: 1.5; } .apex-blankslate .blankslate-actions { margin-top: 1.25rem; display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; } .apex-blankslate .blankslate-actions .btn { padding: 0.5rem 1.25rem; font-size: 0.875rem; } /* ********************************************************************************************** *\ ** Image Box Component ** \* ********************************************************************************************** */ .image-box { overflow: hidden; flex-shrink: 0; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .image-box .image-box-asset, .image-box .image-box-icon { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: inherit; transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .image-box .image-box-asset { background-color: var(--apex-background-subtle); background-size: cover; background-repeat: no-repeat; background-position: center; } .image-box .image-box-icon { border: none; } .image-box.image-box-color-primary .image-box-icon { background: var(--apex-image-box-primary-bg, var(--apex-primary-subtle)); color: var(--apex-image-box-primary-color, var(--apex-primary)); } .image-box.image-box-color-primary.image-box-contrast .image-box-icon { background: var(--apex-image-box-primary-contrast-bg, var(--apex-primary)); color: var(--apex-image-box-primary-contrast-color, var(--apex-background)); } .image-box.image-box-color-secondary .image-box-icon { background: var(--apex-image-box-secondary-bg, var(--apex-secondary-subtle)); color: var(--apex-image-box-secondary-color, var(--apex-secondary)); } .image-box.image-box-color-secondary.image-box-contrast .image-box-icon { background: var(--apex-secondary); color: var(--apex-background); } .image-box.image-box-color-tertiary .image-box-icon { background: var(--apex-tertiary-subtle, #f5d0fe); color: var(--apex-tertiary, #a21caf); } .image-box.image-box-color-tertiary.image-box-contrast .image-box-icon { background: var(--apex-tertiary, #d946ef); color: var(--apex-background); } .image-box.image-box-color-light .image-box-icon { background: var(--apex-background); color: var(--apex-text-subtle); border: 1px solid var(--apex-border-subtle); } .image-box.image-box-color-light.image-box-contrast .image-box-icon { background: var(--apex-muted); color: var(--apex-background); border: none; } .image-box.image-box-color-success .image-box-icon { background: var(--apex-success-subtle); color: var(--apex-success); } .image-box.image-box-color-success.image-box-contrast .image-box-icon { background: var(--apex-success); color: var(--apex-background); } .image-box.image-box-color-info .image-box-icon { background: var(--apex-info-subtle); color: var(--apex-info); } .image-box.image-box-color-info.image-box-contrast .image-box-icon { background: var(--apex-info); color: var(--apex-background); } .image-box.image-box-color-warning .image-box-icon { background: var(--apex-warning-subtle); color: var(--apex-warning-contrast); } .image-box.image-box-color-warning.image-box-contrast .image-box-icon { background: var(--apex-warning); color: var(--apex-background); } .image-box.image-box-color-danger .image-box-icon { background: var(--apex-danger-subtle); color: var(--apex-danger); } .image-box.image-box-color-danger.image-box-contrast .image-box-icon { background: var(--apex-danger); color: var(--apex-background); } .image-box.image-box-clickable { cursor: pointer; position: relative; overflow: visible; } .image-box.image-box-clickable .image-box-upload-indicator { position: absolute; bottom: -4px; right: -4px; width: 20px; height: 20px; background: var(--apex-primary); border-radius: 50%; border: 2px solid var(--apex-background); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--apex-background); transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1); } .image-box.image-box-clickable:hover { transform: translateY(-1px); } .image-box.image-box-clickable:hover .image-box-upload-indicator { transform: scale(1.1); } .image-box.image-box-clickable:active { transform: translateY(0); } .image-box.image-box-1x { height: 1.5rem; width: 1.5rem; font-size: calc(1.5rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.3rem); } .image-box.image-box-1x .image-box-icon, .image-box.image-box-1x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.3rem); } .image-box.image-box-2x { height: 2rem; width: 2rem; font-size: calc(2rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.4rem); } .image-box.image-box-2x .image-box-icon, .image-box.image-box-2x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.4rem); } .image-box.image-box-3x { height: 2.5rem; width: 2.5rem; font-size: calc(2.5rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.5rem); } .image-box.image-box-3x .image-box-icon, .image-box.image-box-3x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.5rem); } .image-box.image-box-4x { height: 3rem; width: 3rem; font-size: calc(3rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.6rem); } .image-box.image-box-4x .image-box-icon, .image-box.image-box-4x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.6rem); } .image-box.image-box-5x { height: 3.5rem; width: 3.5rem; font-size: calc(3.5rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.7rem); } .image-box.image-box-5x .image-box-icon, .image-box.image-box-5x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.7rem); } .image-box.image-box-6x { height: 4rem; width: 4rem; font-size: calc(4rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 0.8rem); } .image-box.image-box-6x .image-box-icon, .image-box.image-box-6x .image-box-asset { border-radius: var(--apex-image-box-radius, 0.8rem); } .image-box.image-box-7x { height: 5rem; width: 5rem; font-size: calc(5rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 1rem); } .image-box.image-box-7x .image-box-icon, .image-box.image-box-7x .image-box-asset { border-radius: var(--apex-image-box-radius, 1rem); } .image-box.image-box-8x { height: 6rem; width: 6rem; font-size: calc(6rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 1.2rem); } .image-box.image-box-8x .image-box-icon, .image-box.image-box-8x .image-box-asset { border-radius: var(--apex-image-box-radius, 1.2rem); } .image-box.image-box-9x { height: 7rem; width: 7rem; font-size: calc(7rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 1.4rem); } .image-box.image-box-9x .image-box-icon, .image-box.image-box-9x .image-box-asset { border-radius: var(--apex-image-box-radius, 1.4rem); } .image-box.image-box-10x { height: 8rem; width: 8rem; font-size: calc(8rem * var(--apex-image-box-icon-ratio, 0.45)); border-radius: var(--apex-image-box-radius, 1.6rem); } .image-box.image-box-10x .image-box-icon, .image-box.image-box-10x .image-box-asset { border-radius: var(--apex-image-box-radius, 1.6rem); } .apex--elements--multi-select-component { --ms-bg: var(--apex-background); --ms-bg-hover: var(--apex-background-subtle); --ms-border: var(--apex-border); --ms-border-hover: var(--apex-border-contrast); --ms-border-focus: var(--apex-primary); --ms-text: var(--apex-text); --ms-text-muted: var(--apex-text-subtle); --ms-placeholder: var(--apex-muted); --ms-radius: 0.5rem; --ms-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --ms-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--apex-primary) 15%, transparent); --ms-dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --ms-option-hover: var(--apex-overlay); --ms-option-hover-text: var(--apex-text); --ms-option-selected-bg: var(--apex-overlay); --ms-check-color: var(--apex-muted); --ms-icon-color: var(--apex-text-subtle); --ms-transition: all 0.15s ease; --ms-pill-bg: var(--apex-background-subtle); --ms-pill-text: var(--apex-text); --ms-pill-radius: 9999px; --ms-pill-remove-hover: var(--apex-overlay); --ms-create-color: var(--apex-primary); } .apex--elements--multi-select-component .apex-multi-select { position: relative; display: inline-block; width: 100%; font-family: inherit; } .apex--elements--multi-select-component .apex-multi-select__trigger { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; width: 100%; min-height: 2.5rem; padding: 0.375rem 0.625rem; font-size: 0.875rem; color: var(--ms-text); background-color: var(--ms-bg); border: 1px solid var(--ms-border); border-radius: var(--ms-radius); box-shadow: var(--ms-shadow); cursor: text; transition: var(--ms-transition); } .apex--elements--multi-select-component .apex-multi-select__trigger:hover:not(.apex-multi-select--disabled .apex--elements--multi-select-component .apex-multi-select__trigger) { border-color: var(--ms-border-hover); } .apex--elements--multi-select-component .apex-multi-select__trigger:focus-within { border-color: var(--ms-border-focus); box-shadow: var(--ms-shadow-focus); } .apex--elements--multi-select-component .apex-multi-select__hidden-inputs { display: none; } .apex--elements--multi-select-component .apex-multi-select__pill { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.25rem 0.125rem 0.5rem; font-size: 0.8125rem; font-weight: 500; line-height: 1.4; color: var(--ms-pill-text); background-color: var(--ms-pill-bg); border-radius: var(--ms-pill-radius); white-space: nowrap; max-width: 100%; } .apex--elements--multi-select-component .apex-multi-select__pill-icon { flex-shrink: 0; display: inline-flex; align-items: center; color: inherit; opacity: 0.6; } .apex--elements--multi-select-component .apex-multi-select__pill-icon i { font-size: 0.75rem; } .apex--elements--multi-select-component .apex-multi-select__pill-label { overflow: hidden; text-overflow: ellipsis; } .apex--elements--multi-select-component .apex-multi-select__pill-remove { display: inline-flex; align-items: center; justify-content: center; padding: 0.125rem; color: var(--ms-text-muted); background: transparent; border: none; border-radius: 9999px; cursor: pointer; transition: var(--ms-transition); } .apex--elements--multi-select-component .apex-multi-select__pill-remove:hover { color: var(--ms-text); background-color: var(--ms-pill-remove-hover); } .apex--elements--multi-select-component .apex-multi-select__pill-remove svg { width: 0.875rem; height: 0.875rem; } .apex--elements--multi-select-component .apex-multi-select__input { flex: 1; min-width: 5rem; padding: 0.125rem 0; font-size: 0.875rem; color: var(--ms-text); background: transparent; border: none; outline: none; } .apex--elements--multi-select-component .apex-multi-select__input::placeholder { color: var(--ms-placeholder); } .apex--elements--multi-select-component .apex-multi-select__input:disabled { cursor: not-allowed; } .apex--elements--multi-select-component .apex-multi-select__dropdown { position: fixed; z-index: 1050; display: none; flex-direction: column; max-height: 16rem; background-color: var(--ms-bg); border: 1px solid var(--ms-border); border-radius: var(--ms-radius); box-shadow: var(--ms-dropdown-shadow); overflow: hidden; } .apex--elements--multi-select-component .apex-multi-select__dropdown--open { display: flex; animation: apex-multi-select-fade-in 0.15s ease-out; } @keyframes apex-multi-select-fade-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .apex--elements--multi-select-component .apex-multi-select__options { overflow-y: auto; overscroll-behavior: contain; padding: 0.25rem; } .apex--elements--multi-select-component .apex-multi-select__option { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: var(--ms-text); border-radius: calc(var(--ms-radius) - 2px); cursor: pointer; transition: var(--ms-transition); } .apex--elements--multi-select-component .apex-multi-select__option:hover:not(.apex--elements--multi-select-component .apex-multi-select__option--disabled), .apex--elements--multi-select-component .apex-multi-select__option--highlighted:not(.apex--elements--multi-select-component .apex-multi-select__option--disabled) { background-color: var(--ms-option-hover); color: var(--ms-option-hover-text); } .apex--elements--multi-select-component .apex-multi-select__option:hover:not(.apex--elements--multi-select-component .apex-multi-select__option--disabled) .apex-multi-select__option-icon, .apex--elements--multi-select-component .apex-multi-select__option--highlighted:not(.apex--elements--multi-select-component .apex-multi-select__option--disabled) .apex-multi-select__option-icon { color: var(--ms-option-hover-text); opacity: 0.7; } .apex--elements--multi-select-component .apex-multi-select__option--selected { display: none; } .apex--elements--multi-select-component .apex-multi-select__option-icon { flex-shrink: 0; display: inline-flex; align-items: center; color: var(--ms-icon-color); margin-right: 0.125rem; } .apex--elements--multi-select-component .apex-multi-select__option-icon i { font-size: 0.875rem; } .apex--elements--multi-select-component .apex-multi-select__option-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .apex--elements--multi-select-component .apex-multi-select__option-check { flex-shrink: 0; color: var(--ms-check-color); display: none; } .apex--elements--multi-select-component .apex-multi-select__option-check svg { width: 1.125rem; height: 1.125rem; } .apex-multi-select__option--selected .apex--elements--multi-select-component .apex-multi-select__option-check { display: flex; } .apex--elements--multi-select-component .apex-multi-select__create { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: var(--ms-create-color); border-radius: calc(var(--ms-radius) - 2px); cursor: pointer; transition: var(--ms-transition); } .apex--elements--multi-select-component .apex-multi-select__create:hover { background-color: var(--ms-option-hover); } .apex--elements--multi-select-component .apex-multi-select__create-icon { flex-shrink: 0; } .apex--elements--multi-select-component .apex-multi-select__create-icon svg { width: 1rem; height: 1rem; } .apex--elements--multi-select-component .apex-multi-select__no-results { display: none; padding: 1rem; text-align: center; font-size: 0.875rem; color: var(--ms-text-muted); } .apex--elements--multi-select-component .apex-multi-select--sm .apex-multi-select__trigger { min-height: 2rem; padding: 0.25rem 0.5rem; gap: 0.25rem; } .apex--elements--multi-select-component .apex-multi-select--sm .apex-multi-select__pill { font-size: 0.75rem; padding: 0.0625rem 0.1875rem 0.0625rem 0.375rem; } .apex--elements--multi-select-component .apex-multi-select--sm .apex-multi-select__input { font-size: 0.8125rem; } .apex--elements--multi-select-component .apex-multi-select--sm .apex-multi-select__option { padding: 0.375rem 0.625rem; font-size: 0.8125rem; } .apex--elements--multi-select-component .apex-multi-select--lg .apex-multi-select__trigger { min-height: 3rem; padding: 0.5rem 0.75rem; gap: 0.5rem; } .apex--elements--multi-select-component .apex-multi-select--lg .apex-multi-select__pill { font-size: 0.875rem; padding: 0.1875rem 0.3125rem 0.1875rem 0.625rem; } .apex--elements--multi-select-component .apex-multi-select--lg .apex-multi-select__input { font-size: 1rem; } .apex--elements--multi-select-component .apex-multi-select--lg .apex-multi-select__option { padding: 0.625rem 1rem; font-size: 1rem; } .apex--elements--multi-select-component .apex-multi-select--disabled .apex-multi-select__trigger { opacity: 0.6; cursor: not-allowed; background-color: var(--ms-bg-hover); } .apex--elements--multi-select-component .apex-multi-select--disabled .apex-multi-select__trigger:hover { border-color: var(--ms-border); } .apex--elements--multi-select-component .apex-multi-select--disabled .apex-multi-select__pill-remove { display: none; } [data-bs-theme=dark] .apex--elements--multi-select-component, html.dark .apex--elements--multi-select-component { --ms-shadow: var(--apex-shadow-sm); --ms-dropdown-shadow: var(--apex-shadow-lg); --ms-option-hover: var(--apex-overlay); --ms-pill-bg: var(--apex-overlay); } /* ********************************************************************************************** *\ ** Upload Picture Component ** \* ********************************************************************************************** */ .form-upload { width: 100%; padding: 0.25rem; border-radius: var(--apex-border-radius, 0.625rem); border: 2px dashed var(--apex-border-subtle); cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; position: relative; overflow: hidden; } .form-upload:hover { border-color: var(--apex-primary); } .form-upload .form-upload-inner { width: 100%; border-radius: calc(var(--apex-border-radius, 0.625rem) - 0.25rem); background-color: var(--apex-background-subtle, var(--apex-background)); display: flex; flex-direction: column; gap: 0.375rem; align-items: center; justify-content: center; padding: 1.25rem 1rem; transition: background-color 0.15s ease; } .form-upload:hover .form-upload-inner { background-color: var(--apex-background); } .form-upload .form-upload-icon { color: var(--apex-text-subtle); font-size: 1.5rem; margin-bottom: 0.25rem; } .form-upload .form-upload-text { color: var(--apex-text, inherit); font-size: 0.8125rem; font-weight: 500; } .form-upload .form-upload-hint { color: var(--apex-text-subtle); font-size: 0.75rem; } .form-upload.form-upload-has-image .form-upload-inner { padding: 0; overflow: hidden; } .form-upload.form-upload-has-image .form-upload-preview { width: 100%; height: 10rem; } .form-upload.form-upload-has-image .form-upload-preview img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; } .form-upload.form-upload-has-image .form-upload-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; background-color: transparent; transition: background-color 0.2s ease; } .form-upload.form-upload-has-image .form-upload-overlay .form-upload-overlay-icon { width: 2.25rem; height: 2.25rem; border-radius: 50%; background: hsla(0, 0%, 100%, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease; font-size: 0.875rem; color: var(--apex-text, inherit); } .form-upload.form-upload-has-image .form-upload-overlay .form-upload-overlay-text { font-size: 0.75rem; font-weight: 500; color: white; opacity: 0; transition: opacity 0.2s ease; } .form-upload.form-upload-has-image:hover .form-upload-overlay { background-color: hsla(0, 0%, 0%, 0.5); } .form-upload.form-upload-has-image:hover .form-upload-overlay .form-upload-overlay-icon, .form-upload.form-upload-has-image:hover .form-upload-overlay .form-upload-overlay-text { opacity: 1; } .form-upload-dropzone { border: 2px dashed var(--apex-border-subtle); border-radius: var(--apex-border-radius, 0.625rem); padding: 2.5rem 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; position: relative; overflow: hidden; } .form-upload-dropzone .form-upload-dropzone-icon { color: var(--apex-text-subtle); font-size: 2rem; margin-bottom: 0.25rem; } .form-upload-dropzone .form-upload-dropzone-text { color: var(--apex-text-subtle); font-size: 0.875rem; } .form-upload-dropzone .form-upload-dropzone-hint { color: var(--apex-muted); font-size: 0.75rem; } .form-upload-dropzone:hover { border-color: var(--apex-primary); background-color: var(--apex-background-subtle, transparent); } .form-upload-dropzone.form-upload-dropzone-has-image { padding: 0; } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-dropzone-preview { width: 100%; min-height: 10rem; display: flex; align-items: center; justify-content: center; background-color: var(--apex-background-subtle, var(--apex-background)); } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-dropzone-preview img { max-height: 14rem; max-width: 100%; object-fit: contain; display: block; } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; background-color: transparent; transition: background-color 0.2s ease; } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-overlay .form-upload-overlay-icon { width: 2.25rem; height: 2.25rem; border-radius: 50%; background: hsla(0, 0%, 100%, 0.9); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease; font-size: 0.875rem; color: var(--apex-text, inherit); } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-overlay .form-upload-overlay-text { font-size: 0.75rem; font-weight: 500; color: white; opacity: 0; transition: opacity 0.2s ease; } .form-upload-dropzone.form-upload-dropzone-has-image:hover { border-color: var(--apex-primary); } .form-upload-dropzone.form-upload-dropzone-has-image:hover .form-upload-overlay { background-color: hsla(0, 0%, 0%, 0.5); } .form-upload-dropzone.form-upload-dropzone-has-image:hover .form-upload-overlay .form-upload-overlay-icon, .form-upload-dropzone.form-upload-dropzone-has-image:hover .form-upload-overlay .form-upload-overlay-text { opacity: 1; } .form-upload-cropper-container { background-color: var(--apex-background-subtle, hsl(0, 0%, 96%)); border: 1px solid var(--apex-border-subtle, hsl(0, 0%, 90%)); border-radius: var(--apex-border-radius, 0.625rem); overflow: hidden; max-height: 24rem; min-height: 10rem; } /* ############################################################################################## *\ || INVERTED VARIANTS || || || || Inverted color variant for buttons, badges, and alerts. || || || || Light mode: opaque white bg, colored text, neutral border || || Hover: colored bg, white text, colored border || || Dark mode: auto-adapts via --apex-* CSS custom properties || || || || Unlike "outline", the background is always opaque (never transparent). || || || || Button classes (.btn-inverted-*) are NOT generated here — consuming apps should use || || the apex-btn-inverted() mixin from theme_extend.scss with their own color palette. || || Badge and alert classes ARE generated here using --apex-* for automatic theme support. || \* ############################################################################################## */ .badge-inverted-primary, .badge.bg-inverted-primary { background-color: var(--apex-background) !important; color: var(--apex-primary) !important; border: 1px solid var(--apex-border); } .badge-inverted-secondary, .badge.bg-inverted-secondary { background-color: var(--apex-background) !important; color: var(--apex-secondary) !important; border: 1px solid var(--apex-border); } .badge-inverted-success, .badge.bg-inverted-success { background-color: var(--apex-background) !important; color: var(--apex-success) !important; border: 1px solid var(--apex-border); } .badge-inverted-warning, .badge.bg-inverted-warning { background-color: var(--apex-background) !important; color: var(--apex-warning) !important; border: 1px solid var(--apex-border); } .badge-inverted-danger, .badge.bg-inverted-danger { background-color: var(--apex-background) !important; color: var(--apex-danger) !important; border: 1px solid var(--apex-border); } .badge-inverted-info, .badge.bg-inverted-info { background-color: var(--apex-background) !important; color: var(--apex-info) !important; border: 1px solid var(--apex-border); } .alert-inverted-primary { background-color: var(--apex-background); color: var(--apex-primary); border-color: var(--apex-border); border-left: 3px solid var(--apex-primary); } .alert-inverted-secondary { background-color: var(--apex-background); color: var(--apex-secondary); border-color: var(--apex-border); border-left: 3px solid var(--apex-secondary); } .alert-inverted-success { background-color: var(--apex-background); color: var(--apex-success); border-color: var(--apex-border); border-left: 3px solid var(--apex-success); } .alert-inverted-warning { background-color: var(--apex-background); color: var(--apex-warning); border-color: var(--apex-border); border-left: 3px solid var(--apex-warning); } .alert-inverted-danger { background-color: var(--apex-background); color: var(--apex-danger); border-color: var(--apex-border); border-left: 3px solid var(--apex-danger); } .alert-inverted-info { background-color: var(--apex-background); color: var(--apex-info); border-color: var(--apex-border); border-left: 3px solid var(--apex-info); } /* ********************************************************************************************** *\ ** Core (layouts and globals) ** \* ********************************************************************************************** */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .heading { display: flex; align-items: center; font-family: "Space Grotesk", sans-serif; letter-spacing: -0.015em; overflow-wrap: anywhere; color: hsl(235, 25%, 25%); } h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, h2 .small, .h2 .small, h3 small, .h3 small, h3 .small, .h3 .small, h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small, .heading small, .heading .small { margin-left: 0.25rem; font-size: 0.5em; } h1 .heading-icon, .h1 .heading-icon, h2 .heading-icon, .h2 .heading-icon, h3 .heading-icon, .h3 .heading-icon, h4 .heading-icon, .h4 .heading-icon, h5 .heading-icon, .h5 .heading-icon, h6 .heading-icon, .h6 .heading-icon, .heading .heading-icon { margin: 0.25em 0.35em 0 0.35em; font-size: 0.6em; } h1, .h1, .display-1 { font-size: 1.9em; font-weight: 700; letter-spacing: -0.02em; } h2, .h2, .display-2 { font-size: 1.125em; font-weight: 600; letter-spacing: -0.025em; } h3, .h3, .display-3 { font-size: 1.15em; font-weight: 600; letter-spacing: -0.01em; } h4, .h4, .display-4 { font-size: 1.1em; font-weight: 500; color: #4a5568; margin-bottom: 0.2rem; } h5, .h5, .display-5 { font-size: 1.1em; font-weight: 500; color: #4a5568; margin-bottom: 0.2rem; } /* ---------------------------------------------------------------------------------------------- *\ | Links | \* ---------------------------------------------------------------------------------------------- */ a { color: #2d3268; text-decoration: none; } a:hover, a:active, a:focus { cursor: pointer; } a.link-secondary { color: #64707d !important; } a.link-secondary:hover, a.link-secondary:active, a.link-secondary:focus { color: #4e85aa !important; } .text-muted a, .card .card-header .card-title .card-subtitle a, .styled-list .card-header .card-title .card-subtitle a, a.text-muted, .card .card-header .card-title a.card-subtitle, .styled-list .card-header .card-title a.card-subtitle { color: rgba(45, 50, 104, 0.6); } .text-muted a:hover, .card .card-header .card-title .card-subtitle a:hover, .styled-list .card-header .card-title .card-subtitle a:hover, .text-muted a:active, .card .card-header .card-title .card-subtitle a:active, .styled-list .card-header .card-title .card-subtitle a:active, .text-muted a:focus, .card .card-header .card-title .card-subtitle a:focus, .styled-list .card-header .card-title .card-subtitle a:focus, a.text-muted:hover, .card .card-header .card-title a.card-subtitle:hover, .styled-list .card-header .card-title a.card-subtitle:hover, a.text-muted:active, .card .card-header .card-title a.card-subtitle:active, .styled-list .card-header .card-title a.card-subtitle:active, a.text-muted:focus, .card .card-header .card-title a.card-subtitle:focus, .styled-list .card-header .card-title a.card-subtitle:focus { color: #2d3268 !important; } *[class^=bg-] > a, *[class*=bg-] > a { color: white !important; } .navigable { display: inline-block; padding: 0.1rem 0.2rem; margin: 0.1rem; border-radius: 0.2rem; background-color: #f2f3f5; } .navigable:hover { background-color: #ebecee; } /* ---------------------------------------------------------------------------------------------- *\ | Flex | \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Misc | \* ---------------------------------------------------------------------------------------------- */ .noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .invisible { display: none; } /* ---------------------------------------------------------------------------------------------- *\ | Grid | \* ---------------------------------------------------------------------------------------------- */ .col-auto { padding-bottom: 1em; } /* ---------------------------------------------------------------------------------------------- *\ | Grid | \* ---------------------------------------------------------------------------------------------- */ .truncate, .truncate-sm, .truncate-md, .truncate-lg { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .truncate.truncate-sm, .truncate-sm.truncate-sm, .truncate-md.truncate-sm, .truncate-lg.truncate-sm { max-width: 20vh; } .truncate.truncate-md, .truncate-sm.truncate-md, .truncate-md.truncate-md, .truncate-lg.truncate-md { max-width: 25vh; } .truncate.truncate-lg, .truncate-sm.truncate-lg, .truncate-md.truncate-lg, .truncate-lg.truncate-lg { max-width: 40vh; } /* ---------------------------------------------------------------------------------------------- *\ | Toolbar | \* ---------------------------------------------------------------------------------------------- */ .toolbar { padding: 0.75rem; background-color: #cfe4f1; border-radius: 0.84375rem; border: 1px solid #dce1e6; } /* ---------------------------------------------------------------------------------------------- *\ | Separator | \* ---------------------------------------------------------------------------------------------- */ hr { height: 1px; background: linear-gradient(90deg, rgba(232, 236, 240, 0.8), #dce0e5, rgba(232, 236, 240, 0.8)); margin: 1rem 0; box-sizing: content-box; overflow: visible; border: 0px; margin: 0.75rem 0; opacity: 100%; } /* ---------------------------------------------------------------------------------------------- *\ | Nav tabs default | \* ---------------------------------------------------------------------------------------------- */ .nav.nav-tabs { border-bottom: 1px solid #dce0e5; } .nav.nav-tabs .nav-link { padding-top: 0.6rem !important; } .nav.nav-tabs .nav-link.active { box-shadow: 0px 1px 0px 0px white; } /* ---------------------------------------------------------------------------------------------- *\ | Margin and padding | \* ---------------------------------------------------------------------------------------------- */ * p:last-child { margin-bottom: 0; } /* ---------------------------------------------------------------------------------------------- *\ | Badges | \* ---------------------------------------------------------------------------------------------- */ .badge { padding: 0.42rem; border-radius: 0.84375rem; } /* ---------------------------------------------------------------------------------------------- *\ | Editable text | \* ---------------------------------------------------------------------------------------------- */ a.editable-text { display: block; color: #1a202c; padding: 0.2rem; margin: -0.2rem; width: 100%; height: 100%; } a.editable-text:hover { background-color: #f0f3f5; color: #4a5568; cursor: pointer; } a.editable-text:hover.editable-with-label:after { font-size: 0.8em; position: relative; left: 0.2rem; content: "[edit]"; color: var(--bs-secondary-color); line-height: normal; } /* ---------------------------------------------------------------------------------------------- *\ | Dropdown Overflow | \* ---------------------------------------------------------------------------------------------- */ .dropdown-overflow-parent { overflow: visible !important; } .dropdown-overflow-parent .card, .dropdown-overflow-parent .styled-list, .dropdown-overflow-parent .popup-card { overflow: visible !important; } /* ---------------------------------------------------------------------------------------------- *\ | Turbo Progress Bar | \* ---------------------------------------------------------------------------------------------- */ .turbo-progress-bar { background: #7eaeb7 !important; } /* ---------------------------------------------------------------------------------------------- *\ | Flat Modern Friendly Form Inputs | \* ---------------------------------------------------------------------------------------------- */ .form-control, .form-select { height: 2.5rem; font-size: 0.875rem; padding: 0.5rem 0.75rem; border: 1px solid hsl(209, 30%, 85%); border-radius: 0.625rem; background-color: hsl(210, 20%, 97%); transition: all 0.15s ease; box-shadow: none; color: hsl(235, 38%, 27%); } .form-control:hover, .form-select:hover { background-color: white; border-color: hsl(209, 30%, 78%); } .form-control:focus, .form-select:focus { background-color: white; box-shadow: 0 0 0 2px white, 0 0 0 4px hsl(235, 38%, 27%); outline: none; } .form-control::placeholder, .form-select::placeholder { color: hsl(235, 20%, 45%); opacity: 1; } .form-control.is-valid, .form-control.is-invalid, .form-control.was-validated, .form-select.is-valid, .form-select.is-invalid, .form-select.was-validated { border-color: hsl(209, 30%, 85%) !important; background-image: none !important; background-size: 0 !important; } .form-control.is-valid:focus, .form-control.is-invalid:focus, .form-control.was-validated:focus, .form-select.is-valid:focus, .form-select.is-invalid:focus, .form-select.was-validated:focus { box-shadow: 0 0 0 2px white, 0 0 0 4px hsl(235, 38%, 27%) !important; } .form-control:disabled, .form-select:disabled { background-color: hsl(209, 20%, 96%); border-color: hsl(209, 30%, 85%); color: hsl(235, 20%, 45%); cursor: not-allowed; opacity: 0.5; } .form-control-lg { height: 2.75rem; font-size: 1rem; padding: 0.75rem 1rem; border-radius: 0.75rem; font-weight: 500; } textarea.form-control { height: auto; min-height: 6rem; resize: vertical; line-height: 1.6; border-radius: 0.75rem; } input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { height: auto; } /* ---------------------------------------------------------------------------------------------- *\ | Picture uploader | \* ---------------------------------------------------------------------------------------------- */ .form-upload { border-color: hsl(209, 30%, 85%); } .form-upload:hover { border-color: hsl(235, 38%, 27%); } .form-upload .form-upload-inner { background-color: #f0f3f5; } .form-upload:hover .form-upload-inner { background-color: white; } .form-upload .form-upload-icon { color: hsl(235, 20%, 55%); } .form-upload .form-upload-text { color: hsl(235, 38%, 27%); } .form-upload .form-upload-hint { color: hsl(235, 20%, 55%); } .form-upload.form-upload-has-image .form-upload-overlay-icon { color: hsl(235, 38%, 27%); } .form-upload.form-upload-has-image:hover { border-color: hsl(235, 38%, 27%); } .form-upload-dropzone { border-color: hsl(209, 30%, 85%); } .form-upload-dropzone:hover { border-color: hsl(235, 38%, 27%); background-color: hsla(235, 38%, 27%, 0.03); } .form-upload-dropzone .form-upload-dropzone-icon { color: hsl(235, 20%, 55%); } .form-upload-dropzone .form-upload-dropzone-text { color: hsl(235, 20%, 55%); } .form-upload-dropzone .form-upload-dropzone-hint { color: hsl(235, 20%, 65%); } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-dropzone-preview { background-color: #f0f3f5; } .form-upload-dropzone.form-upload-dropzone-has-image .form-upload-overlay-icon { color: hsl(235, 38%, 27%); } .form-upload-dropzone.form-upload-dropzone-has-image:hover { border-color: hsl(235, 38%, 27%); } .form-upload-cropper-container { background-color: #f0f3f5; border-color: hsl(209, 30%, 85%); } /* ---------------------------------------------------------------------------------------------- *\ | Seamless Modern Input Groups | \* ---------------------------------------------------------------------------------------------- */ .input-group { position: relative; display: flex; align-items: stretch; width: 100%; background-color: hsl(210, 20%, 97%); border: 1px solid hsl(209, 30%, 85%); border-radius: 0.625rem; transition: all 0.15s ease; } .input-group:hover { background-color: white; border-color: hsl(209, 30%, 78%); } .input-group:focus-within { background-color: white; box-shadow: 0 0 0 2px white, 0 0 0 4px hsl(235, 38%, 27%); } .input-group input.form-control:not(:first-child) { padding-left: 0.2rem; } .input-group .input-group-text { display: flex; align-items: center; padding: 0.625rem 0.5rem; font-size: 0.875rem; font-weight: 400; color: var(--gray-500); background-color: transparent; border: none; white-space: nowrap; } .input-group .input-group-text i, .input-group .input-group-text svg { opacity: 0.7; } .input-group .form-control { flex: 1 1 auto; border: none; background-color: transparent; box-shadow: none; padding: 0.625rem 0.875rem; } .input-group .form-control:focus { border: none; box-shadow: none; background-color: transparent; } .input-group .form-control:hover { background-color: transparent; border: none; } .input-group .btn { border: none; background-color: transparent; color: var(--gray-600); } .input-group .btn:hover { background-color: var(--gray-100); } /* ---------------------------------------------------------------------------------------------- *\ | Modern Checkboxes & Radio | \* ---------------------------------------------------------------------------------------------- */ .form-check { display: flex; align-items: center; gap: 0.625rem; padding-left: 0 !important; margin-left: 0 !important; margin-bottom: 0.625rem; min-height: auto; } .form-check-input, input[type=checkbox].form-check-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-flex !important; align-items: center; justify-content: center; width: 1rem !important; height: 1rem !important; min-width: 1rem !important; min-height: 1rem !important; max-width: 1rem !important; max-height: 1rem !important; aspect-ratio: 1/1 !important; padding: 0 !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; border: 1.5px solid hsl(235, 38%, 27%) !important; background-color: var(--white) !important; background-size: 100% 100% !important; background-position: center !important; border-radius: 0.25rem !important; transition: all 0.2s ease; cursor: pointer; flex-shrink: 0; vertical-align: middle; } .form-check-input:hover, input[type=checkbox].form-check-input:hover { border-color: hsl(235, 38%, 35%) !important; background-color: hsl(210, 20%, 97%) !important; } .form-check-input:focus, input[type=checkbox].form-check-input:focus { box-shadow: 0 0 0 2px white, 0 0 0 4px hsl(235, 38%, 27%) !important; outline: none; } .form-check-input:checked, input[type=checkbox].form-check-input:checked { background-color: hsl(235, 38%, 27%) !important; border-color: hsl(235, 38%, 27%) !important; } .form-check-input[type=radio], input[type=checkbox].form-check-input[type=radio] { border-radius: 50% !important; } .form-check-label { display: flex; align-items: center; font-size: 0.875rem; font-weight: 500; color: hsl(235, 38%, 27%); cursor: pointer; user-select: none; line-height: 1; margin-bottom: 0 !important; } /* ---------------------------------------------------------------------------------------------- *\ | Toggle Switch | \* ---------------------------------------------------------------------------------------------- */ .form-switch.form-switch-md .form-check-input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f5f7f9'/%3e%3c/svg%3e"); background-color: hsl(209, 30%, 85%); height: 1.5rem; width: 2.75rem; border-radius: 9999px; border: 2px solid transparent; transition: background-color 0.15s ease; cursor: pointer; } .form-switch.form-switch-md .form-check-input:checked { background-color: hsl(235, 38%, 27%); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e"); border-color: transparent; } .form-switch.form-switch-md .form-check-input:focus { box-shadow: none !important; } .row-switch { margin-left: -52px; } /* ---------------------------------------------------------------------------------------------- *\ | Tom Select | \* ---------------------------------------------------------------------------------------------- */ .ts-form { display: flex; justify-content: end; gap: 0.4rem; } .ts-form .ts-collection { display: none; flex-grow: 1; } .ts-form .ts-wrapper { display: block; } .ts-form .ts-wrapper .ts-control { height: 100%; display: flex; border: 0; background-color: #f0f3f5; gap: 0.2rem; } .ts-form .ts-wrapper .ts-control > div.item { margin: 0; background-color: #dce1e6; border-radius: 0.5625rem; padding: 0.297rem 0.495rem; overflow: hidden; } .ts-form .ts-wrapper .ts-dropdown { overflow: hidden; border-radius: 0.5625rem; border: 1px solid #dce1e6; } .ts-form .ts-wrapper .ts-dropdown .option, .ts-form .ts-wrapper .ts-dropdown .create, .ts-form .ts-wrapper .ts-dropdown .no-results { padding: 0.33rem 0.495rem; } .ts-form .ts-wrapper .ts-dropdown .option:hover, .ts-form .ts-wrapper .ts-dropdown .create:hover, .ts-form .ts-wrapper .ts-dropdown .no-results:hover { color: #1a202c; background-color: #e8ecf0; } .ts-form .ts-wrapper .ts-control { border-radius: var(--bs-border-radius); border: var(--bs-border-width) solid rgba(220, 225, 230, 0.5); background-color: #f0f3f5; padding-left: 0.495rem !important; } .form-tomselect .ts-wrapper { display: block; padding: 0.495rem 0.7425rem; font-size: 1rem; font-weight: 400; line-height: 1.5; } .form-tomselect .ts-wrapper .ts-control { height: 100%; display: flex; border: 0; background-color: #f0f3f5; gap: 0.2rem; } .form-tomselect .ts-wrapper .ts-control > div.item { margin: 0; background-color: #dce1e6; border-radius: 0.5625rem; padding: 0.297rem 0.495rem; overflow: hidden; } .form-tomselect .ts-wrapper .ts-dropdown { overflow: hidden; border-radius: 0.5625rem; border: 1px solid #dce1e6; } .form-tomselect .ts-wrapper .ts-dropdown .option, .form-tomselect .ts-wrapper .ts-dropdown .create, .form-tomselect .ts-wrapper .ts-dropdown .no-results { padding: 0.33rem 0.495rem; } .form-tomselect .ts-wrapper .ts-dropdown .option:hover, .form-tomselect .ts-wrapper .ts-dropdown .create:hover, .form-tomselect .ts-wrapper .ts-dropdown .no-results:hover { color: #1a202c; background-color: #e8ecf0; } .form-tomselect .ts-wrapper .ts-control { padding: 0.2rem; } /* ---------------------------------------------------------------------------------------------- *\ | Browser Extension Containment (Grammarly, etc) | \* ---------------------------------------------------------------------------------------------- */ grammarly-extension { display: none !important; } /* ---------------------------------------------------------------------------------------------- *\ | Modern Form Labels & Groups | \* ---------------------------------------------------------------------------------------------- */ .form-group { margin-bottom: 1rem; } .form-group label:has(+ textarea), .form-group label:has(+ input), .form-group label:has(+ .input-wrapper), .form-group label:has(+ div, + input), .form-group label:has(+ br, + select) { font-size: 0.8125rem; font-weight: 500; color: hsl(235, 38%, 27%); margin-bottom: 0.375rem; } .form-group .d-flex.flex-row, .form-group .styled-list .flex-row.list-item, .styled-list .form-group .flex-row.list-item, .form-group .flex-row.flex, .form-group .flex-row.auto-flex, .form-group .flex-row.toolbar { gap: 0.5rem; } .form-group .form-text { display: flex; justify-content: end; font-size: 0.75rem; color: var(--gray-500); margin-top: 0.25rem; } label, .form-label { display: block; margin-bottom: 0.5rem; font-size: 0.8125rem; font-weight: 500; color: hsl(235, 38%, 27%); line-height: 1; } label.required::after, .form-label.required::after { content: " *"; color: var(--red-500); } /* ********************************************************************************************** *\ | Legacy | \* ********************************************************************************************** */ .branding-color-blue { color: #2d3268; } .branding-color-teal { color: #4fb3be; } /* ********************************************************************************************** *\ ** HTML ROOT ** \* ********************************************************************************************** */ :root, [data-bs-theme=light] { --apex-primary: #293a7b; --apex-primary-contrast: #25346f; --apex-primary-subtle: #d4d8e5; --apex-secondary: #6b728d; --apex-secondary-contrast: #60677f; --apex-secondary-subtle: #e1e3e8; --apex-success: #308349; --apex-success-contrast: #2b7642; --apex-success-subtle: #d6e6db; --apex-warning: #f6c640; --apex-warning-contrast: #ddb23a; --apex-warning-subtle: #fdf4d9; --apex-danger: #dd1d48; --apex-danger-contrast: #c71a41; --apex-danger-subtle: #f8d2da; --apex-info: #3a7aa6; --apex-info-contrast: #346e95; --apex-info-subtle: #d8e4ed; --apex-tertiary: #df7762; } html body { min-height: 100%; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 0.875rem; color: #1a202c; min-width: 22.5rem; background-color: rgba(247, 248, 250, 0.5); letter-spacing: 0.35px; } turbo-frame:empty { display: none !important; } /* ********************************************************************************************** *\ ** CORE LAYOUT ** \* ********************************************************************************************** */ .layout-wrapper { display: flex; flex-direction: column; margin-top: calc(3.25rem + 1px); height: calc(100vh - (3.25rem + 1px)); /* ------------------------------------------------------------------------------------------ *\ || CONTENT || \* ------------------------------------------------------------------------------------------ */ } .layout-wrapper .content-wrapper { display: flex; flex-wrap: nowrap; flex-direction: column; flex-grow: 1; overflow: auto; gap: 0.6rem; padding: 0.8rem 0; /* -------------------------------------------------------------------------------------- *\ || FOOTER || \* -------------------------------------------------------------------------------------- */ } @media (max-width: 575.98px) { .layout-wrapper .content-wrapper { background-color: #e8ecf0; padding: 0; } } .layout-wrapper .content-wrapper aside.inner-content-header { margin: -0.8rem 0.4rem 0 0.4rem; display: flex; flex-direction: column; align-self: stretch; } @media (max-width: 575.98px) { .layout-wrapper .content-wrapper aside.inner-content-header:empty { margin: -0.8rem; } } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper { margin-top: 0.5rem; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper .alert-banner { margin: 0; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) { background: linear-gradient(135deg, rgba(45, 50, 104, 0.15) 0%, rgba(45, 50, 104, 0.22) 100%); border: 1px solid rgba(45, 50, 104, 0.45); box-shadow: 0 1px 3px rgba(45, 50, 104, 0.12); margin: 0; color: #0e1021; border-radius: 0.84375rem; position: relative; overflow: hidden; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) .btn { border-radius: 0.84375rem; margin: -0.2rem; background-color: rgba(45, 50, 104, 0.25); border: 1px solid rgba(45, 50, 104, 0.4); color: #161833; font-weight: 500; transition: all 0.15s ease; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) .btn:hover { background-color: rgba(45, 50, 104, 0.35); border-color: rgba(45, 50, 104, 0.55); color: #06070f; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) .btn:active { background-color: rgba(45, 50, 104, 0.4); } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) .btn-close { opacity: 0.7; transition: opacity 0.15s ease; color: #1e2144; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) a { color: #1e2144; font-weight: 500; transition: all 0.15s ease; } .layout-wrapper .content-wrapper aside.inner-content-header .notices-wrapper *[class^=alert]:not(.alert-banner):not(.alert-banner *) a:hover { color: #0e1021; text-decoration-color: #2d3268; } .layout-wrapper .content-wrapper aside.inner-content-header .alerts-wrapper { display: flex; flex-direction: column; gap: 0.4rem; } .layout-wrapper .content-wrapper aside.inner-content-header .alerts-wrapper:not(:empty) { padding-top: 0.8rem; } .layout-wrapper .content-wrapper aside.inner-content-header .alerts-wrapper:not(:empty) .alert, .layout-wrapper .content-wrapper aside.inner-content-header .alerts-wrapper:not(:empty) .alert-light, .layout-wrapper .content-wrapper aside.inner-content-header .alerts-wrapper:not(:empty) .styled-alert { margin: 0; } .layout-wrapper .content-wrapper aside.inner-content-header > .breadcrumb-wrapper { padding-top: 0.8rem; } .layout-wrapper .content-wrapper .inner-content-wrapper { position: relative; flex-grow: 1; display: flex; flex-direction: column; gap: 0.8rem; border-radius: 0.84375rem; border: 1px solid hsl(209, 20%, 92%); background-color: hsl(209, 30%, 95%); align-self: stretch; margin: 0 0.4rem; padding: 0.8rem; } @media (max-width: 575.98px) { .layout-wrapper .content-wrapper .inner-content-wrapper { margin: 0; border-radius: 0; border: none; } } .layout-wrapper .content-wrapper .inner-content-wrapper.bg-neutral { background-color: #e8e8e8; } .layout-wrapper .content-wrapper .inner-content-wrapper.bg-neutral .inner-content-wave-effect svg { filter: saturate(30%); } .layout-wrapper .content-wrapper .inner-content-wrapper .inner-content-wave-effect { border-radius: 0.84375rem; overflow: hidden; position: absolute; top: 0; right: 0; width: 100%; opacity: 0.6; filter: saturate(0.65); } @media (max-width: 575.98px) { .layout-wrapper .content-wrapper .inner-content-wrapper .inner-content-wave-effect { border-radius: 0; } } .layout-wrapper .content-wrapper .inner-content-wrapper > *:not(.inner-content-wave-effect) { position: relative; } .layout-wrapper .content-wrapper footer.inner-content-footer { margin: 0 0.4rem; align-self: stretch; text-align: center; font-size: 0.7em; font-weight: 400; color: rgba(113, 128, 150, 0.6); } .layout-modal .modal { align-content: center; } /* ********************************************************************************************** *\ || SIDEBAR LAYOUT || \* ********************************************************************************************** */ .sidebar-layout { display: flex; flex-grow: 1; } @media (min-width: 992px) { .sidebar-layout .offcanvas-sidebar { position: -webkit-sticky; position: sticky; } .sidebar-layout .offcanvas-sidebar .offcanvas-body { padding-right: 0; } } @media (min-width: 992px) { .sidebar-layout .content-wrapper .inner-content-wrapper { margin-left: 0; } } /* ********************************************************************************************** *\ | SSO Layout | \* ********************************************************************************************** */ .sso-layout .card, .sso-layout .styled-list { max-width: 32rem; margin: 0 auto; border-radius: 1rem; overflow: hidden; background: var(--apex-background); transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); border: 1px solid color-mix(in srgb, var(--gray-300) 50%, transparent); } .sso-layout .card .card-header, .sso-layout .styled-list .card-header { background: var(--gray-100); border: none; border-bottom: 1px solid var(--gray-200); padding: 2rem 2rem 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .sso-layout .card .card-header .card-title, .sso-layout .styled-list .card-header .card-title { color: var(--gray-800); letter-spacing: -0.01em; font-weight: 600; font-size: 1.75rem; line-height: 1; margin-bottom: 0.375rem; text-align: center !important; width: 100%; display: block; } .sso-layout .card .card-header .card-subtitle, .sso-layout .styled-list .card-header .card-subtitle { color: var(--gray-600); font-size: 0.875rem; font-weight: 400; margin-top: 0.25rem; text-align: center !important; width: 100%; display: block; } .sso-layout .card .card-body, .sso-layout .card .styled-list, .sso-layout .styled-list .card-body, .sso-layout .styled-list .styled-list, .sso-layout .card .jumbotron .jumbotron-body, .sso-layout .styled-list .jumbotron .jumbotron-body, .jumbotron .sso-layout .card .jumbotron-body, .jumbotron .sso-layout .styled-list .jumbotron-body { padding: 2rem; } .sso-layout form .form-group { margin-bottom: 1.25rem; } .sso-layout form .form-group label, .sso-layout form .form-group .form-label { font-size: 0.8125rem; font-weight: 500; color: hsl(235, 38%, 27%); margin-bottom: 0.375rem; display: block; line-height: 1; } .sso-layout form .form-group .form-control { height: 2.5rem; border: 1px solid hsl(209, 30%, 85%); border-radius: 0.625rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; transition: all 0.2s ease; background-color: hsl(210, 20%, 97%); color: hsl(235, 38%, 27%); width: 100%; } .sso-layout form .form-group .form-control:hover { background-color: var(--white); border-color: hsl(209, 30%, 78%); } .sso-layout form .form-group .form-control:focus { border-color: hsl(209, 30%, 85%); background-color: var(--white); box-shadow: 0 0 0 2px hsl(210, 20%, 97%), 0 0 0 4px hsl(235, 38%, 27%); outline: none; } .sso-layout form .form-group .form-control::placeholder { color: hsl(235, 20%, 45%); } .sso-layout form .form-group .form-control.is-invalid { border-color: var(--red-500); background-color: color-mix(in srgb, var(--red-500) 5%, var(--white)); } .sso-layout form .form-group .form-control.is-invalid:focus { border-color: var(--red-500); box-shadow: 0 0 0 3px color-mix(in srgb, var(--red-500) 10%, transparent); } .sso-layout form .form-group .invalid-feedback { font-size: 0.75rem; margin-top: 0.375rem; color: var(--red-500); } .sso-layout form .form-actions, .sso-layout form .mb-3:has(.btn-primary.w-100) { margin-top: 1.5rem; } .sso-layout form .form-actions .btn-primary, .sso-layout form .mb-3:has(.btn-primary.w-100) .btn-primary { width: 100%; padding: 0.75rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; border: none; background: #2d3268; color: var(--white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; } .sso-layout form .form-actions .btn-primary:hover, .sso-layout form .mb-3:has(.btn-primary.w-100) .btn-primary:hover { background: #252956; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .sso-layout form .form-actions .btn-primary:active, .sso-layout form .mb-3:has(.btn-primary.w-100) .btn-primary:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .sso-layout form .form-actions .btn-primary:disabled, .sso-layout form .mb-3:has(.btn-primary.w-100) .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .sso-layout form .form-links, .sso-layout form .mb-3.text-muted, .sso-layout form .card .card-header .card-title .mb-3.card-subtitle, .sso-layout form .styled-list .card-header .card-title .mb-3.card-subtitle, .card .card-header .card-title .sso-layout form .mb-3.card-subtitle, .styled-list .card-header .card-title .sso-layout form .mb-3.card-subtitle { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 1.5rem; margin-bottom: 0; padding-top: 1.25rem; padding-bottom: 0.5rem; border-top: 1px solid var(--gray-200); } .sso-layout form .form-links a, .sso-layout form .mb-3.text-muted a, .sso-layout form .card .card-header .card-title .mb-3.card-subtitle a, .sso-layout form .styled-list .card-header .card-title .mb-3.card-subtitle a, .card .card-header .card-title .sso-layout form .mb-3.card-subtitle a, .styled-list .card-header .card-title .sso-layout form .mb-3.card-subtitle a { font-size: 0.8125rem; color: var(--gray-600); text-decoration: none; transition: color 0.2s ease; font-weight: 500; } .sso-layout form .form-links a:hover, .sso-layout form .mb-3.text-muted a:hover, .sso-layout form .card .card-header .card-title .mb-3.card-subtitle a:hover, .sso-layout form .styled-list .card-header .card-title .mb-3.card-subtitle a:hover, .card .card-header .card-title .sso-layout form .mb-3.card-subtitle a:hover, .styled-list .card-header .card-title .sso-layout form .mb-3.card-subtitle a:hover { color: var(--gray-900); } .sso-layout .form-check { margin-bottom: 1.25rem; } .sso-layout .form-check .form-check-input { border: 1.5px solid hsl(235, 38%, 27%); border-radius: 0.25rem; width: 1rem; height: 1rem; margin-top: 0.125rem; cursor: pointer; background-color: var(--white); transition: all 0.2s ease; } .sso-layout .form-check .form-check-input:hover { border-color: hsl(235, 38%, 35%); background-color: hsl(210, 20%, 97%); } .sso-layout .form-check .form-check-input:checked { background-color: hsl(235, 38%, 27%); border-color: hsl(235, 38%, 27%); } .sso-layout .form-check .form-check-input:focus { border-color: hsl(235, 38%, 27%); box-shadow: 0 0 0 2px hsl(210, 20%, 97%), 0 0 0 4px hsl(235, 38%, 27%); } .sso-layout .form-check .form-check-label { font-size: 0.875rem; font-weight: 500; color: hsl(235, 38%, 27%); margin-left: 0.5rem; cursor: pointer; } .sso-layout .language-selector { text-align: center; margin-top: 2rem; } .sso-layout .alert-light { background-color: var(--gray-50); border: 1px solid var(--gray-200); border-radius: 0.5rem; padding: 1rem; margin-bottom: 1rem; color: var(--gray-700); } .sso-layout .alert-light p { margin-bottom: 0.5rem; font-size: 0.875rem; } .sso-layout .alert-light p:last-child { margin-bottom: 0; } .sso-layout .btn-check + .btn { border-radius: 0.5rem; padding: 0.75rem 1rem; font-weight: 500; transition: all 0.2s ease; border: 1.5px solid var(--gray-200); background-color: var(--white); color: var(--gray-700); } .sso-layout .btn-check + .btn:hover { background-color: var(--gray-50); border-color: var(--gray-300); transform: translateY(-1px); } .sso-layout .btn-check:checked + .btn { background: #2d3268; border-color: #2d3268; color: var(--white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .sso-layout .btn-check:checked + .btn:hover { background: #252956; border-color: #252956; } .sso-layout .role-cards { display: grid; gap: 0.75rem; } .sso-layout .role-card { display: flex; align-items: center; gap: 1rem; width: 100%; text-align: left; padding: 1rem; border-radius: 0.75rem; border: 1px solid color-mix(in srgb, var(--gray-300) 50%, transparent); background: var(--white); cursor: pointer; transition: all 0.2s ease; } .sso-layout .role-card:hover { border-color: color-mix(in srgb, #2d3268 30%, transparent); background-color: var(--gray-50); } .sso-layout .role-card.active { border-color: #2d3268; background-color: color-mix(in srgb, #2d3268 5%, var(--white)); box-shadow: 0 0 0 1px color-mix(in srgb, #2d3268 20%, transparent); } .sso-layout .role-card .role-icon { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; flex-shrink: 0; transition: all 0.2s ease; background-color: var(--gray-100); color: var(--gray-500); font-size: 1.125rem; } .active .sso-layout .role-card .role-icon { background-color: #2d3268; color: var(--white); } .sso-layout .role-card .role-content { flex: 1; min-width: 0; } .sso-layout .role-card .role-content .role-title { font-weight: 500; font-size: 0.875rem; color: var(--gray-800); line-height: 1.25; } .sso-layout .role-card .role-content .role-description { font-size: 0.75rem; color: var(--gray-500); margin-top: 0.125rem; line-height: 1.4; } .sso-layout .role-card .role-check { display: none; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #2d3268; color: var(--white); align-items: center; justify-content: center; flex-shrink: 0; } .active .sso-layout .role-card .role-check { display: flex; } .sso-layout .role-card .role-check svg { width: 0.75rem; height: 0.75rem; } .sso-layout .form-navigation { display: flex; gap: 0.75rem; margin-top: 1.5rem; } .sso-layout .form-navigation .btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.5rem; transition: all 0.2s ease; } .sso-layout .form-navigation .btn-outline-secondary { border: 1px solid var(--gray-300); background: var(--white); color: var(--gray-700); } .sso-layout .form-navigation .btn-outline-secondary:hover { background: var(--gray-50); border-color: var(--gray-400); } .sso-layout .form-navigation .btn-primary { border: none; background: #2d3268; color: var(--white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .sso-layout .form-navigation .btn-primary:hover { background: #252956; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .sso-layout .form-navigation .btn-primary:disabled, .sso-layout .form-navigation .btn-primary.disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .sso-layout .section-header { display: flex; flex-direction: column; justify-items: center; align-items: center; text-align: center; margin-bottom: 1.5rem; } .sso-layout .section-header .section-title { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.025em; color: var(--gray-800); margin-bottom: 0.25rem; line-height: 1.2; } .sso-layout .section-header .section-subtitle { font-size: 0.875rem; color: var(--gray-500); font-weight: 400; } .inner-content-wrapper.sso-wrapper { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 120px); padding: 2rem 1rem; } /* ---------------------------------------------------------------------------------------------- *\ | Navbar | \* ---------------------------------------------------------------------------------------------- */ .navbar { background-color: #2a3568; color: var(--white); box-shadow: 0 2px 8px color-mix(in srgb, var(--black) 15%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent); } .navbar .btn.body-sidebar-toggler { display: flex; height: 2rem; padding: 0.25rem 0.625rem; margin-right: 0.4rem; align-items: center; color: var(--white); border-radius: 10px; background: color-mix(in srgb, var(--white) 5%, transparent); transition: all 0.15s ease; box-shadow: none; } .navbar .btn.body-sidebar-toggler:hover { background: color-mix(in srgb, var(--white) 10%, transparent); } .navbar .navbar-brand { display: flex; align-items: center; height: 2.5rem; transition: all 0.2s ease; } .navbar .navbar-brand img { display: block; height: 1.25rem; filter: brightness(0) invert(1); } .navbar .navbar-placeholder { color: var(--white); display: block; border-radius: 10px; padding: 0.4rem 0.8rem; background: linear-gradient(135deg, var(--red-600) 0%, var(--red-500) 100%); box-shadow: 0 2px 8px color-mix(in srgb, var(--red-900) 30%, transparent); font-weight: 500; font-size: 0.875rem; } .navbar .navbar-placeholder a { color: var(--white); text-decoration: none; } .navbar .navbar-placeholder a:hover { text-decoration: underline; } .navbar .btn-navbar { color: var(--white); height: 2rem; padding: 0 0.4rem 0 0.8rem; align-content: center; border-radius: 10px; background: color-mix(in srgb, var(--white) 5%, transparent); transition: all 0.15s ease; font-weight: 500; box-shadow: none; } .navbar .btn-navbar:hover { background: color-mix(in srgb, var(--white) 10%, transparent); color: var(--white); } .navbar .btn-navbar.nav-sidebar-toggler { padding: 0 0.4rem; } .navbar .btn-navbar.nav-sidebar-toggler .nav-sidebar-toggler-image { padding: 0; border: 0; border-radius: 10px; transition: all 0.2s ease; } .navbar .btn-navbar.nav-sidebar-toggler .nav-sidebar-toggler-image img.nav-sidebar-toggler-default-image { height: 1.625rem; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--white) 30%, transparent); box-shadow: 0 2px 8px color-mix(in srgb, var(--black) 20%, transparent); } .navbar .btn-navbar.nav-sidebar-toggler .nav-sidebar-toggler-image:hover img.nav-sidebar-toggler-default-image { border-color: var(--white); box-shadow: 0 4px 12px color-mix(in srgb, var(--black) 30%, transparent); } .navbar .btn-navbar.nav-sidebar-toggler .nav-sidebar-toggler-image:focus { box-shadow: none; } .navbar aside.nav-sidebar { background-color: white; border-left: 1px solid hsl(209, 30%, 85%); box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08); } .navbar aside.nav-sidebar .sidebar-head { padding: 1.25rem 1.25rem 0.75rem; font-size: 0.875rem; font-weight: 400; color: hsl(235, 20%, 45%); margin-bottom: 0; border: none; box-shadow: 0 1px 0 hsl(209, 30%, 85%); } .navbar aside.nav-sidebar .sidebar-head span.fw-bold { color: hsl(235, 25%, 25%); font-weight: 600; } .navbar aside.nav-sidebar .sidebar-body { padding: 0.75rem; gap: 0.25rem; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category { gap: 0.125rem; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link { color: hsl(235, 20%, 45%); font-weight: 400; gap: 0.75rem; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link:hover { background-color: hsl(209, 40%, 90%) !important; color: hsl(235, 25%, 25%) !important; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link.active, .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link.active:active, .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link.active:hover { background-color: hsl(235, 38%, 27%) !important; color: white !important; font-weight: 500; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link[data-turbo-method=delete] { color: hsl(0, 84%, 60%); } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link[data-turbo-method=delete]:hover { background-color: hsla(0, 84%, 60%, 0.1) !important; color: hsl(0, 84%, 60%) !important; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-link[data-turbo-method=delete].active { background-color: hsl(0, 84%, 60%) !important; color: white !important; } .navbar aside.nav-sidebar .sidebar-body .sidebar-category .sidebar-sublink-group { margin-top: 0.25rem; } .navbar aside.nav-sidebar .sidebar-footer { border-top: none; padding: 1rem; margin-top: auto; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher { display: flex; align-items: center; gap: 0.5rem; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-icon { color: hsl(235, 20%, 45%); font-size: 0.875rem; flex-shrink: 0; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-options { flex: 1; display: flex; align-items: center; height: 2rem; border: 1px solid hsl(209, 30%, 85%); border-radius: 0.375rem; overflow: hidden; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-options .sidebar-lang-option { flex: 1; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 0.75rem; font-weight: 500; color: hsl(235, 20%, 45%); text-decoration: none; transition: all 0.15s ease; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-options .sidebar-lang-option:hover { background-color: hsl(209, 40%, 90%); color: hsl(235, 25%, 25%); } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-options .sidebar-lang-option.active { background-color: hsl(235, 38%, 27%); color: white; } .navbar aside.nav-sidebar .sidebar-footer .sidebar-lang-switcher .sidebar-lang-options .sidebar-lang-option + .sidebar-lang-option { border-left: 1px solid hsl(209, 30%, 85%); } .navbar aside.nav-sidebar hr { height: 1px !important; background: hsl(209, 30%, 85%); margin: 0.5rem 0; border: none; opacity: 0.5; } /* ********************************************************************************************** *\ || ALL OFFCANVAS || \* ********************************************************************************************** */ .offcanvas-backdrop { height: calc(100vh - (3.25rem + 1px)); top: calc(3.25rem + 1px) !important; } .offcanvas-backdrop.show { opacity: 0.1; } /* ********************************************************************************************** *\ || SIDEBAR OFFCANVAS (both left and right) || \* ********************************************************************************************** */ /* ********************************************************************************************** *\ || SPLIT PANEL (right offcanvas) || \* ********************************************************************************************** */ .split-panel { top: calc(3.25rem + 1px) !important; height: calc(100vh - (3.25rem + 1px)); --bs-offcanvas-width: min(55rem, calc(100vw - 4rem)); border-left: none; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08); background-color: hsl(209, 30%, 95%); overflow: hidden; } @media (max-width: 767.98px) { .split-panel { width: 100vw; } } .split-panel #split-panel-frame { display: flex; flex-direction: column; height: 100%; overflow-y: auto; } .split-panel .inner-content-wrapper { background: transparent; border: none; box-shadow: none; padding: 0; } .split-panel .split-panel-content { display: flex; flex-direction: column; height: 100%; } .split-panel .split-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; border-bottom: 1px solid hsl(209, 30%, 88%); background-color: white; flex-shrink: 0; } .split-panel .split-panel-title { margin: 0; font-size: 1rem; font-weight: 600; } .split-panel .split-panel-close { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: none; border-radius: 50%; background-color: hsl(209, 30%, 92%); color: hsl(209, 20%, 40%); cursor: pointer; transition: all 0.15s ease; font-size: 0.875rem; } .split-panel .split-panel-close:hover { background-color: hsl(209, 30%, 86%); color: hsl(209, 20%, 25%); } .split-panel .split-panel-body { flex: 1; overflow-y: auto; padding: 1rem; } /* ********************************************************************************************** *\ || SIDEBAR OFFCANVAS (both left and right) || \* ********************************************************************************************** */ .offcanvas-sidebar { top: calc(3.25rem + 1px) !important; height: calc(100vh - (3.25rem + 1px)); overflow: scroll; max-width: 16.5rem; min-width: 14.5rem; width: 14.5rem; } .offcanvas-sidebar::-webkit-scrollbar { display: none; } @media (max-width: 575.98px) { .offcanvas-sidebar { max-width: 100%; min-width: 100%; } } .offcanvas-sidebar .offcanvas-body { display: flex; flex-direction: column; padding: 0; height: calc(100dvh - (3.25rem + 1px)); max-height: calc(100dvh - (3.25rem + 1px)); min-height: calc(100dvh - (3.25rem + 1px)); } .offcanvas-sidebar .sidebar-head { color: #2d3268; font-weight: 500; place-content: center; padding: 0.75rem; } .offcanvas-sidebar .sidebar-head a { color: #2d3268; } .offcanvas-sidebar .sidebar-head .sidebar-link { padding: 0.5rem 0.75rem; border-radius: 0.375rem; transition: all 0.15s ease; cursor: pointer; font-size: 0.75rem; line-height: 1.4; border: 1px solid hsl(209, 30%, 85%); background-color: white; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .offcanvas-sidebar .sidebar-head .sidebar-link small, .offcanvas-sidebar .sidebar-head .sidebar-link .small { font-size: 0.6875rem; color: hsl(235, 20%, 45%) !important; } .offcanvas-sidebar .sidebar-head .sidebar-link:hover { background-color: hsl(209, 40%, 96%); border-color: hsl(209, 30%, 80%); } .offcanvas-sidebar .sidebar-head .sidebar-link:active { background-color: hsl(209, 30%, 94%); } .offcanvas-sidebar .sidebar-head .sidebar-sublink-group { margin-top: 0.25rem; } .offcanvas-sidebar .sidebar-body { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 1rem; padding: 0.25rem 0.75rem 0.75rem; } .offcanvas-sidebar .sidebar-body .sidebar-category { display: flex; flex-direction: column; gap: 0.125rem; /* ** Sidenav headings (titles) *****************************************************/ /* ** Sidenav Links (a-href links) *****************************************************/ /* ** Sidenav Actions (large buttons) *****************************************************/ } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-heading { display: flex; align-items: center; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; padding: 0.25rem 0.75rem; margin-bottom: 0.125rem; color: rgba(42, 74, 120, 0.45); } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.75rem !important; font-size: 0.8375rem !important; line-height: 1.4; transition: all 0.15s ease; font-weight: 400; letter-spacing: 0; text-decoration: none !important; cursor: pointer; color: hsl(235, 20%, 45%) !important; background-color: transparent !important; border: none !important; border-radius: 0.625rem !important; box-shadow: none !important; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link:hover { background-color: hsl(209, 40%, 90%) !important; color: hsl(235, 25%, 25%) !important; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link.active, .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link.active:active, .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link.active:hover { background-color: hsl(235, 38%, 27%) !important; color: white !important; font-weight: 500; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link .sidebar-icon { margin-right: 0 !important; font-weight: 500; font-size: 0.875em; width: 1rem; text-align: center; flex-shrink: 0; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link.collapsed .carret-collapsed { display: inline-block; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link.collapsed .carret-uncollapsed { display: none; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link:not(.collapsed) .carret-collapsed { display: none; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-link:not(.collapsed) .carret-uncollapsed { display: inline-block; } .offcanvas-sidebar .sidebar-body .sidebar-category .sidebar-action .btn { width: 100%; justify-content: flex-start; padding: 0.5rem 0.75rem; font-size: 0.875rem; } .offcanvas-sidebar .sidebar-body .disabled { color: gray; cursor: not-allowed; } .offcanvas-sidebar .sidebar-body .sidebar-link.collapsable, .offcanvas-sidebar .sidebar-head .sidebar-link.collapsable { display: flex; align-items: center; } .offcanvas-sidebar .sidebar-body .sidebar-link.collapsable.collapsed .carret-collapsed, .offcanvas-sidebar .sidebar-head .sidebar-link.collapsable.collapsed .carret-collapsed { display: inline-block; } .offcanvas-sidebar .sidebar-body .sidebar-link.collapsable.collapsed .carret-uncollapsed, .offcanvas-sidebar .sidebar-head .sidebar-link.collapsable.collapsed .carret-uncollapsed { display: none; } .offcanvas-sidebar .sidebar-body .sidebar-link.collapsable:not(.collapsed) .carret-collapsed, .offcanvas-sidebar .sidebar-head .sidebar-link.collapsable:not(.collapsed) .carret-collapsed { display: none; } .offcanvas-sidebar .sidebar-body .sidebar-link.collapsable:not(.collapsed) .carret-uncollapsed, .offcanvas-sidebar .sidebar-head .sidebar-link.collapsable:not(.collapsed) .carret-uncollapsed { display: inline-block; } .offcanvas-sidebar .sidebar-body .sidebar-sublink-group, .offcanvas-sidebar .sidebar-head .sidebar-sublink-group { font-size: 0.8125rem; background-color: rgba(228, 232, 236, 0.5); border-radius: 0.375rem; border: 1px solid hsl(209, 30%, 85%); padding: 0.375rem; } .offcanvas-sidebar .sidebar-body .sidebar-sublink-group .sidebar-sublink, .offcanvas-sidebar .sidebar-head .sidebar-sublink-group .sidebar-sublink { font-weight: normal; display: block; padding: 0.375rem 0.75rem; border-radius: 0.375rem; transition: all 0.15s ease; } .offcanvas-sidebar .sidebar-body .sidebar-sublink-group .sidebar-sublink:hover, .offcanvas-sidebar .sidebar-head .sidebar-sublink-group .sidebar-sublink:hover { background-color: hsl(209, 40%, 90%); color: hsl(235, 25%, 25%); } .offcanvas-sidebar .sidebar-body .sidebar-sublink-group .sidebar-sublink.active, .offcanvas-sidebar .sidebar-head .sidebar-sublink-group .sidebar-sublink.active { background-color: hsl(235, 38%, 27%); color: white; font-weight: 500; } .offcanvas-sidebar .sidebar-footer { margin-block-start: auto; padding: 0.75rem; width: 100%; font-size: 0.75rem; border-top: none; } .page-heading { display: flex; justify-content: space-between; align-items: flex-end; } .page-heading .page-heading-wrapper { flex: 1; min-width: 0; } .page-heading .page-heading-wrapper.page-heading-with-thumbnail { display: flex; justify-content: flex-start; align-items: center; gap: 0.4rem; } .page-heading .page-heading-wrapper.page-heading-with-thumbnail .page-thumbnail { flex-shrink: 0; } .page-heading .page-heading-wrapper .page-title-wrapper { flex: 1; min-width: 0; display: flex; flex-direction: column; } .page-heading .page-heading-wrapper .page-title-wrapper h1.page-title, .page-heading .page-heading-wrapper .page-title-wrapper .page-title.h1 { display: block; color: hsl(235, 25%, 25%); margin-bottom: 0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.01em; font-weight: 700; font-size: 1.5rem; line-height: 1; } .page-heading .page-heading-wrapper .page-title-wrapper h1.page-title small, .page-heading .page-heading-wrapper .page-title-wrapper .page-title.h1 small, .page-heading .page-heading-wrapper .page-title-wrapper h1.page-title .small, .page-heading .page-heading-wrapper .page-title-wrapper .page-title.h1 .small { font-weight: 500; font-size: 0.875rem; color: #6b7280; } .page-heading .page-heading-wrapper .page-title-wrapper .page-subtitle { color: hsl(235, 20%, 45%); font-size: 0.875rem; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } .page-heading .page-heading-meta { display: flex; flex-direction: column; row-gap: 0.2rem; align-items: end; } .page-heading .page-heading-meta .page-heading-options { display: flex; flex-direction: row; gap: 0.4rem; align-items: center; justify-self: right; } @media (max-width: 575.98px) { .page-heading .page-heading-meta .page-heading-options { flex-direction: column; align-items: flex-end; } } .page-heading .page-heading-meta .page-heading-options .page-heading-label { display: flex; align-items: center; } .page-heading .page-heading-meta .page-heading-options .page-heading-label .badge { font-weight: 500; font-size: 0.8rem; padding: 0.4rem 0.75rem; border-radius: 6px; } .page-heading .page-heading-meta .page-heading-options .page-heading-buttons { display: flex; gap: 0.4rem; align-items: center; } .page-heading .page-heading-meta .page-heading-options .page-heading-buttons .btn { font-size: 0.8125rem; font-weight: 500; white-space: nowrap; padding: 0.375rem 0.875rem; position: relative; transition: top 0.2s ease, box-shadow 0.2s ease; } .page-heading .page-heading-meta .page-heading-options .page-heading-buttons .btn:hover { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .page-heading .page-heading-meta .page-heading-options .badge { font-size: 0.85rem; } .page-heading .page-heading-meta .page-properties { display: flex; align-items: center; gap: 0.4rem; color: oklch(49.9% 0.028 260.583); text-align: right; justify-self: right; margin-top: 0.2rem; } .page-heading .page-heading-meta .page-properties > * + *::before { content: "·"; margin-right: 0.4rem; color: #cbd2d9; font-weight: 500; } .tabnav-container { border: 1px solid #dce1e6; border-radius: 0.84375rem; } .tabnav-container .tabnav-pills { display: flex; width: 100%; gap: 0.25rem; margin-bottom: 0; padding: 0.25rem; background: #f1f5f9; border-radius: 0.84375rem; } .tabnav-container .tabnav-pills .tabnav-item { list-style: none; } .tabnav-container .tabnav-pills .tabnav-link { display: inline-flex; align-items: center; padding: 0.4rem 1rem; font-size: 0.8rem; font-weight: 500; color: #64748b; background-color: transparent; border-radius: 7px; text-decoration: none; transition: all 0.15s ease; } .tabnav-container .tabnav-pills .tabnav-link:hover { color: #475569; } .tabnav-container .tabnav-pills .tabnav-link.active { color: white; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .tabnav-container .tabnav-pills .tabnav-link i, .tabnav-container .tabnav-pills .tabnav-link .fa, .tabnav-container .tabnav-pills .tabnav-link .fas, .tabnav-container .tabnav-pills .tabnav-link .far, .tabnav-container .tabnav-pills .tabnav-link .fal, .tabnav-container .tabnav-pills .tabnav-link .fad { margin-right: 0.4rem; font-size: 0.75rem; } .tabnav-container.tabnav-success .tabnav-link.active { background: linear-gradient(135deg, #10b981 0%, #34d399 100%); } .tabnav-container.tabnav-success .tabnav-link.active:hover { box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); } .tabnav-container.tabnav-info .tabnav-link.active { background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%); } .tabnav-container.tabnav-info .tabnav-link.active:hover { box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4); } .tabnav-container.tabnav-warning .tabnav-link.active { background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%); } .tabnav-container.tabnav-warning .tabnav-link.active:hover { box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4); } .tabnav-container.tabnav-danger .tabnav-link.active { background: linear-gradient(135deg, #ef4444 0%, #f87171 100%); } .tabnav-container.tabnav-danger .tabnav-link.active:hover { box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4); } /* ********************************************************************************************** *\ ** Skill Tabs Component ** ** Modern pill-style tabs inspired by APEX pager ** \* ********************************************************************************************** */ .skill-tabs { display: flex; align-items: center; gap: 0.375rem; padding: 0.25rem; margin-bottom: 0.8rem; background: var(--apex-background-subtle, #f8fafc); border: 1px solid var(--apex-border-subtle, #dce1e6); border-radius: 0.625rem; overflow-x: auto; scrollbar-width: none; } .skill-tabs::-webkit-scrollbar { display: none; } .skill-tabs .skill-tab-item { list-style: none; flex-shrink: 0; } .skill-tabs .skill-tab-link { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.875rem; font-size: 0.8125rem; font-weight: 500; color: var(--apex-muted, #64748b); background: transparent; border: 1px solid transparent; border-radius: 0.5rem; text-decoration: none; white-space: nowrap; transition: all 0.15s ease; cursor: pointer; } .skill-tabs .skill-tab-link i, .skill-tabs .skill-tab-link .fa, .skill-tabs .skill-tab-link .fas, .skill-tabs .skill-tab-link .far, .skill-tabs .skill-tab-link .fal, .skill-tabs .skill-tab-link .fad { font-size: 0.7rem; opacity: 0.8; } .skill-tabs .skill-tab-link:hover:not(.active) { color: var(--apex-text, #334155); background: var(--apex-background, #ffffff); border-color: var(--apex-border, #dce1e6); } .skill-tabs .skill-tab-link:focus { outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--bs-primary) 20%, transparent); } .skill-tabs .skill-tab-link.active { color: var(--apex-background, #ffffff); background: var(--bs-primary); border-color: var(--bs-primary); box-shadow: 0 1px 3px color-mix(in srgb, var(--bs-primary) 30%, transparent); } .skill-tabs .skill-tab-link.active i, .skill-tabs .skill-tab-link.active .fa, .skill-tabs .skill-tab-link.active .fas, .skill-tabs .skill-tab-link.active .far, .skill-tabs .skill-tab-link.active .fal, .skill-tabs .skill-tab-link.active .fad { opacity: 1; } .skill-tabs .skill-tab-add { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; font-weight: 500; color: var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 8%, transparent); border: 1px dashed color-mix(in srgb, var(--bs-primary) 30%, transparent); border-radius: 0.5rem; text-decoration: none; white-space: nowrap; transition: all 0.15s ease; cursor: pointer; } .skill-tabs .skill-tab-add i, .skill-tabs .skill-tab-add .fa, .skill-tabs .skill-tab-add .fas, .skill-tabs .skill-tab-add .far, .skill-tabs .skill-tab-add .fal, .skill-tabs .skill-tab-add .fad { font-size: 0.65rem; } .skill-tabs .skill-tab-add:hover { color: var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 12%, transparent); border-color: color-mix(in srgb, var(--bs-primary) 50%, transparent); border-style: solid; } .skill-tabs .skill-tab-add:focus { outline: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--bs-primary) 20%, transparent); } .skill-tabs.skill-tabs-success .skill-tab-link.active { background: var(--bs-success); border-color: var(--bs-success); box-shadow: 0 1px 3px color-mix(in srgb, var(--bs-success) 30%, transparent); } .skill-tabs.skill-tabs-success .skill-tab-add { color: var(--bs-success); background: color-mix(in srgb, var(--bs-success) 8%, transparent); border-color: color-mix(in srgb, var(--bs-success) 30%, transparent); } .skill-tabs.skill-tabs-success .skill-tab-add:hover { background: color-mix(in srgb, var(--bs-success) 12%, transparent); border-color: color-mix(in srgb, var(--bs-success) 50%, transparent); } .skill-tabs.skill-tabs-secondary .skill-tab-link.active { background: var(--bs-secondary); border-color: var(--bs-secondary); box-shadow: 0 1px 3px color-mix(in srgb, var(--bs-secondary) 30%, transparent); } .skill-tabs.skill-tabs-secondary .skill-tab-add { color: var(--bs-secondary); background: color-mix(in srgb, var(--bs-secondary) 8%, transparent); border-color: color-mix(in srgb, var(--bs-secondary) 30%, transparent); } .skill-tabs.skill-tabs-secondary .skill-tab-add:hover { background: color-mix(in srgb, var(--bs-secondary) 12%, transparent); border-color: color-mix(in srgb, var(--bs-secondary) 50%, transparent); } .skill-tabs.skill-tabs-sm { padding: 0.1875rem; gap: 0.25rem; border-radius: 0.5rem; } .skill-tabs.skill-tabs-sm .skill-tab-link { padding: 0.375rem 0.625rem; font-size: 0.75rem; border-radius: 0.375rem; } .skill-tabs.skill-tabs-sm .skill-tab-link i, .skill-tabs.skill-tabs-sm .skill-tab-link .fa, .skill-tabs.skill-tabs-sm .skill-tab-link .fas, .skill-tabs.skill-tabs-sm .skill-tab-link .far, .skill-tabs.skill-tabs-sm .skill-tab-link .fal, .skill-tabs.skill-tabs-sm .skill-tab-link .fad { font-size: 0.625rem; } .skill-tabs.skill-tabs-sm .skill-tab-add { padding: 0.375rem 0.5rem; font-size: 0.6875rem; border-radius: 0.375rem; } .skill-tabs.skill-tabs-transparent { background: transparent; border-color: transparent; padding: 0; } .skill-tabs.skill-tabs-transparent .skill-tab-link { background: var(--apex-background-subtle, #f8fafc); border-color: var(--apex-border-subtle, #dce1e6); } .skill-tabs.skill-tabs-transparent .skill-tab-link:hover:not(.active) { background: var(--apex-background, #ffffff); border-color: var(--apex-border, #dce1e6); box-shadow: 0 1px 2px color-mix(in srgb, var(--apex-border) 30%, transparent); } /* ********************************************************************************************** *\ ** Skill Level Panel ** \* ********************************************************************************************** */ .skill-tag-list { list-style: none; padding: 0; margin: 0 0 0.4rem; } .skill-tag-list .skill-tag-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.625rem; border-radius: 0.5rem; border: 1px solid var(--apex-border-subtle, #dce1e6); background: var(--apex-background, #ffffff); margin-bottom: 0.375rem; transition: box-shadow 0.15s ease; } .skill-tag-list .skill-tag-item:hover { box-shadow: 0 1px 4px color-mix(in srgb, var(--apex-border) 25%, transparent); } .skill-tag-list .skill-tag-item:hover .skill-tag-actions { opacity: 1; } .skill-tag-list .skill-tag-item:last-child { margin-bottom: 0; } .skill-tag-list .skill-tag-drag { color: var(--apex-muted, #94a3b8); cursor: grab; flex-shrink: 0; line-height: 1; } .skill-tag-list .skill-tag-drag:active { cursor: grabbing; } .skill-tag-list .skill-tag-drag i, .skill-tag-list .skill-tag-drag .fa, .skill-tag-list .skill-tag-drag .fas { font-size: 0.75rem; } .skill-tag-list .skill-tag-content { flex: 1; min-width: 0; } .skill-tag-list .skill-tag-title { font-size: 0.875rem; font-weight: 500; color: var(--apex-text, #334155); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .skill-tag-list .skill-tag-actions { display: flex; align-items: center; gap: 0.25rem; opacity: 0; transition: opacity 0.15s ease; flex-shrink: 0; } .skill-tag-list .skill-tag-action { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 0.375rem; color: var(--apex-muted, #64748b); text-decoration: none; transition: all 0.15s ease; } .skill-tag-list .skill-tag-action i, .skill-tag-list .skill-tag-action .fa, .skill-tag-list .skill-tag-action .fas { font-size: 0.7rem; } .skill-tag-list .skill-tag-action:hover { color: var(--apex-text, #334155); background: var(--apex-background-subtle, #f1f5f9); } .skill-tag-list .skill-tag-action--danger:hover { color: var(--bs-danger); background: color-mix(in srgb, var(--bs-danger) 10%, transparent); } /* ********************************************************************************************** *\ ** Elements (Styled Bootstrap components, styled html tags, etc) ** \* ********************************************************************************************** */ .apex-form-collapsible .accordion-item { background-color: transparent; border: none; border-bottom: 1px solid var(--apex-border-subtle); border-radius: 0; } .apex-form-collapsible .accordion-item:last-child { border-bottom: none; } .apex-form-collapsible .accordion-header { background-color: transparent; } .apex-form-collapsible .accordion-button { background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding-left: 0; padding-right: 0; } .apex-form-collapsible .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; } .apex-form-collapsible .accordion-button:focus { box-shadow: none; } .apex-form-collapsible .accordion-body { padding-left: 0; padding-right: 0; } .alert, .alert-light, .styled-alert { position: relative; width: 100%; border-radius: 0.75rem; border: 1px solid #dce1e6; padding: 1rem; font-weight: 500; font-size: 0.875rem; margin: 0; } .alert h1, .alert-light h1, .styled-alert h1, .alert .h1, .alert-light .h1, .styled-alert .h1, .alert h2, .alert-light h2, .styled-alert h2, .alert .h2, .alert-light .h2, .styled-alert .h2, .alert h3, .alert-light h3, .styled-alert h3, .alert .h3, .alert-light .h3, .styled-alert .h3, .alert h4, .alert-light h4, .styled-alert h4, .alert .h4, .alert-light .h4, .styled-alert .h4, .alert h5, .alert-light h5, .styled-alert h5, .alert .h5, .alert-light .h5, .styled-alert .h5, .alert h6, .alert-light h6, .styled-alert h6, .alert .h6, .alert-light .h6, .styled-alert .h6 { color: inherit !important; } .alert > svg, .alert-light > svg, .styled-alert > svg, .alert > i.fa, .alert-light > i.fa, .styled-alert > i.fa, .alert > i.far, .alert-light > i.far, .styled-alert > i.far, .alert > i.fas, .alert-light > i.fas, .styled-alert > i.fas { position: absolute; left: 1rem; top: 1rem; color: inherit; font-size: 1rem; } .alert > svg ~ *, .alert-light > svg ~ *, .styled-alert > svg ~ *, .alert > i.fa ~ *, .alert-light > i.fa ~ *, .styled-alert > i.fa ~ *, .alert > i.far ~ *, .alert-light > i.far ~ *, .styled-alert > i.far ~ *, .alert > i.fas ~ *, .alert-light > i.fas ~ *, .styled-alert > i.fas ~ * { padding-left: 1.75rem; } .alert > svg + div, .alert-light > svg + div, .styled-alert > svg + div, .alert > i.fa + div, .alert-light > i.fa + div, .styled-alert > i.fa + div, .alert > i.far + div, .alert-light > i.far + div, .styled-alert > i.far + div, .alert > i.fas + div, .alert-light > i.fas + div, .styled-alert > i.fas + div { transform: translateY(-2px); } .alert .alert-title, .alert-light .alert-title, .styled-alert .alert-title { margin-bottom: 0.25rem; font-weight: 500; line-height: 1; letter-spacing: -0.02em; } .alert .alert-description, .alert-light .alert-description, .styled-alert .alert-description { font-size: 0.875rem; } .alert .alert-description p, .alert-light .alert-description p, .styled-alert .alert-description p { line-height: 1.625; } .alert.alert-dismissible, .alert-dismissible.alert-light, .alert-dismissible.styled-alert { display: flex; justify-content: space-between; padding: 1rem; margin: 0; } .alert.alert-dismissible .btn-close, .alert-dismissible.alert-light .btn-close, .alert-dismissible.styled-alert .btn-close { position: initial; padding: 0; align-self: center; margin-left: 1rem; } .alert.alert-primary, .alert-primary.alert-light, .styled-alert { background-color: #eaebf2; border-color: #293a7b !important; color: #212e62; } .alert.alert-secondary, .alert-secondary.alert-light, .alert-secondary.styled-alert { background-color: #f7f8fa; border-color: var(--bs-secondary) !important; color: var(--bs-body-color); } .alert.alert-success, .alert-success.alert-light, .alert-success.styled-alert { background-color: #eaf3ed; border-color: #308349 !important; color: #26693a; } .alert.alert-danger, .alert-danger.alert-light, .alert-danger.styled-alert { border-color: rgba(221, 29, 72, 0.5) !important; color: #dd1d48; background-color: #fdf4f6; } .alert.alert-danger > svg, .alert-danger.alert-light > svg, .alert-danger.styled-alert > svg, .alert.alert-danger > i.fa, .alert-danger.alert-light > i.fa, .alert-danger.styled-alert > i.fa, .alert.alert-danger > i.far, .alert-danger.alert-light > i.far, .alert-danger.styled-alert > i.far, .alert.alert-danger > i.fas, .alert-danger.alert-light > i.fas, .alert-danger.styled-alert > i.fas { color: #dd1d48; } .alert.alert-warning, .alert-warning.alert-light, .alert-warning.styled-alert { background-color: #fef6e2; border-color: #f6c640 !important; color: #947726; } .alert.alert-info, .alert-info.alert-light, .alert-info.styled-alert { color: #3d4668; background-color: #e8eaef; border-color: #b7bbca !important; } .alert.alert-dark, .alert-dark.alert-light, .alert-dark.styled-alert { border-color: var(--bs-dark) !important; } .alert a:not(.btn), .alert-light a:not(.btn), .styled-alert a:not(.btn) { color: #7494b6 !important; } .alert a:not(.btn):hover, .alert-light a:not(.btn):hover, .styled-alert a:not(.btn):hover, .alert a:not(.btn):active, .alert-light a:not(.btn):active, .styled-alert a:not(.btn):active, .alert a:not(.btn):focus, .alert-light a:not(.btn):focus, .styled-alert a:not(.btn):focus, .alert a:not(.btn):visited, .alert-light a:not(.btn):visited, .styled-alert a:not(.btn):visited { color: #4e85aa !important; } .styled-alert { margin: 0.25rem 0 0.25rem; } .alert-light { border-color: #f0f3f5; background-color: #f3f6fd; } /* ---------------------------------------------------------------------------------------------- *\ | Alert Banner | | Alert banner with icon, text, CTA button, and close button | \* ---------------------------------------------------------------------------------------------- */ .alert-banner { position: relative; display: flex; align-items: center; gap: 0.75rem; border-radius: 0.5rem; border: 1px solid; padding: 0.625rem 0.875rem; font-size: 0.8125rem; font-weight: 400; width: 100%; } .alert-banner__icon { flex-shrink: 0; font-size: 1rem; } .alert-banner__icon i { line-height: 1; } .alert-banner__content { flex: 1; min-width: 0; } .alert-banner__title { font-size: 0.8125rem; font-weight: 500; line-height: 1; letter-spacing: -0.02em; margin-bottom: 0.125rem; } .alert-banner__description { font-size: 0.8125rem; font-weight: 400; color: hsl(235, 20%, 38%); line-height: 1.4; } .alert-banner__description b, .alert-banner__description strong { font-weight: 600; color: inherit; } .alert-banner__action { flex-shrink: 0; } .alert-banner__action .btn { font-size: 0.6875rem; font-weight: 500; height: 1.75rem; padding: 0 0.625rem; border-radius: 0.375rem; white-space: nowrap; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: opacity 0.15s ease-in-out; } .alert-banner__action .btn:hover { opacity: 0.9; } .alert-banner__close { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.375rem; height: 1.375rem; padding: 0.25rem; border: none; border-radius: 0.375rem; background: transparent; color: hsl(235, 20%, 38%); cursor: pointer; transition: background-color 0.15s ease-in-out; } .alert-banner__close:hover { background-color: rgba(43, 47, 95, 0.1); } .alert-banner__close i { font-size: 0.75rem; } .alert-banner--primary { border-color: rgba(43, 47, 95, 0.4); background-color: rgba(43, 47, 95, 0.05); } .alert-banner--primary .alert-banner__icon { color: hsl(235, 38%, 27%); } .alert-banner--primary .alert-banner__title { color: hsl(235, 38%, 27%); } .alert-banner--primary .alert-banner__action .btn { --bs-btn-bg: hsl(235, 38%, 27%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(235, 38%, 27%); --bs-btn-hover-bg: hsl(235, 38%, 27%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 27%); --bs-btn-active-bg: hsl(235, 38%, 27%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(235, 38%, 27%); background-color: hsl(235, 38%, 27%); color: #fff; border-color: hsl(235, 38%, 27%); } .alert-banner--secondary { border-color: rgba(132, 180, 189, 0.4); background-color: rgba(132, 180, 189, 0.05); } .alert-banner--secondary .alert-banner__icon { color: hsl(189, 30%, 63%); } .alert-banner--secondary .alert-banner__title { color: hsl(189, 30%, 63%); } .alert-banner--secondary .alert-banner__action .btn { --bs-btn-bg: hsl(189, 30%, 63%); --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: hsl(189, 30%, 63%); --bs-btn-hover-bg: hsl(189, 30%, 63%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(189, 30%, 63%); --bs-btn-active-bg: hsl(189, 30%, 63%); --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: hsl(189, 30%, 63%); background-color: hsl(189, 30%, 63%); color: hsl(235, 38%, 27%); border-color: hsl(189, 30%, 63%); } .alert-banner--tertiary { border-color: rgba(254, 136, 93, 0.4); background-color: rgba(254, 136, 93, 0.05); } .alert-banner--tertiary .alert-banner__icon { color: hsl(16, 99%, 68%); } .alert-banner--tertiary .alert-banner__title { color: hsl(16, 99%, 68%); } .alert-banner--tertiary .alert-banner__action .btn { --bs-btn-bg: hsl(16, 99%, 68%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(16, 99%, 68%); --bs-btn-hover-bg: hsl(16, 99%, 68%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(16, 99%, 68%); --bs-btn-active-bg: hsl(16, 99%, 68%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(16, 99%, 68%); background-color: hsl(16, 99%, 68%); color: #fff; border-color: hsl(16, 99%, 68%); } .alert-banner--accent { border-color: rgba(223, 119, 98, 0.4); background-color: rgba(223, 119, 98, 0.05); } .alert-banner--accent .alert-banner__icon { color: hsl(10, 66%, 63%); } .alert-banner--accent .alert-banner__title { color: hsl(10, 66%, 63%); } .alert-banner--accent .alert-banner__action .btn { --bs-btn-bg: hsl(10, 66%, 63%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(10, 66%, 63%); --bs-btn-hover-bg: hsl(10, 66%, 63%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(10, 66%, 63%); --bs-btn-active-bg: hsl(10, 66%, 63%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(10, 66%, 63%); background-color: hsl(10, 66%, 63%); color: #fff; border-color: hsl(10, 66%, 63%); } .alert-banner--info { border-color: rgba(48, 140, 232, 0.4); background-color: rgba(48, 140, 232, 0.05); } .alert-banner--info .alert-banner__icon { color: hsl(210, 80%, 55%); } .alert-banner--info .alert-banner__title { color: hsl(210, 80%, 55%); } .alert-banner--info .alert-banner__action .btn { --bs-btn-bg: hsl(210, 80%, 55%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(210, 80%, 55%); --bs-btn-hover-bg: hsl(210, 80%, 55%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(210, 80%, 55%); --bs-btn-active-bg: hsl(210, 80%, 55%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(210, 80%, 55%); background-color: hsl(210, 80%, 55%); color: #fff; border-color: hsl(210, 80%, 55%); } .alert-banner--success { border-color: rgba(43, 171, 111, 0.4); background-color: rgba(43, 171, 111, 0.05); } .alert-banner--success .alert-banner__icon { color: hsl(152, 60%, 42%); } .alert-banner--success .alert-banner__title { color: hsl(152, 60%, 42%); } .alert-banner--success .alert-banner__action .btn { --bs-btn-bg: hsl(152, 60%, 42%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(152, 60%, 42%); --bs-btn-hover-bg: hsl(152, 60%, 42%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(152, 60%, 42%); --bs-btn-active-bg: hsl(152, 60%, 42%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(152, 60%, 42%); background-color: hsl(152, 60%, 42%); color: #fff; border-color: hsl(152, 60%, 42%); } .alert-banner--warning { border-color: rgba(245, 159, 10, 0.4); background-color: rgba(245, 159, 10, 0.05); } .alert-banner--warning .alert-banner__icon { color: hsl(38, 92%, 50%); } .alert-banner--warning .alert-banner__title { color: hsl(38, 92%, 50%); } .alert-banner--warning .alert-banner__action .btn { --bs-btn-bg: hsl(38, 92%, 50%); --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: hsl(38, 92%, 50%); --bs-btn-hover-bg: hsl(38, 92%, 50%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(38, 92%, 50%); --bs-btn-active-bg: hsl(38, 92%, 50%); --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: hsl(38, 92%, 50%); background-color: hsl(38, 92%, 50%); color: hsl(235, 38%, 27%); border-color: hsl(38, 92%, 50%); } .alert-banner--danger, .alert-banner--destructive { border-color: rgba(239, 68, 68, 0.4); background-color: rgba(239, 68, 68, 0.05); } .alert-banner--danger .alert-banner__icon, .alert-banner--destructive .alert-banner__icon { color: hsl(0, 84.2%, 60.2%); } .alert-banner--danger .alert-banner__title, .alert-banner--destructive .alert-banner__title { color: hsl(0, 84.2%, 60.2%); } .alert-banner--danger .alert-banner__action .btn, .alert-banner--destructive .alert-banner__action .btn { --bs-btn-bg: hsl(0, 84.2%, 60.2%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-hover-bg: hsl(0, 84.2%, 60.2%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-bg: hsl(0, 84.2%, 60.2%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(0, 84.2%, 60.2%); background-color: hsl(0, 84.2%, 60.2%); color: #fff; border-color: hsl(0, 84.2%, 60.2%); } /* ---------------------------------------------------------------------------------------------- *\ | Badge | | | | Variants: | | Default (soft/pastel) — 10% bg opacity, colored text .badge.bg-primary | | Solid — full color bg, contrast text .badge.badge-solid.bg-primary | | Outline — border only, no fill .badge.badge-outline | | Inverted — white bg, colored text, neutral border .badge.badge-inverted.bg-primary | | | \* ---------------------------------------------------------------------------------------------- */ .badge { display: inline-flex; align-items: center; gap: 0.25rem; font-weight: 500; font-size: 0.75rem; padding: 0.125rem 0.4rem; white-space: nowrap; text-transform: none; border: 1px solid transparent; border-radius: 9999px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .badge:not([class*=bg-]):not([class*=badge-]) { background: rgba(0, 0, 0, 0.05); color: var(--bs-secondary-color); } .badge:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(41, 58, 123, 0.2), 0 0 0 4px #fff; } .badge.bg-primary { background-color: rgba(41, 58, 123, 0.1) !important; color: #293a7b !important; border-color: transparent !important; } .badge.bg-secondary { background-color: rgba(107, 114, 141, 0.1) !important; color: #6b728d !important; border-color: transparent !important; } .badge.bg-success { background-color: rgba(48, 131, 73, 0.1) !important; color: #308349 !important; border-color: transparent !important; } .badge.bg-danger { background-color: rgba(221, 29, 72, 0.1) !important; color: #dd1d48 !important; border-color: transparent !important; } .badge.bg-warning { background-color: rgba(246, 198, 64, 0.1) !important; color: #f6c640 !important; border-color: transparent !important; } .badge.bg-info { background-color: rgba(58, 122, 166, 0.1) !important; color: #3a7aa6 !important; border-color: transparent !important; } .badge.bg-dark { background-color: rgba(41, 45, 94, 0.1) !important; color: #292d5e !important; border-color: transparent !important; } .badge.bg-tertiary { background-color: rgba(223, 119, 98, 0.1) !important; color: #df7762 !important; border-color: transparent !important; } .badge.badge-solid { font-weight: 600; } .badge.badge-solid.bg-primary { background-color: #293a7b !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-secondary { background-color: #6b728d !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-success { background-color: #308349 !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-danger { background-color: #dd1d48 !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-warning { background-color: #f6c640 !important; color: #1a202c !important; border-color: transparent !important; } .badge.badge-solid.bg-info { background-color: #3a7aa6 !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-dark { background-color: #292d5e !important; color: #fff !important; border-color: transparent !important; } .badge.badge-solid.bg-tertiary { background-color: #df7762 !important; color: #fff !important; border-color: transparent !important; } .badge.badge-outline { background: transparent !important; color: var(--bs-body-color); border-color: #dce1e6; } .badge.badge-inverted.bg-primary { background-color: #fff !important; color: #293a7b !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-secondary { background-color: #fff !important; color: #6b728d !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-success { background-color: #fff !important; color: #308349 !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-danger { background-color: #fff !important; color: #dd1d48 !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-warning { background-color: #fff !important; color: #f6c640 !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-info { background-color: #fff !important; color: #3a7aa6 !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-dark { background-color: #fff !important; color: #292d5e !important; border-color: #dce1e6 !important; } .badge.badge-inverted.bg-tertiary { background-color: #fff !important; color: #df7762 !important; border-color: #dce1e6 !important; } .badge.badge-pill, .badge.rounded-pill { border-radius: 9999px; } .badge.badge-awarded { color: #171717; font-weight: 600; border: 1px solid rgba(203, 210, 217, 0.5); background: linear-gradient(145deg, #deb457, #edce79, #deb457, #c69641) !important; } .badge.badge-awarded i { color: #855200; text-shadow: 0px 0px 1px #ffda40, 0 0 0.25em #ffda40; } .blankslate { padding: 4rem 1.25rem; text-align: center; color: hsl(235, 20%, 45%); font-size: 0.875rem; } .blankslate .blankslate-heading { font-size: 1.125rem; font-weight: 600; color: hsl(235, 25%, 25%); } .blankslate p { margin: 0; } .blankslate.blankslate-inline { padding: 0.25rem; } /* Apex Blankslate Override */ .apex-blankslate .blankslate-icon i { font-size: 2rem; color: hsl(235, 20%, 45%); opacity: 0.5; } .apex-blankslate .blankslate-title { font-family: "Space Grotesk", sans-serif; color: hsl(235, 25%, 25%); } .apex-blankslate .blankslate-description { color: hsl(235, 20%, 45%); } .empty-state--only-child { display: none; } .empty-state--only-child:only-child { display: revert; } /* ---------------------------------------------------------------------------------------------- *\ | Breadcrumb | \* ---------------------------------------------------------------------------------------------- */ .breadcrumb-wrapper { --apex-breadcrumb-font-size: 0.65rem; --apex-breadcrumb-font-weight: 500; font-size: 0.65rem; font-weight: 500; letter-spacing: 0.025em; text-transform: uppercase; line-height: 1; } .breadcrumb { padding: 0.375rem 0; margin-bottom: 0.375rem; background-color: transparent; border: none; transition: all 0.2s ease; display: flex; align-items: center; flex-wrap: wrap; list-style: none; padding-left: 0; } .breadcrumb .breadcrumb-item { display: inline-flex; align-items: center; color: rgba(74, 85, 104, 0.7); transition: color 0.2s ease; line-height: 1; } .breadcrumb .breadcrumb-item a { color: rgba(74, 85, 104, 0.7); text-decoration: none; position: relative; transition: color 0.2s ease; } .breadcrumb .breadcrumb-item a:hover { color: #1a202c; } .breadcrumb .breadcrumb-item a::after { content: ""; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #1a202c; transition: width 0.2s ease; } .breadcrumb .breadcrumb-item a:hover::after { width: 100%; } .breadcrumb .breadcrumb-item.active { color: #1a202c; font-weight: 600; } .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0.3rem; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: inline-flex; align-items: center; padding-right: 0.3rem; color: rgba(74, 85, 104, 0.3); content: "/"; font-weight: 300; font-size: 0.75rem; line-height: 1; } .breadcrumb.breadcrumb-arrows .breadcrumb-item + .breadcrumb-item::before { content: "→"; font-size: 0.75rem; } .breadcrumb.breadcrumb-chevrons .breadcrumb-item + .breadcrumb-item::before { content: "›"; font-size: 1rem; font-weight: 400; } @media (max-width: 575.98px) { .breadcrumb { font-size: 0.6rem; } .breadcrumb .breadcrumb-item:not(:nth-last-child(-n+2)) { display: none; } .breadcrumb .breadcrumb-item:nth-last-child(2)::before { content: "... /"; padding-right: 0.3rem; } } .breadcrumb.breadcrumb-light .breadcrumb-item, .breadcrumb.breadcrumb-light .breadcrumb-item a { color: rgba(255, 255, 255, 0.7); } .breadcrumb.breadcrumb-light .breadcrumb-item:hover, .breadcrumb.breadcrumb-light .breadcrumb-item a:hover { color: white; } .breadcrumb.breadcrumb-light .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, 0.3); } .breadcrumb.breadcrumb-light .breadcrumb-item.active { color: white; } .breadcrumb.breadcrumb-subtle-bg { background-color: rgba(74, 85, 104, 0.02); border: 1px solid rgba(74, 85, 104, 0.06); border-radius: 0.375rem; padding: 0.375rem 0.75rem; } /* ---------------------------------------------------------------------------------------------- *\ | Button | \* ---------------------------------------------------------------------------------------------- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; white-space: nowrap; border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; line-height: normal; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } .btn:hover { opacity: 0.9; } .btn:active { opacity: 0.85; transition-duration: 0.1s; } .btn:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(41, 58, 123, 0.2); } .btn:disabled, .btn.disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; } .btn svg { pointer-events: none; width: 1rem; height: 1rem; flex-shrink: 0; } .btn.btn-white, .btn.btn-light, .btn.btn-outline-light, .btn.btn-outline-white, .btn.btn-transparent, .btn.btn-ghost, .btn.btn-link { box-shadow: none !important; border-color: transparent !important; transform: translateZ(0); will-change: background-color, color; } .btn.btn-white:hover, .btn.btn-light:hover, .btn.btn-outline-light:hover, .btn.btn-outline-white:hover, .btn.btn-transparent:hover, .btn.btn-ghost:hover, .btn.btn-link:hover { box-shadow: none !important; transform: translateZ(0); } .btn.btn-white:active, .btn.btn-light:active, .btn.btn-outline-light:active, .btn.btn-outline-white:active, .btn.btn-transparent:active, .btn.btn-ghost:active, .btn.btn-link:active { box-shadow: none !important; opacity: 0.9; } .btn.btn-white:focus-visible, .btn.btn-light:focus-visible, .btn.btn-outline-light:focus-visible, .btn.btn-outline-white:focus-visible, .btn.btn-transparent:focus-visible, .btn.btn-ghost:focus-visible, .btn.btn-link:focus-visible { box-shadow: 0 0 0 2px rgba(41, 58, 123, 0.15) !important; } .btn.btn-ghost { background: transparent; color: inherit; } .btn.btn-ghost:hover { background-color: rgba(41, 58, 123, 0.08); } .btn.btn-link { text-decoration: none; text-underline-offset: 4px; } .btn.btn-link:hover { text-decoration: underline; } .btn[class*=btn-subtle-] { box-shadow: none; border-color: transparent; } .btn[class*=btn-subtle-]:hover { opacity: 1; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); } .btn[class*=btn-subtle-]:active { opacity: 1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn[class*=btn-inverted-] { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .btn[class*=btn-inverted-]:hover { opacity: 1; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); } .btn[class*=btn-inverted-]:active { opacity: 1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn[class*=btn-outline-] { transform: translateZ(0); will-change: color, border-color, opacity; } .btn[class*=btn-outline-]:hover { opacity: 0.8; background-color: transparent !important; } .btn[class*=btn-outline-]:active { opacity: 0.7; background-color: transparent !important; } .btn.btn-primary, .btn.btn-secondary, .btn.btn-success, .btn.btn-danger, .btn.btn-warning, .btn.btn-info, .btn.btn-dark, .btn.btn-teal { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .btn.btn-primary:hover, .btn.btn-secondary:hover, .btn.btn-success:hover, .btn.btn-danger:hover, .btn.btn-warning:hover, .btn.btn-info:hover, .btn.btn-dark:hover, .btn.btn-teal:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); } .btn.btn-primary:active, .btn.btn-secondary:active, .btn.btn-success:active, .btn.btn-danger:active, .btn.btn-warning:active, .btn.btn-info:active, .btn.btn-dark:active, .btn.btn-teal:active { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn i.fa-fw:only-child { margin-left: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); margin-right: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); } .btn.btn-xs { padding: 0.5rem; font-size: 0.75rem; } .btn.btn-xs i.fa-fw:only-child { margin-left: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); margin-right: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); } .btn.btn-sm, .btn-group-sm > .btn { font-size: 0.8125rem; } .btn.btn-sm i.fa-fw:only-child, .btn-group-sm > .btn i.fa-fw:only-child { margin-left: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); margin-right: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); } .btn.btn-lg, .btn-group-lg > .btn { font-size: 0.9375rem; } .btn.btn-lg i.fa-fw:only-child, .btn-group-lg > .btn i.fa-fw:only-child { margin-left: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); margin-right: calc(-1 * (var(--bs-btn-padding-x) - (var(--bs-btn-padding-y) * 2 + var(--bs-btn-line-height) * 1rem - 1.25rem) / 2)); } .btn.btn-icon { width: 2.5rem; height: 2.5rem; padding: 0; } .btn-teal { background-color: #72b8c0; } .btn-teal:hover { background-color: #72b8c0; } /* ---------------------------------------------------------------------------------------------- *\ | Prosoon Color Overrides | | HSL-based color palette — overrides Bootstrap's generated btn colors | \* ---------------------------------------------------------------------------------------------- */ .btn-primary { --bs-btn-bg: hsl(235, 38%, 27%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(235, 38%, 27%); --bs-btn-hover-bg: hsl(235, 38%, 27%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 27%); --bs-btn-active-bg: hsl(235, 38%, 27%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(235, 38%, 27%); --bs-btn-disabled-bg: hsl(235, 38%, 27%); --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: hsl(235, 38%, 27%); } .btn-secondary { --bs-btn-bg: hsl(189, 30%, 63%); --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: hsl(189, 30%, 63%); --bs-btn-hover-bg: hsl(189, 30%, 63%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(189, 30%, 63%); --bs-btn-active-bg: hsl(189, 30%, 63%); --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: hsl(189, 30%, 63%); --bs-btn-disabled-bg: hsl(189, 30%, 63%); --bs-btn-disabled-color: hsl(235, 38%, 27%); --bs-btn-disabled-border-color: hsl(189, 30%, 63%); } .btn-success { --bs-btn-bg: hsl(152, 60%, 42%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(152, 60%, 42%); --bs-btn-hover-bg: hsl(152, 60%, 42%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(152, 60%, 42%); --bs-btn-active-bg: hsl(152, 60%, 42%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(152, 60%, 42%); --bs-btn-disabled-bg: hsl(152, 60%, 42%); --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: hsl(152, 60%, 42%); } .btn-warning { --bs-btn-bg: hsl(38, 92%, 50%); --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: hsl(38, 92%, 50%); --bs-btn-hover-bg: hsl(38, 92%, 50%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(38, 92%, 50%); --bs-btn-active-bg: hsl(38, 92%, 50%); --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: hsl(38, 92%, 50%); --bs-btn-disabled-bg: hsl(38, 92%, 50%); --bs-btn-disabled-color: hsl(235, 38%, 27%); --bs-btn-disabled-border-color: hsl(38, 92%, 50%); } .btn-info { --bs-btn-bg: hsl(210, 80%, 55%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(210, 80%, 55%); --bs-btn-hover-bg: hsl(210, 80%, 55%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(210, 80%, 55%); --bs-btn-active-bg: hsl(210, 80%, 55%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(210, 80%, 55%); --bs-btn-disabled-bg: hsl(210, 80%, 55%); --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: hsl(210, 80%, 55%); } .btn-danger { --bs-btn-bg: hsl(0, 84.2%, 60.2%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-hover-bg: hsl(0, 84.2%, 60.2%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-bg: hsl(0, 84.2%, 60.2%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-disabled-bg: hsl(0, 84.2%, 60.2%); --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: hsl(0, 84.2%, 60.2%); } .btn-dark { --bs-btn-bg: hsl(235, 38%, 20%); --bs-btn-color: #fff; --bs-btn-border-color: hsl(235, 38%, 20%); --bs-btn-hover-bg: hsl(235, 38%, 20%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 20%); --bs-btn-active-bg: hsl(235, 38%, 20%); --bs-btn-active-color: #fff; --bs-btn-active-border-color: hsl(235, 38%, 20%); --bs-btn-disabled-bg: hsl(235, 38%, 20%); --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: hsl(235, 38%, 20%); } .btn-tertiary { --bs-btn-bg: #df7762; --bs-btn-color: #fff; --bs-btn-border-color: #df7762; --bs-btn-hover-bg: #df7762; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #df7762; --bs-btn-active-bg: #df7762; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #df7762; --bs-btn-disabled-bg: #df7762; --bs-btn-disabled-color: #fff; --bs-btn-disabled-border-color: #df7762; } .btn-outline-primary { --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: hsl(235, 38%, 27%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(235, 38%, 27%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: hsl(235, 38%, 27%); --bs-btn-disabled-color: hsl(235, 38%, 27%); --bs-btn-disabled-border-color: hsl(235, 38%, 27%); } .btn-outline-secondary { --bs-btn-color: hsl(189, 30%, 63%); --bs-btn-border-color: hsl(189, 30%, 63%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(189, 30%, 63%); --bs-btn-hover-border-color: hsl(189, 30%, 63%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(189, 30%, 63%); --bs-btn-active-border-color: hsl(189, 30%, 63%); --bs-btn-disabled-color: hsl(189, 30%, 63%); --bs-btn-disabled-border-color: hsl(189, 30%, 63%); } .btn-outline-success { --bs-btn-color: hsl(152, 60%, 42%); --bs-btn-border-color: hsl(152, 60%, 42%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(152, 60%, 42%); --bs-btn-hover-border-color: hsl(152, 60%, 42%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(152, 60%, 42%); --bs-btn-active-border-color: hsl(152, 60%, 42%); --bs-btn-disabled-color: hsl(152, 60%, 42%); --bs-btn-disabled-border-color: hsl(152, 60%, 42%); } .btn-outline-warning { --bs-btn-color: hsl(38, 92%, 50%); --bs-btn-border-color: hsl(38, 92%, 50%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(38, 92%, 50%); --bs-btn-hover-border-color: hsl(38, 92%, 50%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(38, 92%, 50%); --bs-btn-active-border-color: hsl(38, 92%, 50%); --bs-btn-disabled-color: hsl(38, 92%, 50%); --bs-btn-disabled-border-color: hsl(38, 92%, 50%); } .btn-outline-info { --bs-btn-color: hsl(210, 80%, 55%); --bs-btn-border-color: hsl(210, 80%, 55%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(210, 80%, 55%); --bs-btn-hover-border-color: hsl(210, 80%, 55%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(210, 80%, 55%); --bs-btn-active-border-color: hsl(210, 80%, 55%); --bs-btn-disabled-color: hsl(210, 80%, 55%); --bs-btn-disabled-border-color: hsl(210, 80%, 55%); } .btn-outline-danger { --bs-btn-color: hsl(0, 84.2%, 60.2%); --bs-btn-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(0, 84.2%, 60.2%); --bs-btn-hover-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-disabled-color: hsl(0, 84.2%, 60.2%); --bs-btn-disabled-border-color: hsl(0, 84.2%, 60.2%); } .btn-outline-dark { --bs-btn-color: hsl(235, 38%, 20%); --bs-btn-border-color: hsl(235, 38%, 20%); --bs-btn-hover-bg: transparent; --bs-btn-hover-color: hsl(235, 38%, 20%); --bs-btn-hover-border-color: hsl(235, 38%, 20%); --bs-btn-active-bg: transparent; --bs-btn-active-color: hsl(235, 38%, 20%); --bs-btn-active-border-color: hsl(235, 38%, 20%); --bs-btn-disabled-color: hsl(235, 38%, 20%); --bs-btn-disabled-border-color: hsl(235, 38%, 20%); } .btn-outline-tertiary { --bs-btn-color: #df7762; --bs-btn-border-color: #df7762; --bs-btn-hover-bg: transparent; --bs-btn-hover-color: #df7762; --bs-btn-hover-border-color: #df7762; --bs-btn-active-bg: transparent; --bs-btn-active-color: #df7762; --bs-btn-active-border-color: #df7762; --bs-btn-disabled-color: #df7762; --bs-btn-disabled-border-color: #df7762; } .btn-inverted-primary { --bs-btn-bg: #fff; --bs-btn-color: hsl(235, 38%, 27%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(235, 38%, 27%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 27%); --bs-btn-active-bg: #272a56; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #272a56; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(235, 38%, 27%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-secondary { --bs-btn-bg: #fff; --bs-btn-color: hsl(189, 30%, 63%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(189, 30%, 63%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(189, 30%, 63%); --bs-btn-active-bg: #77a2aa; --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: #77a2aa; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(189, 30%, 63%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-success { --bs-btn-bg: #fff; --bs-btn-color: hsl(152, 60%, 42%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(152, 60%, 42%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(152, 60%, 42%); --bs-btn-active-bg: #279a64; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #279a64; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(152, 60%, 42%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-warning { --bs-btn-bg: #fff; --bs-btn-color: hsl(38, 92%, 50%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(38, 92%, 50%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(38, 92%, 50%); --bs-btn-active-bg: #dd8f09; --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: #dd8f09; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(38, 92%, 50%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-info { --bs-btn-bg: #fff; --bs-btn-color: hsl(210, 80%, 55%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(210, 80%, 55%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(210, 80%, 55%); --bs-btn-active-bg: #2b7ed1; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #2b7ed1; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(210, 80%, 55%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-danger { --bs-btn-bg: #fff; --bs-btn-color: hsl(0, 84.2%, 60.2%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(0, 84.2%, 60.2%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-bg: #d73d3d; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #d73d3d; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(0, 84.2%, 60.2%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-dark { --bs-btn-bg: #fff; --bs-btn-color: hsl(235, 38%, 20%); --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: hsl(235, 38%, 20%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 20%); --bs-btn-active-bg: #1d203f; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #1d203f; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: hsl(235, 38%, 20%); --bs-btn-disabled-border-color: #dce1e6; } .btn-inverted-tertiary { --bs-btn-bg: #fff; --bs-btn-color: #df7762; --bs-btn-border-color: #dce1e6; --bs-btn-hover-bg: #df7762; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #df7762; --bs-btn-active-bg: #c96b58; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #c96b58; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-color: #df7762; --bs-btn-disabled-border-color: #dce1e6; } .btn-subtle-primary { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(235, 38%, 27%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 27%); --bs-btn-active-bg: #272a56; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #272a56; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-secondary { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(189, 30%, 63%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(189, 30%, 63%); --bs-btn-active-bg: #77a2aa; --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: #77a2aa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-success { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(152, 60%, 42%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(152, 60%, 42%); --bs-btn-active-bg: #279a64; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #279a64; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-warning { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(38, 92%, 50%); --bs-btn-hover-color: hsl(235, 38%, 27%); --bs-btn-hover-border-color: hsl(38, 92%, 50%); --bs-btn-active-bg: #dd8f09; --bs-btn-active-color: hsl(235, 38%, 27%); --bs-btn-active-border-color: #dd8f09; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-info { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(210, 80%, 55%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(210, 80%, 55%); --bs-btn-active-bg: #2b7ed1; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #2b7ed1; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-danger { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(0, 84.2%, 60.2%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(0, 84.2%, 60.2%); --bs-btn-active-bg: #d73d3d; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #d73d3d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-dark { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: hsl(235, 38%, 20%); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: hsl(235, 38%, 20%); --bs-btn-active-bg: #1d203f; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #1d203f; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } .btn-subtle-tertiary { --bs-btn-bg: transparent; --bs-btn-color: inherit; --bs-btn-border-color: transparent; --bs-btn-hover-bg: #df7762; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #df7762; --bs-btn-active-bg: #c96b58; --bs-btn-active-color: #fff; --bs-btn-active-border-color: #c96b58; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-color: inherit; --bs-btn-disabled-border-color: transparent; } /* ********************************************************************************************** *\ | Cards | \* ********************************************************************************************** */ .card, .styled-list { display: flex; flex-direction: column; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); border: 1px solid hsl(209, 30%, 85%); border-radius: 0.75rem; background-color: rgb(255, 255, 255); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s ease-in-out; overflow: visible; /* ---------------------------------------------------------------------------------------------- *\ | Card nav | \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Card table | \* ---------------------------------------------------------------------------------------------- */ } .card.card-secondary, .card-secondary.styled-list { background-color: #e9edf1; border-color: #d1d6db; } .card.card-bg-gradient, .card-bg-gradient.styled-list { background: linear-gradient(135deg, rgba(228, 232, 236, 0.4), white); } .card .card-header, .styled-list .card-header { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 0.5rem; min-height: 3rem; padding: 0.625rem 0.75rem; background-color: #edf3f8; border-top-left-radius: calc(0.75rem - 1px); border-top-right-radius: calc(0.75rem - 1px); border-bottom: 0 !important; } .card .card-header.text-center, .styled-list .card-header.text-center { align-self: center; } .card .card-header .card-title, .styled-list .card-header .card-title { display: flex; align-items: center; font-family: "Space Grotesk", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1; letter-spacing: -0.025em; color: hsl(235, 38%, 27%); margin-bottom: 0; } .card .card-header .card-title .card-subtitle, .styled-list .card-header .card-title .card-subtitle { font-family: "Inter", sans-serif; font-size: 0.875rem !important; font-weight: 400; width: 100%; margin-bottom: 0; } .card .card-header .card-title .card-subtitle:first-child, .styled-list .card-header .card-title .card-subtitle:first-child { margin-top: 0; margin-bottom: 0.25rem; } .card .card-header .card-title .card-subtitle:last-child, .styled-list .card-header .card-title .card-subtitle:last-child { margin-top: 0.25rem; margin-bottom: 0; } .card .card-header .card-title .card-subtitle .breadcrumb, .styled-list .card-header .card-title .card-subtitle .breadcrumb { margin-bottom: 0.25rem; } .card .card-options, .styled-list .card-options { display: inline-flex; justify-content: end; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .card .card-options .btn, .styled-list .card-options .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; white-space: nowrap; height: 1.75rem; padding: 0 0.625rem; font-size: 0.8125rem; font-weight: 500; line-height: 1; border-radius: 0.625rem; border: 1px solid hsl(209, 30%, 85%); background-color: white; color: hsl(235, 38%, 27%); box-shadow: none; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; } .card .card-options .btn:hover, .styled-list .card-options .btn:hover { background-color: hsl(10, 66%, 63%); color: white; border-color: hsl(10, 66%, 63%); filter: none; box-shadow: none; } .card .card-options .btn:focus-visible, .styled-list .card-options .btn:focus-visible { outline: none; box-shadow: 0 0 0 2px hsl(210, 20%, 97%), 0 0 0 4px hsl(235, 38%, 27%); } .card .card-options .btn i, .styled-list .card-options .btn i, .card .card-options .btn svg, .styled-list .card-options .btn svg { width: 0.875rem; height: 0.875rem; flex-shrink: 0; align-content: center; } .card .card-body, .card .styled-list, .card .jumbotron .styled-list, .jumbotron .card .styled-list, .styled-list .card-body, .styled-list .styled-list, .card .jumbotron .jumbotron-body, .styled-list .jumbotron .jumbotron-body, .jumbotron .card .jumbotron-body, .jumbotron .styled-list .jumbotron-body, .card .jumbotron .card-body, .card .jumbotron .styled-list, .card .jumbotron .styled-list, .jumbotron .card .card-body, .jumbotron .card .styled-list, .jumbotron .card .styled-list { padding: 0.96rem 0.96rem; overflow: visible; } .card .card-body.centered, .card .centered.styled-list, .styled-list .card-body.centered, .styled-list .centered.styled-list, .card .jumbotron .centered.jumbotron-body, .styled-list .jumbotron .centered.jumbotron-body, .jumbotron .card .centered.jumbotron-body, .jumbotron .styled-list .centered.jumbotron-body { text-align: center; } .card .card-body.centered h1, .card .centered.styled-list h1, .styled-list .card-body.centered h1, .styled-list .centered.styled-list h1, .card .jumbotron .centered.jumbotron-body h1, .styled-list .jumbotron .centered.jumbotron-body h1, .jumbotron .card .centered.jumbotron-body h1, .jumbotron .styled-list .centered.jumbotron-body h1, .card .card-body.centered .h1, .card .centered.styled-list .h1, .styled-list .card-body.centered .h1, .styled-list .centered.styled-list .h1, .card .jumbotron .centered.jumbotron-body .h1, .styled-list .jumbotron .centered.jumbotron-body .h1, .jumbotron .card .centered.jumbotron-body .h1, .jumbotron .styled-list .centered.jumbotron-body .h1, .card .card-body.centered h2, .card .centered.styled-list h2, .styled-list .card-body.centered h2, .styled-list .centered.styled-list h2, .card .jumbotron .centered.jumbotron-body h2, .styled-list .jumbotron .centered.jumbotron-body h2, .jumbotron .card .centered.jumbotron-body h2, .jumbotron .styled-list .centered.jumbotron-body h2, .card .card-body.centered .h2, .card .centered.styled-list .h2, .styled-list .card-body.centered .h2, .styled-list .centered.styled-list .h2, .card .jumbotron .centered.jumbotron-body .h2, .styled-list .jumbotron .centered.jumbotron-body .h2, .jumbotron .card .centered.jumbotron-body .h2, .jumbotron .styled-list .centered.jumbotron-body .h2, .card .card-body.centered h3, .card .centered.styled-list h3, .styled-list .card-body.centered h3, .styled-list .centered.styled-list h3, .card .jumbotron .centered.jumbotron-body h3, .styled-list .jumbotron .centered.jumbotron-body h3, .jumbotron .card .centered.jumbotron-body h3, .jumbotron .styled-list .centered.jumbotron-body h3, .card .card-body.centered .h3, .card .centered.styled-list .h3, .styled-list .card-body.centered .h3, .styled-list .centered.styled-list .h3, .card .jumbotron .centered.jumbotron-body .h3, .styled-list .jumbotron .centered.jumbotron-body .h3, .jumbotron .card .centered.jumbotron-body .h3, .jumbotron .styled-list .centered.jumbotron-body .h3, .card .card-body.centered h4, .card .centered.styled-list h4, .styled-list .card-body.centered h4, .styled-list .centered.styled-list h4, .card .jumbotron .centered.jumbotron-body h4, .styled-list .jumbotron .centered.jumbotron-body h4, .jumbotron .card .centered.jumbotron-body h4, .jumbotron .styled-list .centered.jumbotron-body h4, .card .card-body.centered .h4, .card .centered.styled-list .h4, .styled-list .card-body.centered .h4, .styled-list .centered.styled-list .h4, .card .jumbotron .centered.jumbotron-body .h4, .styled-list .jumbotron .centered.jumbotron-body .h4, .jumbotron .card .centered.jumbotron-body .h4, .jumbotron .styled-list .centered.jumbotron-body .h4, .card .card-body.centered h5, .card .centered.styled-list h5, .styled-list .card-body.centered h5, .styled-list .centered.styled-list h5, .card .jumbotron .centered.jumbotron-body h5, .styled-list .jumbotron .centered.jumbotron-body h5, .jumbotron .card .centered.jumbotron-body h5, .jumbotron .styled-list .centered.jumbotron-body h5, .card .card-body.centered .h5, .card .centered.styled-list .h5, .styled-list .card-body.centered .h5, .styled-list .centered.styled-list .h5, .card .jumbotron .centered.jumbotron-body .h5, .styled-list .jumbotron .centered.jumbotron-body .h5, .jumbotron .card .centered.jumbotron-body .h5, .jumbotron .styled-list .centered.jumbotron-body .h5, .card .card-body.centered h6, .card .centered.styled-list h6, .styled-list .card-body.centered h6, .styled-list .centered.styled-list h6, .card .jumbotron .centered.jumbotron-body h6, .styled-list .jumbotron .centered.jumbotron-body h6, .jumbotron .card .centered.jumbotron-body h6, .jumbotron .styled-list .centered.jumbotron-body h6, .card .card-body.centered .h6, .card .centered.styled-list .h6, .styled-list .card-body.centered .h6, .styled-list .centered.styled-list .h6, .card .jumbotron .centered.jumbotron-body .h6, .styled-list .jumbotron .centered.jumbotron-body .h6, .jumbotron .card .centered.jumbotron-body .h6, .jumbotron .styled-list .centered.jumbotron-body .h6 { display: block; align-items: center; } .card .card-body > h2, .card .styled-list > h2, .card .jumbotron .styled-list > h2, .jumbotron .card .styled-list > h2, .styled-list .card-body > h2, .styled-list .styled-list > h2, .styled-list .jumbotron .styled-list > h2, .jumbotron .styled-list .styled-list > h2, .card .jumbotron .jumbotron-body > h2, .styled-list .jumbotron .jumbotron-body > h2, .jumbotron .card .jumbotron-body > h2, .jumbotron .styled-list .jumbotron-body > h2, .card .jumbotron .card-body > h2, .card .jumbotron .styled-list > h2, .card .jumbotron .styled-list > h2, .jumbotron .card .card-body > h2, .jumbotron .card .styled-list > h2, .jumbotron .card .styled-list > h2, .card .card-body > .h2, .card .styled-list > .h2, .card .jumbotron .styled-list > .h2, .jumbotron .card .styled-list > .h2, .styled-list .card-body > .h2, .styled-list .styled-list > .h2, .styled-list .jumbotron .styled-list > .h2, .jumbotron .styled-list .styled-list > .h2, .card .jumbotron .jumbotron-body > .h2, .styled-list .jumbotron .jumbotron-body > .h2, .jumbotron .card .jumbotron-body > .h2, .jumbotron .styled-list .jumbotron-body > .h2, .card .jumbotron .card-body > .h2, .card .jumbotron .styled-list > .h2, .card .jumbotron .styled-list > .h2, .jumbotron .card .card-body > .h2, .jumbotron .card .styled-list > .h2, .jumbotron .card .styled-list > .h2, .card .card-body h3, .card .styled-list h3, .card .jumbotron .styled-list h3, .jumbotron .card .styled-list h3, .styled-list .card-body h3, .styled-list .styled-list h3, .styled-list .jumbotron .styled-list h3, .jumbotron .styled-list .styled-list h3, .card .jumbotron .jumbotron-body h3, .styled-list .jumbotron .jumbotron-body h3, .jumbotron .card .jumbotron-body h3, .jumbotron .styled-list .jumbotron-body h3, .card .jumbotron .card-body h3, .card .jumbotron .styled-list h3, .card .jumbotron .styled-list h3, .jumbotron .card .card-body h3, .jumbotron .card .styled-list h3, .jumbotron .card .styled-list h3, .card .card-body .h3, .card .styled-list .h3, .card .jumbotron .styled-list .h3, .jumbotron .card .styled-list .h3, .styled-list .card-body .h3, .styled-list .styled-list .h3, .styled-list .jumbotron .styled-list .h3, .jumbotron .styled-list .styled-list .h3, .card .jumbotron .jumbotron-body .h3, .styled-list .jumbotron .jumbotron-body .h3, .jumbotron .card .jumbotron-body .h3, .jumbotron .styled-list .jumbotron-body .h3, .card .jumbotron .card-body .h3, .card .jumbotron .styled-list .h3, .card .jumbotron .styled-list .h3, .jumbotron .card .card-body .h3, .jumbotron .card .styled-list .h3, .jumbotron .card .styled-list .h3, .card .card-body h4, .card .styled-list h4, .card .jumbotron .styled-list h4, .jumbotron .card .styled-list h4, .styled-list .card-body h4, .styled-list .styled-list h4, .styled-list .jumbotron .styled-list h4, .jumbotron .styled-list .styled-list h4, .card .jumbotron .jumbotron-body h4, .styled-list .jumbotron .jumbotron-body h4, .jumbotron .card .jumbotron-body h4, .jumbotron .styled-list .jumbotron-body h4, .card .jumbotron .card-body h4, .card .jumbotron .styled-list h4, .card .jumbotron .styled-list h4, .jumbotron .card .card-body h4, .jumbotron .card .styled-list h4, .jumbotron .card .styled-list h4, .card .card-body .h4, .card .styled-list .h4, .card .jumbotron .styled-list .h4, .jumbotron .card .styled-list .h4, .styled-list .card-body .h4, .styled-list .styled-list .h4, .styled-list .jumbotron .styled-list .h4, .jumbotron .styled-list .styled-list .h4, .card .jumbotron .jumbotron-body .h4, .styled-list .jumbotron .jumbotron-body .h4, .jumbotron .card .jumbotron-body .h4, .jumbotron .styled-list .jumbotron-body .h4, .card .jumbotron .card-body .h4, .card .jumbotron .styled-list .h4, .card .jumbotron .styled-list .h4, .jumbotron .card .card-body .h4, .jumbotron .card .styled-list .h4, .jumbotron .card .styled-list .h4, .card .card-body h5, .card .styled-list h5, .card .jumbotron .styled-list h5, .jumbotron .card .styled-list h5, .styled-list .card-body h5, .styled-list .styled-list h5, .styled-list .jumbotron .styled-list h5, .jumbotron .styled-list .styled-list h5, .card .jumbotron .jumbotron-body h5, .styled-list .jumbotron .jumbotron-body h5, .jumbotron .card .jumbotron-body h5, .jumbotron .styled-list .jumbotron-body h5, .card .jumbotron .card-body h5, .card .jumbotron .styled-list h5, .card .jumbotron .styled-list h5, .jumbotron .card .card-body h5, .jumbotron .card .styled-list h5, .jumbotron .card .styled-list h5, .card .card-body .h5, .card .styled-list .h5, .card .jumbotron .styled-list .h5, .jumbotron .card .styled-list .h5, .styled-list .card-body .h5, .styled-list .styled-list .h5, .styled-list .jumbotron .styled-list .h5, .jumbotron .styled-list .styled-list .h5, .card .jumbotron .jumbotron-body .h5, .styled-list .jumbotron .jumbotron-body .h5, .jumbotron .card .jumbotron-body .h5, .jumbotron .styled-list .jumbotron-body .h5, .card .jumbotron .card-body .h5, .card .jumbotron .styled-list .h5, .card .jumbotron .styled-list .h5, .jumbotron .card .card-body .h5, .jumbotron .card .styled-list .h5, .jumbotron .card .styled-list .h5, .card .card-body h5, .card .styled-list h5, .card .jumbotron .styled-list h5, .jumbotron .card .styled-list h5, .card .jumbotron .jumbotron-body h5, .jumbotron .card .jumbotron-body h5, .card .jumbotron .card-body h5, .card .jumbotron .styled-list h5, .card .jumbotron .styled-list h5, .jumbotron .card .card-body h5, .jumbotron .card .styled-list h5, .jumbotron .card .styled-list h5, .card .card-body .h5, .card .styled-list .h5, .card .jumbotron .styled-list .h5, .jumbotron .card .styled-list .h5 { padding-bottom: 0.2rem; } .card .card-body > h2:not(:first-child), .card .styled-list > h2:not(:first-child), .card .jumbotron .styled-list > h2:not(:first-child), .jumbotron .card .styled-list > h2:not(:first-child), .styled-list .card-body > h2:not(:first-child), .styled-list .styled-list > h2:not(:first-child), .styled-list .jumbotron .styled-list > h2:not(:first-child), .jumbotron .styled-list .styled-list > h2:not(:first-child), .card .jumbotron .jumbotron-body > h2:not(:first-child), .styled-list .jumbotron .jumbotron-body > h2:not(:first-child), .jumbotron .card .jumbotron-body > h2:not(:first-child), .jumbotron .styled-list .jumbotron-body > h2:not(:first-child), .card .jumbotron .card-body > h2:not(:first-child), .card .jumbotron .styled-list > h2:not(:first-child), .card .jumbotron .styled-list > h2:not(:first-child), .jumbotron .card .card-body > h2:not(:first-child), .jumbotron .card .styled-list > h2:not(:first-child), .jumbotron .card .styled-list > h2:not(:first-child), .card .card-body > .h2:not(:first-child), .card .styled-list > .h2:not(:first-child), .card .jumbotron .styled-list > .h2:not(:first-child), .jumbotron .card .styled-list > .h2:not(:first-child), .styled-list .card-body > .h2:not(:first-child), .styled-list .styled-list > .h2:not(:first-child), .styled-list .jumbotron .styled-list > .h2:not(:first-child), .jumbotron .styled-list .styled-list > .h2:not(:first-child), .card .jumbotron .jumbotron-body > .h2:not(:first-child), .styled-list .jumbotron .jumbotron-body > .h2:not(:first-child), .jumbotron .card .jumbotron-body > .h2:not(:first-child), .jumbotron .styled-list .jumbotron-body > .h2:not(:first-child), .card .card-body h3:not(:first-child), .card .styled-list h3:not(:first-child), .card .jumbotron .styled-list h3:not(:first-child), .jumbotron .card .styled-list h3:not(:first-child), .styled-list .card-body h3:not(:first-child), .styled-list .styled-list h3:not(:first-child), .styled-list .jumbotron .styled-list h3:not(:first-child), .jumbotron .styled-list .styled-list h3:not(:first-child), .card .jumbotron .jumbotron-body h3:not(:first-child), .styled-list .jumbotron .jumbotron-body h3:not(:first-child), .jumbotron .card .jumbotron-body h3:not(:first-child), .jumbotron .styled-list .jumbotron-body h3:not(:first-child), .card .jumbotron .card-body h3:not(:first-child), .card .jumbotron .styled-list h3:not(:first-child), .card .jumbotron .styled-list h3:not(:first-child), .jumbotron .card .card-body h3:not(:first-child), .jumbotron .card .styled-list h3:not(:first-child), .jumbotron .card .styled-list h3:not(:first-child), .card .card-body .h3:not(:first-child), .card .styled-list .h3:not(:first-child), .card .jumbotron .styled-list .h3:not(:first-child), .jumbotron .card .styled-list .h3:not(:first-child), .styled-list .card-body .h3:not(:first-child), .styled-list .styled-list .h3:not(:first-child), .styled-list .jumbotron .styled-list .h3:not(:first-child), .jumbotron .styled-list .styled-list .h3:not(:first-child), .card .jumbotron .jumbotron-body .h3:not(:first-child), .styled-list .jumbotron .jumbotron-body .h3:not(:first-child), .jumbotron .card .jumbotron-body .h3:not(:first-child), .jumbotron .styled-list .jumbotron-body .h3:not(:first-child), .card .card-body h4:not(:first-child), .card .styled-list h4:not(:first-child), .card .jumbotron .styled-list h4:not(:first-child), .jumbotron .card .styled-list h4:not(:first-child), .styled-list .card-body h4:not(:first-child), .styled-list .styled-list h4:not(:first-child), .styled-list .jumbotron .styled-list h4:not(:first-child), .jumbotron .styled-list .styled-list h4:not(:first-child), .card .jumbotron .jumbotron-body h4:not(:first-child), .styled-list .jumbotron .jumbotron-body h4:not(:first-child), .jumbotron .card .jumbotron-body h4:not(:first-child), .jumbotron .styled-list .jumbotron-body h4:not(:first-child), .card .jumbotron .card-body h4:not(:first-child), .card .jumbotron .styled-list h4:not(:first-child), .card .jumbotron .styled-list h4:not(:first-child), .jumbotron .card .card-body h4:not(:first-child), .jumbotron .card .styled-list h4:not(:first-child), .jumbotron .card .styled-list h4:not(:first-child), .card .card-body .h4:not(:first-child), .card .styled-list .h4:not(:first-child), .card .jumbotron .styled-list .h4:not(:first-child), .jumbotron .card .styled-list .h4:not(:first-child), .styled-list .card-body .h4:not(:first-child), .styled-list .styled-list .h4:not(:first-child), .styled-list .jumbotron .styled-list .h4:not(:first-child), .jumbotron .styled-list .styled-list .h4:not(:first-child), .card .jumbotron .jumbotron-body .h4:not(:first-child), .styled-list .jumbotron .jumbotron-body .h4:not(:first-child), .jumbotron .card .jumbotron-body .h4:not(:first-child), .jumbotron .styled-list .jumbotron-body .h4:not(:first-child), .card .card-body h5:not(:first-child), .card .styled-list h5:not(:first-child), .card .jumbotron .styled-list h5:not(:first-child), .jumbotron .card .styled-list h5:not(:first-child), .styled-list .card-body h5:not(:first-child), .styled-list .styled-list h5:not(:first-child), .styled-list .jumbotron .styled-list h5:not(:first-child), .jumbotron .styled-list .styled-list h5:not(:first-child), .card .jumbotron .jumbotron-body h5:not(:first-child), .styled-list .jumbotron .jumbotron-body h5:not(:first-child), .jumbotron .card .jumbotron-body h5:not(:first-child), .jumbotron .styled-list .jumbotron-body h5:not(:first-child), .card .jumbotron .card-body h5:not(:first-child), .card .jumbotron .styled-list h5:not(:first-child), .card .jumbotron .styled-list h5:not(:first-child), .jumbotron .card .card-body h5:not(:first-child), .jumbotron .card .styled-list h5:not(:first-child), .jumbotron .card .styled-list h5:not(:first-child), .card .card-body .h5:not(:first-child), .card .styled-list .h5:not(:first-child), .card .jumbotron .styled-list .h5:not(:first-child), .jumbotron .card .styled-list .h5:not(:first-child), .styled-list .card-body .h5:not(:first-child), .styled-list .styled-list .h5:not(:first-child), .styled-list .jumbotron .styled-list .h5:not(:first-child), .jumbotron .styled-list .styled-list .h5:not(:first-child), .card .jumbotron .jumbotron-body .h5:not(:first-child), .styled-list .jumbotron .jumbotron-body .h5:not(:first-child), .jumbotron .card .jumbotron-body .h5:not(:first-child), .jumbotron .styled-list .jumbotron-body .h5:not(:first-child), .card .card-body h5:not(:first-child), .card .styled-list h5:not(:first-child), .card .jumbotron .styled-list h5:not(:first-child), .jumbotron .card .styled-list h5:not(:first-child) { margin-top: 0.8rem; } .card .card-body > h2:not(:last-child), .card .styled-list > h2:not(:last-child), .card .jumbotron .styled-list > h2:not(:last-child), .jumbotron .card .styled-list > h2:not(:last-child), .styled-list .card-body > h2:not(:last-child), .styled-list .styled-list > h2:not(:last-child), .styled-list .jumbotron .styled-list > h2:not(:last-child), .jumbotron .styled-list .styled-list > h2:not(:last-child), .card .jumbotron .jumbotron-body > h2:not(:last-child), .styled-list .jumbotron .jumbotron-body > h2:not(:last-child), .jumbotron .card .jumbotron-body > h2:not(:last-child), .jumbotron .styled-list .jumbotron-body > h2:not(:last-child), .card .jumbotron .card-body > h2:not(:last-child), .card .jumbotron .styled-list > h2:not(:last-child), .card .jumbotron .styled-list > h2:not(:last-child), .jumbotron .card .card-body > h2:not(:last-child), .jumbotron .card .styled-list > h2:not(:last-child), .jumbotron .card .styled-list > h2:not(:last-child), .card .card-body > .h2:not(:last-child), .card .styled-list > .h2:not(:last-child), .card .jumbotron .styled-list > .h2:not(:last-child), .jumbotron .card .styled-list > .h2:not(:last-child), .styled-list .card-body > .h2:not(:last-child), .styled-list .styled-list > .h2:not(:last-child), .styled-list .jumbotron .styled-list > .h2:not(:last-child), .jumbotron .styled-list .styled-list > .h2:not(:last-child), .card .jumbotron .jumbotron-body > .h2:not(:last-child), .styled-list .jumbotron .jumbotron-body > .h2:not(:last-child), .jumbotron .card .jumbotron-body > .h2:not(:last-child), .jumbotron .styled-list .jumbotron-body > .h2:not(:last-child), .card .card-body h3:not(:last-child), .card .styled-list h3:not(:last-child), .card .jumbotron .styled-list h3:not(:last-child), .jumbotron .card .styled-list h3:not(:last-child), .styled-list .card-body h3:not(:last-child), .styled-list .styled-list h3:not(:last-child), .styled-list .jumbotron .styled-list h3:not(:last-child), .jumbotron .styled-list .styled-list h3:not(:last-child), .card .jumbotron .jumbotron-body h3:not(:last-child), .styled-list .jumbotron .jumbotron-body h3:not(:last-child), .jumbotron .card .jumbotron-body h3:not(:last-child), .jumbotron .styled-list .jumbotron-body h3:not(:last-child), .card .jumbotron .card-body h3:not(:last-child), .card .jumbotron .styled-list h3:not(:last-child), .card .jumbotron .styled-list h3:not(:last-child), .jumbotron .card .card-body h3:not(:last-child), .jumbotron .card .styled-list h3:not(:last-child), .jumbotron .card .styled-list h3:not(:last-child), .card .card-body .h3:not(:last-child), .card .styled-list .h3:not(:last-child), .card .jumbotron .styled-list .h3:not(:last-child), .jumbotron .card .styled-list .h3:not(:last-child), .styled-list .card-body .h3:not(:last-child), .styled-list .styled-list .h3:not(:last-child), .styled-list .jumbotron .styled-list .h3:not(:last-child), .jumbotron .styled-list .styled-list .h3:not(:last-child), .card .jumbotron .jumbotron-body .h3:not(:last-child), .styled-list .jumbotron .jumbotron-body .h3:not(:last-child), .jumbotron .card .jumbotron-body .h3:not(:last-child), .jumbotron .styled-list .jumbotron-body .h3:not(:last-child), .card .card-body h4:not(:last-child), .card .styled-list h4:not(:last-child), .card .jumbotron .styled-list h4:not(:last-child), .jumbotron .card .styled-list h4:not(:last-child), .styled-list .card-body h4:not(:last-child), .styled-list .styled-list h4:not(:last-child), .styled-list .jumbotron .styled-list h4:not(:last-child), .jumbotron .styled-list .styled-list h4:not(:last-child), .card .jumbotron .jumbotron-body h4:not(:last-child), .styled-list .jumbotron .jumbotron-body h4:not(:last-child), .jumbotron .card .jumbotron-body h4:not(:last-child), .jumbotron .styled-list .jumbotron-body h4:not(:last-child), .card .jumbotron .card-body h4:not(:last-child), .card .jumbotron .styled-list h4:not(:last-child), .card .jumbotron .styled-list h4:not(:last-child), .jumbotron .card .card-body h4:not(:last-child), .jumbotron .card .styled-list h4:not(:last-child), .jumbotron .card .styled-list h4:not(:last-child), .card .card-body .h4:not(:last-child), .card .styled-list .h4:not(:last-child), .card .jumbotron .styled-list .h4:not(:last-child), .jumbotron .card .styled-list .h4:not(:last-child), .styled-list .card-body .h4:not(:last-child), .styled-list .styled-list .h4:not(:last-child), .styled-list .jumbotron .styled-list .h4:not(:last-child), .jumbotron .styled-list .styled-list .h4:not(:last-child), .card .jumbotron .jumbotron-body .h4:not(:last-child), .styled-list .jumbotron .jumbotron-body .h4:not(:last-child), .jumbotron .card .jumbotron-body .h4:not(:last-child), .jumbotron .styled-list .jumbotron-body .h4:not(:last-child), .card .card-body h5:not(:last-child), .card .styled-list h5:not(:last-child), .card .jumbotron .styled-list h5:not(:last-child), .jumbotron .card .styled-list h5:not(:last-child), .styled-list .card-body h5:not(:last-child), .styled-list .styled-list h5:not(:last-child), .styled-list .jumbotron .styled-list h5:not(:last-child), .jumbotron .styled-list .styled-list h5:not(:last-child), .card .jumbotron .jumbotron-body h5:not(:last-child), .styled-list .jumbotron .jumbotron-body h5:not(:last-child), .jumbotron .card .jumbotron-body h5:not(:last-child), .jumbotron .styled-list .jumbotron-body h5:not(:last-child), .card .jumbotron .card-body h5:not(:last-child), .card .jumbotron .styled-list h5:not(:last-child), .card .jumbotron .styled-list h5:not(:last-child), .jumbotron .card .card-body h5:not(:last-child), .jumbotron .card .styled-list h5:not(:last-child), .jumbotron .card .styled-list h5:not(:last-child), .card .card-body .h5:not(:last-child), .card .styled-list .h5:not(:last-child), .card .jumbotron .styled-list .h5:not(:last-child), .jumbotron .card .styled-list .h5:not(:last-child), .styled-list .card-body .h5:not(:last-child), .styled-list .styled-list .h5:not(:last-child), .styled-list .jumbotron .styled-list .h5:not(:last-child), .jumbotron .styled-list .styled-list .h5:not(:last-child), .card .jumbotron .jumbotron-body .h5:not(:last-child), .styled-list .jumbotron .jumbotron-body .h5:not(:last-child), .jumbotron .card .jumbotron-body .h5:not(:last-child), .jumbotron .styled-list .jumbotron-body .h5:not(:last-child), .card .card-body h5:not(:last-child), .card .styled-list h5:not(:last-child), .card .jumbotron .styled-list h5:not(:last-child), .jumbotron .card .styled-list h5:not(:last-child) { margin-bottom: 0.8rem; } .card .card-body hr, .card .styled-list hr, .card .jumbotron .styled-list hr, .jumbotron .card .styled-list hr, .styled-list .card-body hr, .styled-list .styled-list hr, .card .jumbotron .jumbotron-body hr, .styled-list .jumbotron .jumbotron-body hr, .jumbotron .card .jumbotron-body hr, .jumbotron .styled-list .jumbotron-body hr, .card .jumbotron .card-body hr, .card .jumbotron .styled-list hr, .card .jumbotron .styled-list hr, .jumbotron .card .card-body hr, .jumbotron .card .styled-list hr, .jumbotron .card .styled-list hr { margin-top: 0.8rem; margin-bottom: 0.8rem; } .card .card-header:not(:first-child), .styled-list .card-header:not(:first-child) { padding-top: 0.96rem; border-top: 1px solid hsl(209, 30%, 85%); } .card .card-nav .nav-list li a, .styled-list .card-nav .nav-list li a, .card .card-nav .nav-list li .list-item, .styled-list .card-nav .nav-list li .list-item { padding-right: 0.4rem; padding-left: 0.4rem; } .card .card-nav .nav-list li:last-child, .styled-list .card-nav .nav-list li:last-child { background-color: transparent; } .card .card-nav .nav-list li:last-child a, .styled-list .card-nav .nav-list li:last-child a, .card .card-nav .nav-list li:last-child .list-item, .styled-list .card-nav .nav-list li:last-child .list-item { border-bottom-left-radius: calc(0.75rem - 1px); border-bottom-right-radius: calc(0.75rem - 1px); } .card .card-table table tr td:first-child, .styled-list .card-table table tr td:first-child, .card .card-table table tr th:first-child, .styled-list .card-table table tr th:first-child { padding-left: 0.8rem; } .card .card-table table tr td:last-child, .styled-list .card-table table tr td:last-child, .card .card-table table tr th:last-child, .styled-list .card-table table tr th:last-child { padding-right: 0.8rem; } .card .card-table:first-child .pager-content-wrapper:first-child, .styled-list .card-table:first-child .pager-content-wrapper:first-child { border-top: 0 !important; } .card .card-table:not(:first-child) thead tr td, .styled-list .card-table:not(:first-child) thead tr td, .card .card-table:not(:first-child) thead tr th, .styled-list .card-table:not(:first-child) thead tr th { border-radius: 0 !important; } .card .card-table .pager-content-wrapper:last-child table, .styled-list .card-table .pager-content-wrapper:last-child table { border-radius: 0.75rem; } .card .card-table .pager-content-wrapper:last-child table tr td:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tr td:first-child, .card .card-table .pager-content-wrapper:last-child table tr th:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tr th:first-child { padding-left: 0.96rem; } .card .card-table .pager-content-wrapper:last-child table tr td:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tr td:last-child, .card .card-table .pager-content-wrapper:last-child table tr th:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tr th:last-child { padding-right: 0.96rem; } .card .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child td:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child td:first-child, .card .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child th:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child th:first-child { border-top-left-radius: 0.75rem; } .card .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child td:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child td:last-child, .card .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child th:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:first-child tr:first-child th:last-child { border-top-right-radius: 0.75rem; } .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td, .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th { border-width: 0; } .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td:first-child, .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th:first-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th:first-child { border-bottom-left-radius: 0.75rem; } .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child td:last-child, .card .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th:last-child, .styled-list .card-table .pager-content-wrapper:last-child table tbody:last-child tr:last-child th:last-child { border-bottom-right-radius: 0.75rem; } .card.bg-deep-blue, .bg-deep-blue.styled-list { color: white; background-color: #2d3268; } .card.clickable, .clickable.styled-list { transition: all 1s; } .card.clickable:hover, .clickable.styled-list:hover { transition: all 1s; filter: brightness(0.8) !important; } /* ---------------------------------------------------------------------------------------------- *\ | Jumbotron | \* ---------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------- *\ | Apex Card Override | \* ---------------------------------------------------------------------------------------------- */ .apex--elements--card-component .card.apex-card, .apex--elements--card-component .apex-card.styled-list { border-radius: 0.75rem; border-color: hsl(209, 30%, 85%); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .apex--elements--card-component .card.apex-card .card-header, .apex--elements--card-component .apex-card.styled-list .card-header { min-height: 3rem; padding: 0.625rem 0.75rem; border-top-right-radius: calc(0.75rem - 1px); border-top-left-radius: calc(0.75rem - 1px); align-items: center; border-bottom: 0 !important; } .apex--elements--card-component .card.apex-card .card-header .card-title, .apex--elements--card-component .apex-card.styled-list .card-header .card-title { display: flex; align-items: center; font-family: "Space Grotesk", sans-serif; font-size: 1rem; font-weight: 600; line-height: 1; letter-spacing: -0.025em; color: hsl(235, 38%, 27%); padding: 0; } .apex--elements--card-component .card.apex-card:not(.apex-card-colored) .card-header, .apex--elements--card-component .apex-card.styled-list:not(.apex-card-colored) .card-header { background-color: #edf3f8; border-bottom: 0 !important; } .apex--elements--card-component .card.apex-card .card-insert, .apex--elements--card-component .apex-card.styled-list .card-insert { outline-color: hsl(209, 30%, 85%); } /* ---------------------------------------------------------------------------------------------- *\ | Apex Image Box Override | \* ---------------------------------------------------------------------------------------------- */ .image-box.image-box-color-primary .image-box-icon { background: hsla(235, 38%, 27%, 0.12); color: hsl(235, 25%, 25%); } .image-box.image-box-color-secondary .image-box-icon { background: hsla(189, 30%, 63%, 0.2); color: hsl(189, 30%, 63%); } .jumbotron { background: var(--apex-background-subtle); border: 1px solid rgba(58, 64, 136, 0.15); border-radius: 0.5rem; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); } .jumbotron .jumbotron-body, .jumbotron .card-body, .jumbotron .styled-list { display: flex; align-items: center; justify-content: space-between; } .context-nav { padding: 0.4rem 0.8rem; background-color: #e4e8ec; line-height: 2; border-radius: 0.84375rem; display: flex; flex-wrap: wrap; list-style: none; margin: 0; } .context-nav li + li { padding-left: 0.4rem; } .context-nav li + li:before { content: var(--bs-breadcrumb-divider, ">") !important; padding-right: 0.4rem; } /* ---------------------------------------------------------------------------------------------- *\ | Drag & Drop Import CSV | \* ---------------------------------------------------------------------------------------------- */ .dragndrop .file-drop-area { position: relative; display: flex; align-items: center; height: 155px; max-width: 100%; padding: 25px; border-radius: 8px; transition: 0.2s; } .dragndrop .drop-area-without-file { border: 3px dashed #8CAEF2; background-color: #F2F9FC; } .dragndrop .drop-area-with-file { border: 3px dashed #009607; background-color: #ddfff0; } .dragndrop .fake-btn { flex-shrink: 0; background-color: #e9f8f9; border: 1px solid #282b68; border-radius: 8px; padding: 13px 28px; margin-right: 20px; font-size: 15px; text-transform: uppercase; } .dragndrop .file-msg { font-size: 16px; font-weight: 300; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dragndrop .file-input { position: absolute; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; opacity: 0; } .dragndrop .file-input:focus { outline: none; } .insert { border-radius: 0.84375rem; background-color: #e4e8ec; text-align: center; overflow-wrap: anywhere; width: fit-content; margin: auto; padding: 0.4rem 0.8rem; } .insert.insert-secondary { border: #dce1e6; background-color: #e9eef0; } quote { display: block; border-radius: 0.5625rem; padding: 0.4rem 0.8rem; background-color: #e4e8ec; color: #4a5568; font-weight: 300; } .styled-list .list-item { padding: 0.8rem 0.8rem 0; } .styled-list .list-item:not(:last-child) { border-bottom: 1px solid #dce1e6; padding-bottom: 0.8rem; } .inline-list .list-item { margin: 0 0 1.25em 0; } .inline-list .list-item:not(:first-child) { padding-top: 1.25em; border-top: 1px solid #edf3f6; } .inline-list .list-item:last-child { margin-bottom: 0; } .inline-list .list-item.clickable:hover { cursor: pointer; background-color: #edf3f6; } .style-list .list-item .list-item-handle, .inline-list .list-item .list-item-handle { margin-right: 0.5rem; } .style-list .list-item .list-item-body, .inline-list .list-item .list-item-body { padding-left: 1rem; border-left: 0.25rem solid #f0f3f5; flex-grow: 1; } markdown strong { font-weight: bold; } ul.nav-list { border-radius: 0; } ul.nav-list li.nav-item, ul.nav-list li { padding: 0; border: 0; border-radius: 0; display: flex; flex-direction: row; } ul.nav-list li.nav-item a.nav-link, ul.nav-list li.nav-item button.nav-link, ul.nav-list li a.nav-link, ul.nav-list li button.nav-link { border-radius: 0; width: 100%; display: flex; padding: 0.6rem 0; border-style: none; background-color: #fff; color: #1a202c; padding-left: 0.4rem; padding-right: 0.4rem; } ul.nav-list li.nav-item a.nav-link .nav-item-icon, ul.nav-list li.nav-item button.nav-link .nav-item-icon, ul.nav-list li a.nav-link .nav-item-icon, ul.nav-list li button.nav-link .nav-item-icon { width: 1.75rem; text-align: left; } ul.nav-list li.nav-item a.nav-link .nav-item-label, ul.nav-list li.nav-item button.nav-link .nav-item-label, ul.nav-list li a.nav-link .nav-item-label, ul.nav-list li button.nav-link .nav-item-label { padding-left: 0.25rem; flex-grow: 1; } ul.nav-list li.nav-item a.nav-link:hover, ul.nav-list li.nav-item button.nav-link:hover, ul.nav-list li a.nav-link:hover, ul.nav-list li button.nav-link:hover { color: #1a202c; background-color: #f3f6fd; } ul.nav-list li.nav-item:not(:last-child), ul.nav-list li:not(:last-child) { border-bottom: 1px solid #dce1e6; } /* ---------------------------------------------------------------------------------------------- *\ | Nav tabs & pills | \* ---------------------------------------------------------------------------------------------- */ .nav.nav-pills { border-bottom: 3px solid #95a5bc; gap: 0.4rem; } .nav.nav-pills li.nav-item .nav-link { padding: 0.3rem 0.8rem; color: #1a202c; font-weight: 500; } .nav.nav-pills li.nav-item .nav-link.active { color: #2a4a78; background-color: transparent; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 4px 0px 0px #2a4a78; } /* ---------------------------------------------------------------------------------------------- *\ | Popup card | \* ---------------------------------------------------------------------------------------------- */ .popup { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.75rem; background-color: white; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, border-color 0.3s ease-in-out; overflow: visible; /* *********************************************************************************************** ** POPUP FOOTER AND COLLAPSABLE ** ******************************************************************************************** */ } .popup .popup-core { display: flex; flex-direction: row; border-top-right-radius: 0.5625rem; border-top-left-radius: 0.5625rem; /* ********************************************************************************************* ** POPUP CORE WRAPPER ** ****************************************************************************************** */ } @media (max-width: 575.98px) { .popup .popup-core { flex-direction: column; align-content: center; } } .popup .popup-core.popup-collapsable, .popup .popup-core.popup-clickable { cursor: pointer; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s ease; } .popup .popup-core.popup-collapsable:hover, .popup .popup-core.popup-clickable:hover { background-color: rgba(247, 248, 250, 0.5); } .popup .popup-core.popup-collapsable.collapsed, .popup .popup-core.popup-clickable.collapsed { border-bottom-right-radius: 0.5625rem; border-bottom-left-radius: 0.5625rem; } .popup .popup-core.popup-collapsable:not(.collapsed), .popup .popup-core.popup-clickable:not(.collapsed) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .popup .popup-core:last-child { border-bottom-right-radius: 0.5625rem; border-bottom-left-radius: 0.5625rem; } .popup .popup-core.popup-bg-gradient { background: linear-gradient(135deg, rgba(228, 232, 236, 0.6), rgba(228, 232, 236, 0.5)); } .popup .popup-core.popup-bg-secondary { background-color: rgba(228, 232, 236, 0.95); } .popup .popup-core.popup-bg-solid { background-color: white; } .popup .popup-core .popup-core-wrapper { display: flex; gap: 0.4rem; flex-grow: 1; padding: 0.8rem; } .popup .popup-core .popup-core-wrapper .popup-thumbnail { align-self: start; } @media (max-width: 575.98px) { .popup .popup-core .popup-core-wrapper .popup-thumbnail { padding: 0; align-self: baseline; } } .popup .popup-core .popup-core-wrapper .popup-body { gap: 0.4rem; flex-grow: 1; } @media (max-width: 575.98px) { .popup .popup-core .popup-core-wrapper .popup-body { display: flex; flex-grow: inherit; flex-wrap: wrap; flex-direction: column-reverse; } } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header { justify-content: space-between; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .h1, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .h2, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .h3, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .h4 { margin-bottom: 0.25rem; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1.popup-title, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h1, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2.popup-title, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h2, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3.popup-title, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h3, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4.popup-title, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h4 { color: #1a202c; padding-right: 0.4rem; font-size: 1.1em; } .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1.popup-title, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h1, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2.popup-title, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h2, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3.popup-title, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h3, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4.popup-title, .popup-compact.popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h4 { font-size: 0.99em; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1.popup-title a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h1 a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2.popup-title a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h2 a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3.popup-title a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h3 a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4.popup-title a, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h4 a { display: flex; align-items: center; color: #1a202c; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1.popup-title a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h1 a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2.popup-title a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h2 a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3.popup-title a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h3 a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4.popup-title a:hover, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h4 a:hover { color: #4a5568; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h1.popup-title i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h1 i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h2.popup-title i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h2 i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h3.popup-title i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h3 i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header h4.popup-title i, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-header .popup-title.h4 i { font-size: 0.75em; color: #4a5568; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-content .popup-content-text { border: 0; font-size: 0.95em; color: #4a5568; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside { float: right; display: flex; flex-direction: column; gap: 0.4rem; } @media (max-width: 575.98px) { .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside { padding-top: 0.4rem; flex-direction: column-reverse; } } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-options { display: flex; flex-direction: column; gap: 0.4rem; width: 100%; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-options > * { flex: 1 1 100%; width: 100%; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-options .btn, .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-options .badge { width: 100%; text-align: center; justify-content: center; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-options .dropdown { position: static; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-labels { display: flex; flex-wrap: wrap; gap: 0.2rem; justify-content: flex-end; } .popup .popup-core .popup-core-wrapper .popup-body .popup-body-aside .popup-body-labels .badge { white-space: nowrap; } .popup .popup-core.popup-collapsable .popup-core-toggle { display: flex; align-items: center; justify-content: center; padding: 0 0.8rem; min-width: 2.5rem; cursor: pointer; color: #a0aab4; transition: color 0.2s ease, background-color 0.2s ease; } .popup .popup-core.popup-collapsable .popup-core-toggle:hover { color: #475260; background-color: rgba(247, 248, 250, 0.5); } .popup .popup-core.popup-collapsable .popup-core-toggle i { font-size: 0.85rem; } .popup .popup-core.popup-collapsable .popup-core-toggle .toggle-icon-collapsed { display: block; } .popup .popup-core.popup-collapsable .popup-core-toggle .toggle-icon-expanded { display: none; } @media (max-width: 575.98px) { .popup .popup-core.popup-collapsable .popup-core-toggle { padding: 0.4rem; border-top: 1px solid rgba(220, 225, 230, 0.5); } } .popup .popup-core.popup-collapsable:not(.collapsed) .popup-core-toggle { color: #64707d; } .popup .popup-core.popup-collapsable:not(.collapsed) .popup-core-toggle .toggle-icon-collapsed { display: none; } .popup .popup-core.popup-collapsable:not(.collapsed) .popup-core-toggle .toggle-icon-expanded { display: block; } .popup .popup-footer { background-color: rgba(228, 232, 236, 0.4); border-top: 1px solid rgba(228, 232, 236, 0.8); border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; padding: 0.8rem; } .popup .popup-collapsable ~ .popup-footer { opacity: 0; max-height: 0; overflow: hidden; padding: 0 0.8rem; transition: opacity 0.3s ease, max-height 0.4s ease, padding 0.3s ease; } .popup .popup-collapsable ~ .popup-footer.expanded { opacity: 1; max-height: 500px; padding: 0.8rem; } .popup:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.07); transform: translateY(-1px); } .popup.popup-light { box-shadow: none; border: 1px solid #dce1e6; border-radius: 0.84375rem; background-color: white; } .popup.popup-light:hover { box-shadow: none; transform: none; border-color: #c4cdd5; } .popup.popup-light .popup-core { background: rgba(228, 232, 236, 0.3); border-radius: 0.84375rem 0.84375rem 0 0; } .popup.popup-light .popup-core:last-child { border-radius: 0.84375rem; } .popup.popup-light .popup-core.popup-bg-gradient, .popup.popup-light .popup-core.popup-bg-solid, .popup.popup-light .popup-core.popup-bg-light { background: rgba(228, 232, 236, 0.3); } .popup.popup-light .popup-footer { background-color: white; border-top: 1px solid #dce1e6; border-radius: 0 0 0.84375rem 0.84375rem; } .apex--elements--stat-card-component { --stat-card-value-color: hsl(235, 38%, 27%); --stat-card-label-color: hsl(235, 20%, 45%); } table, .table, table.vertical-table { font-size: 1em; vertical-align: middle; } table thead tr th, .table thead tr th, table.vertical-table thead tr th { color: hsl(235, 20%, 45%); font-weight: 500; font-size: 0.875rem; letter-spacing: normal; text-transform: none; padding-top: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid hsl(209, 30%, 85%); background-color: transparent; } table tbody tr th, .table tbody tr th, table.vertical-table tbody tr th { font-weight: 600; } table td.cell-compact, table th.cell-compact, .table td.cell-compact, .table th.cell-compact { font-size: 0.9em; } table td.min-width, table th.min-width, .table td.min-width, .table th.min-width { width: 0; text-wrap: nowrap; } table td.max-width, table th.max-width, .table td.max-width, .table th.max-width { width: 100%; } table.vertical-table tr td, table.vertical-table tr th { text-overflow: ellipsis; } table.vertical-table tr td:first-child, table.vertical-table tr th:first-child { color: #4c586f; width: 1%; white-space: nowrap; } table.vertical-table th { font-weight: 400; } /* ********************************************************************************************** *\ | Apex Pager List Override | \* ********************************************************************************************** */ .apex--elements--pager-component.pager-stack table.table tbody tr, .apex--elements--pager-component.pager-stack table.vertical-table tbody tr { outline-color: hsl(209, 25%, 88%); } /* ********************************************************************************************** *\ ** Components (ViewComponents, Presenters & co) ** \* ********************************************************************************************** */ .autocomplete-wrapper { position: relative; } .autocomplete-wrapper .autocomplete-results { width: 100%; position: absolute; } .autocomplete-wrapper .autocomplete-results .list-group, .autocomplete-wrapper .autocomplete-results ul.nav-list { box-shadow: 1px 1px 10px -4px rgba(0, 0, 0, 0.2); } .autocomplete-wrapper .autocomplete-results .list-group .list-group-item, .autocomplete-wrapper .autocomplete-results ul.nav-list .list-group-item, ul.nav-list .autocomplete-wrapper .autocomplete-results .list-group li, .autocomplete-wrapper .autocomplete-results ul.nav-list li { padding: 0.75rem; } .autocomplete-wrapper .autocomplete-results .list-group .list-group-item.hoverable:hover, .autocomplete-wrapper .autocomplete-results ul.nav-list .list-group-item.hoverable:hover, ul.nav-list .autocomplete-wrapper .autocomplete-results .list-group li.hoverable:hover, .autocomplete-wrapper .autocomplete-results ul.nav-list li.hoverable:hover { cursor: pointer; background-color: #cfe4f1; } .select-autocomplete-wrapper { position: relative; } .select-autocomplete-wrapper .input-group-text { cursor: pointer; } .select-autocomplete-results { position: fixed; z-index: 1050; display: none; max-height: 300px; overflow-y: auto; } .select-autocomplete-results .list-group, .select-autocomplete-results ul.nav-list { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 0.375rem; background: white; border: 1px solid rgba(0, 0, 0, 0.1); } .select-autocomplete-results .list-group .list-group-item, .select-autocomplete-results ul.nav-list .list-group-item, ul.nav-list .select-autocomplete-results .list-group li, .select-autocomplete-results ul.nav-list li { padding: 0.5rem 0.75rem; border-left: 0; border-right: 0; } .select-autocomplete-results .list-group .list-group-item:first-child, .select-autocomplete-results ul.nav-list .list-group-item:first-child, ul.nav-list .select-autocomplete-results .list-group li:first-child, .select-autocomplete-results ul.nav-list li:first-child { border-top: 0; border-radius: 0.375rem 0.375rem 0 0; } .select-autocomplete-results .list-group .list-group-item:last-child, .select-autocomplete-results ul.nav-list .list-group-item:last-child, ul.nav-list .select-autocomplete-results .list-group li:last-child, .select-autocomplete-results ul.nav-list li:last-child { border-radius: 0 0 0.375rem 0.375rem; } .select-autocomplete-results .list-group .list-group-item.hoverable, .select-autocomplete-results ul.nav-list .list-group-item.hoverable, ul.nav-list .select-autocomplete-results .list-group li.hoverable, .select-autocomplete-results ul.nav-list li.hoverable { cursor: pointer; } .select-autocomplete-results .list-group .list-group-item.hoverable:hover, .select-autocomplete-results ul.nav-list .list-group-item.hoverable:hover, ul.nav-list .select-autocomplete-results .list-group li.hoverable:hover, .select-autocomplete-results ul.nav-list li.hoverable:hover { background-color: #e9ecef; } .apex--elements--multi-select-component { --ms-bg: hsl(210, 20%, 97%); --ms-border: hsl(209, 30%, 85%); --ms-border-hover: hsl(209, 30%, 78%); --ms-border-focus: hsl(235, 38%, 27%); --ms-text: hsl(235, 38%, 27%); --ms-text-muted: hsl(235, 20%, 45%); --ms-placeholder: hsl(235, 20%, 45%); --ms-radius: 0.625rem; --ms-shadow: none; --ms-shadow-focus: 0 0 0 2px white, 0 0 0 4px hsl(235, 38%, 27%); --ms-dropdown-shadow: 0 8px 32px -8px hsla(235, 38%, 27%, 0.12); --ms-option-hover: hsl(10, 66%, 63%); --ms-option-hover-text: #fff; --ms-pill-bg: hsl(189, 30%, 63%); --ms-pill-text: hsl(235, 38%, 27%); --ms-pill-remove-hover: hsl(189, 30%, 53%); --ms-create-color: hsl(235, 38%, 27%); } .apex--elements--multi-select-component .apex-multi-select__trigger { font-size: 0.875rem; } .apex--elements--multi-select-component .apex-multi-select__trigger:hover { background-color: white; } .apex--elements--multi-select-component .apex-multi-select__trigger:focus-within { background-color: white; } .apex--elements--multi-select-component .apex-multi-select__pill { font-size: 0.75rem; font-weight: 500; } .apex--elements--multi-select-component .apex-multi-select__input { font-size: 0.875rem; } .apex--elements--multi-select-component .apex-multi-select__option { font-size: 0.8125rem; } .info-box { color: #1a202c; border: 1px solid #dce1e6; border-radius: 0.84375rem; padding: 1.5rem 0.5rem; text-align: center !important; position: relative; margin-bottom: 1.25rem; background: linear-gradient(0turn, #DDE6ED, #EFF4F6); } .info-box .info-box-data { font-weight: 600; font-size: 1.5em; line-height: 1.2; } .info-box .btn { position: absolute; bottom: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60%; white-space: nowrap; overflow: hidden; } .options-bar { display: flex; align-items: stretch; gap: 0.4rem; } @media (max-width: 575.98px) { .options-bar .option-bar-button { display: none; } } .options-bar .dropdown { display: flex; } .options-bar .dropdown > button { height: 100%; } .options-bar .dropdown.dropdown-display-none { display: none; } @media (max-width: 575.98px) { .options-bar .dropdown.dropdown-display-none { display: block; } } .options-bar .dropdown .dropdown-item.dropdown-item-danger:hover { color: #dd1d48; background-color: #f8d2da; } .credit-card { margin: auto; margin-top: 20px; margin-bottom: 20px; border-radius: 7px; width: 280px; height: 100px; position: relative; transition: all 0.4s ease; box-shadow: 0 2px 4px 0 #cfd7df; padding: 13px; } .credit-card.selectable:hover { cursor: pointer; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } @media (min-width: 768px) { .w-md-25 { width: 25%; } } /* number formatting */ .credit-card-last4 { font-family: "pt mono", helvetica, sans-serif; font-size: 24px; } .credit-card-last4:before { content: "**** **** **** "; color: #F79E1C; font-size: 20px; } .credit-card-expiry { font-family: "pt mono", helvetica, sans-serif; font-size: 18px; position: absolute; bottom: 8px; left: 15px; } .credit-card-logo { font-size: 18px; position: absolute; bottom: 8px; right: 15px; } /* brand customization */ .credit-card.visa { background: #01579F; color: #eaeef2; } .credit-card.mastercard { background: #000000; color: #e3e8ef; } .credit-card.amex { background: #0293CE; color: #e3e8ef; } #payment-form { width: 30vw; min-width: 500px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; } #payment-message { color: rgb(255, 0, 0); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; } #payment-element { margin-bottom: 24px; } /* Buttons and links */ #payment-button { background: #5469d4; font-family: Arial, sans-serif; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; } #payment-button:hover { filter: contrast(115%); } #payment-button:disabled { opacity: 0.5; cursor: default; } /* ********************************************************************************************** *\ | Pill Stepper | \* ********************************************************************************************** */ .steps { display: flex; align-items: center; justify-content: center; gap: 0.25rem; margin-bottom: 2rem; } .steps .step-group { display: flex; align-items: center; gap: 0.25rem; } .steps .step-pill { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; transition: all 0.2s ease; white-space: nowrap; background-color: var(--gray-100); color: var(--gray-500); } .steps .step-pill .step-number { display: inline-flex; align-items: center; justify-content: center; width: 1rem; text-align: center; } .steps .step-pill .step-label { display: none; } @media (min-width: 576px) { .steps .step-pill .step-label { display: inline; } } .steps .step-pill .step-check { width: 0.875rem; height: 0.875rem; } .steps .step-pill.active { background-color: #2d3268; color: var(--white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .steps .step-pill.completed { background-color: color-mix(in srgb, #2d3268 10%, transparent); color: #2d3268; } .steps .step-connector { width: 2rem; height: 1px; background-color: var(--gray-200); transition: background-color 0.2s ease; } .steps .step-connector.completed { background-color: color-mix(in srgb, #2d3268 40%, transparent); } @media (min-width: 768px) { .sharing-bar .share-options ul.dropdown-menu li.input-group { width: max-content; } } /* ********************************************************************************************** *\ ** WARNING ! ** Avoid using except in very specific cases. Most css should be written and used in a generic way. ** Presenter style to be used only in case the presenter component requires a unique stylying. \* ********************************************************************************************** */ .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper, .presenters--patio--resumes--fulldisplay-component .resume-pdf-canvas-wrapper { border: 1px solid #cbd2d9; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2); background-color: white; margin: auto; max-width: 50rem; overflow-y: scroll; } .presenters--patio--resumes--fulldisplay-component .resume-pdf-wrapper .resume-pdf-canvas-wrapper { display: flex; flex-direction: column; text-align: center; justify-content: space-between; animation: blink-background 3s ease-in-out infinite; } @keyframes blink-background { 0%, 100% { background-color: #e4e8ec; } 50% { background-color: #d9dce0; } } .presenters--patio--resumes--fulldisplay-component .resume-pdf-wrapper .resume-pdf-canvas-wrapper canvas { max-width: 50rem; } .presenters--patio--resumes--fulldisplay-component .resume-pdf-wrapper .resume-pdf-navigation { max-width: 50rem; margin: auto; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper { padding: 1.6rem 2.08rem; aspect-ratio: 0.7072135785 !important; /* ---------------------------------------------------------------------------------------- *\ |* Resume header \* ---------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------- *\ |* Resume body \* ---------------------------------------------------------------------------------------- */ } @media (max-width: 767.98px) { .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper { margin-left: 0.2rem; margin-right: 0.2rem; padding: 1.2rem 1.2rem; } } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header { display: flex; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner { flex-grow: 1; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line { display: flex; height: min-content; padding: 0.2rem 0 0.2rem 0.4rem; justify-content: space-between; flex-wrap: wrap; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line h2, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line .h2 { margin: 0; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line h2.resume-owner, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line .resume-owner.h2 { color: #1a202c; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line h2.resume-label, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line .resume-label.h2 { color: #1a202c; font-weight: 300; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line .resume-header-subline { font-size: 0.9em; line-height: 1.3em; color: rgba(74, 85, 104, 0.9); } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line:first-child { border-bottom: 2px solid #cbd2d9; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper header.resume-header .resume-header-banner .resume-header-line:not(:first-child) { font-size: 0.95em; color: #4a5568; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content h1.resume-title, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content .resume-title.h1 { padding: 0.8rem; text-align: center; place-content: center; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section { padding-bottom: 0.8rem; /* ---------------------------------------------------------------------------------------- *\ |* InlineBlock component \* ---------------------------------------------------------------------------------------- */ } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section hgroup { display: flex; padding: 0.2rem; justify-content: space-between; margin-bottom: 0.4rem; background-color: #f9fafb; border-bottom: 1px solid #dce0e5; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section hgroup :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { display: block; margin: 0; align-content: center; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section hgroup .resume-edit-link { font-size: 0.75em; align-self: center; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section h2, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .h2 { color: #1a202c; padding-left: 0.4rem; margin-top: 0.4rem; margin-bottom: 0.4rem; } @media (max-width: 575.98px) { .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section h2, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .h2 { padding-left: 0.4rem; } } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section h2:before, .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .h2:before { content: "‣ "; position: relative; left: -0.2rem; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section p { text-align: justify; padding: 0.2rem; font-size: 0.95em; line-height: 1.3em; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component { display: flex; flex-direction: row; } @media (max-width: 767.98px) { .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component { flex-wrap: wrap; } } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component:not(:last-child) { border-bottom: 1px dotted #cbd2d9; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-start { flex: none; width: 12rem; padding: 0.4rem 0.2rem; padding-right: 1.6rem; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-start .resume-statement-header { font-weight: 600; font-size: 0.95em; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-start .resume-statement-subline { font-weight: 400; font-size: 0.9em; color: var(--bs-secondary-color); line-height: 1.3em; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-end { padding: 0.4rem 0.2rem; width: 100%; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-end .resume-statement-header { font-weight: 600; font-size: 0.95em; } .presenters--patio--resumes--fulldisplay-component .resume-inapp-wrapper main.resume-content section.resume-section .resume-statement.inline-block-component .resume-statement-end .resume-statement-subline { font-size: 0.9em; color: #1a202c; text-align: justify; } .job-offer-show-container .job-main-card { background: white; border: 1px solid rgba(232, 236, 240, 0.75); border-radius: 0.75rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); overflow: hidden; border: 1px solid var(--gray-300); } .job-offer-show-container .job-header-section { padding: 1.5rem; border-bottom: 1px solid rgba(232, 236, 240, 0.8); } .job-offer-show-container .job-header-section .company-header { display: flex; gap: 1.25rem; align-items: flex-start; } .job-offer-show-container .job-header-section .company-header .company-logo-large { flex-shrink: 0; } .job-offer-show-container .job-header-section .company-header .company-logo-large .image-box { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .job-offer-show-container .job-header-section .company-header .company-details { flex: 1; } .job-offer-show-container .job-header-section .company-header .company-details .job-title { font-size: 1.5rem; font-weight: 700; color: #1a202c; margin: 0 0 0.375rem 0; line-height: 1.2; } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.625rem; } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row .company-name { font-size: 1rem; font-weight: 500; color: #475260; margin: 0; } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row .status-indicator { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.625rem; border-radius: 0.25rem; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row .status-indicator.closed { background-color: rgba(221, 29, 72, 0.1); color: #dd1d48; border: 1px solid rgba(221, 29, 72, 0.2); } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row .status-indicator.closed i { font-size: 0.65rem; } .job-offer-show-container .job-header-section .company-header .company-details .job-meta-row { display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.8rem; color: #64707d; } .job-offer-show-container .job-header-section .company-header .company-details .job-meta-row .meta-item { display: inline-flex; align-items: center; gap: 0.375rem; } .job-offer-show-container .job-header-section .company-header .company-details .job-meta-row .meta-item i { color: #a0aab4; font-size: 0.75rem; } .job-offer-show-container .job-header-section .company-header .company-details .job-meta-row .meta-item strong { color: #323a44; font-weight: 600; } .job-offer-show-container .key-details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; padding: 1.25rem 1.5rem; background: rgba(247, 248, 250, 0.4); border-bottom: 1px solid rgba(232, 236, 240, 0.8); } .job-offer-show-container .key-details-grid .detail-item .detail-label { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; color: #a0aab4; margin-bottom: 0.25rem; } .job-offer-show-container .key-details-grid .detail-item .detail-value { font-size: 0.875rem; font-weight: 600; color: #323a44; } .job-offer-show-container .content-section { padding: 1.5rem; border-bottom: 1px solid rgba(232, 236, 240, 0.8); } .job-offer-show-container .content-section:last-child { border-bottom: none; } .job-offer-show-container .content-section .section-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 600; color: #1a202c; margin: 0 0 1rem 0; } .job-offer-show-container .content-section .section-title i { color: #293a7b; font-size: 0.875rem; } .job-offer-show-container .content-section .section-content { font-size: 0.875rem; line-height: 1.7; color: #475260; } .job-offer-show-container .content-section .section-content p { margin-bottom: 0.75rem; } .job-offer-show-container .content-section .section-content p:last-child { margin-bottom: 0; } .job-offer-show-container .content-section .section-content ul, .job-offer-show-container .content-section .section-content ol { padding-left: 1.25rem; margin-bottom: 0.75rem; } .job-offer-show-container .content-section .section-content ul li, .job-offer-show-container .content-section .section-content ol li { margin-bottom: 0.375rem; } .job-offer-show-container .skills-section { padding: 1.5rem; } .job-offer-show-container .skills-section .section-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 600; color: #1a202c; margin: 0 0 1rem 0; } .job-offer-show-container .skills-section .section-title i { color: #293a7b; font-size: 0.875rem; } .job-offer-show-container .skills-section .skills-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; } .job-offer-show-container .skills-section .skills-grid .skill-badge { display: inline-block; padding: 0.375rem 0.75rem; background-color: #f7f8fa; color: #475260; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 500; border: 1px solid #e8ecf0; text-transform: uppercase; transition: all 0.2s ease; } .job-offer-show-container .skills-section .skills-grid .skill-badge:hover { background-color: #e8ecf0; border-color: #dce1e6; } .job-offer-show-container .sidebar-sticky { position: sticky; top: 1.5rem; display: flex; flex-direction: column; gap: 1rem; } .job-offer-show-container .application-card { background: white; border: 1px solid rgba(232, 236, 240, 0.75); border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); overflow: hidden; } .job-offer-show-container .application-card .card-header-modern { padding: 1rem 1.25rem; background: linear-gradient(135deg, #293a7b 0%, #1c2855 100%); } .job-offer-show-container .application-card .card-header-modern .card-title-modern { font-size: 1rem; font-weight: 600; color: white; margin: 0; } .job-offer-show-container .application-card .card-body-modern { padding: 1.25rem; } .job-offer-show-container .application-card .card-body-modern .resume-selector { margin-bottom: 1rem; } .job-offer-show-container .application-card .card-body-modern .resume-selector .form-label-modern { display: block; font-size: 0.8rem; font-weight: 600; color: #475260; margin-bottom: 0.5rem; } .job-offer-show-container .application-card .card-body-modern .resume-selector .form-select-modern { width: 100%; padding: 0.625rem 0.875rem; border: 1px solid #dce1e6; border-radius: 0.375rem; font-size: 0.875rem; transition: border-color 0.2s ease; } .job-offer-show-container .application-card .card-body-modern .resume-selector .form-select-modern:focus { border-color: #293a7b; outline: none; box-shadow: 0 0 0 3px rgba(41, 58, 123, 0.1); } .job-offer-show-container .application-card .card-body-modern .btn-apply { width: 100%; padding: 0.75rem 1rem; background: linear-gradient(135deg, #308349 0%, #225e34 100%); border: none; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 600; color: white; cursor: pointer; transition: all 0.3s ease; } .job-offer-show-container .application-card .card-body-modern .btn-apply:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(48, 131, 73, 0.3); } .job-offer-show-container .application-card .card-body-modern .no-resume-notice { text-align: center; padding: 1rem 0; } .job-offer-show-container .application-card .card-body-modern .no-resume-notice i { font-size: 1.5rem; color: #f6c640; margin-bottom: 0.5rem; } .job-offer-show-container .application-card .card-body-modern .no-resume-notice p { font-size: 0.875rem; color: #64707d; } .job-offer-show-container .application-card .card-body-modern .no-resume-notice .btn-create-resume { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 1rem; background: #293a7b; border: none; border-radius: 0.375rem; font-size: 0.8rem; font-weight: 600; color: white; text-decoration: none; transition: all 0.3s ease; } .job-offer-show-container .application-card .card-body-modern .no-resume-notice .btn-create-resume:hover { background: #1c2855; transform: translateY(-1px); } .job-offer-show-container .application-status-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: 0.75rem; border: 1px solid; } .job-offer-show-container .application-status-card.applied { background: rgba(48, 131, 73, 0.05); border-color: rgba(48, 131, 73, 0.2); } .job-offer-show-container .application-status-card.applied .status-icon i { color: #308349; font-size: 1.5rem; } .job-offer-show-container .application-status-card.closed { background: rgba(221, 29, 72, 0.05); border-color: rgba(221, 29, 72, 0.2); } .job-offer-show-container .application-status-card.closed .status-icon i { color: #dd1d48; font-size: 1.5rem; } .job-offer-show-container .application-status-card .status-content h5, .job-offer-show-container .application-status-card .status-content .h5 { font-size: 0.9rem; font-weight: 600; margin: 0 0 0.25rem 0; color: #323a44; } .job-offer-show-container .application-status-card .status-content p { font-size: 0.8rem; color: #64707d; margin: 0; } .job-offer-show-container .company-info-card { background: white; border: 1px solid rgba(232, 236, 240, 0.75); border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); overflow: hidden; } .job-offer-show-container .company-info-card .card-header-modern { padding: 0.875rem 1.25rem; background: rgba(247, 248, 250, 0.5); border-bottom: 1px solid rgba(232, 236, 240, 0.8); } .job-offer-show-container .company-info-card .card-header-modern .card-title-modern { font-size: 0.875rem; font-weight: 600; color: #323a44; margin: 0; } .job-offer-show-container .company-info-card .card-body-modern { padding: 1.25rem; } .job-offer-show-container .company-info-card .card-body-modern .company-info-item { margin-bottom: 0.75rem; } .job-offer-show-container .company-info-card .card-body-modern .company-info-item .image-box { border-radius: 0.375rem; overflow: hidden; } .job-offer-show-container .company-info-card .card-body-modern .company-info-content h5, .job-offer-show-container .company-info-card .card-body-modern .company-info-content .h5 { font-size: 0.9rem; font-weight: 600; color: #323a44; margin: 0 0 0.5rem 0; } .job-offer-show-container .company-info-card .card-body-modern .company-info-content .company-description { font-size: 0.8rem; color: #64707d; line-height: 1.5; margin-bottom: 0.75rem; } .job-offer-show-container .company-info-card .card-body-modern .company-info-content .company-link { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8rem; color: #293a7b; text-decoration: none; transition: color 0.2s ease; } .job-offer-show-container .company-info-card .card-body-modern .company-info-content .company-link:hover { color: #161f42; } .job-offer-show-container .company-info-card .card-body-modern .company-info-content .company-link i { font-size: 0.75rem; } .job-offer-show-container .quick-actions-card { background: white; border: 1px solid rgba(232, 236, 240, 0.75); border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); padding: 0.5rem; display: flex; flex-direction: column; } .job-offer-show-container .quick-actions-card .action-link { display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem 1rem; font-size: 0.8rem; color: #475260; text-decoration: none; border-radius: 0.25rem; transition: all 0.2s ease; } .job-offer-show-container .quick-actions-card .action-link i { font-size: 0.75rem; color: #a0aab4; width: 1rem; text-align: center; } .job-offer-show-container .quick-actions-card .action-link:hover { background: #f7f8fa; color: #293a7b; } .job-offer-show-container .quick-actions-card .action-link:hover i { color: #293a7b; } @media (max-width: 991.98px) { .job-offer-show-container .sidebar-sticky { position: static; } .job-offer-show-container .job-header-section .company-header { flex-direction: column; align-items: center; text-align: center; } .job-offer-show-container .job-header-section .company-header .company-details .company-name-row { justify-content: center; } .job-offer-show-container .job-header-section .company-header .company-details .job-meta-row { justify-content: center; } .job-offer-show-container .key-details-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575.98px) { .job-offer-show-container .key-details-grid { grid-template-columns: 1fr; } } .presenters--scout--job-offers--card-component .job-card { border: 1px solid var(--apex-border); border-radius: 0.75rem; padding: 1.25rem; background: linear-gradient(135deg, rgba(228, 232, 236, 0.85), rgba(228, 232, 236, 0.3)); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); cursor: pointer; } .presenters--scout--job-offers--card-component .job-card:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); border-color: #293a7b; background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%); } .presenters--scout--job-offers--card-component .job-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section { display: flex; align-items: center; gap: 0.625rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-logo { flex-shrink: 0; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-logo .image-box { border-radius: 0.375rem; overflow: hidden; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .company-name { font-size: 1rem; font-weight: 600; color: #1a202c; margin: 0 0 0.125rem 0; line-height: 1.2; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line { display: flex; flex-wrap: wrap; align-items: center; font-size: 0.7rem; color: #64707d; line-height: 1.3; margin-top: 0.125rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line.meta-closed { opacity: 0.7; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-separator { margin: 0 0.35rem; color: #cbd2d9; font-size: 0.6rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-status { color: #dd1d48; font-weight: 600; text-transform: uppercase; font-size: 0.65rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-status i { font-size: 0.6rem; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-time, .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-type, .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-duration { color: #64707d; } .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-applicants strong, .presenters--scout--job-offers--card-component .job-card-header .company-section .company-info .job-meta-line .meta-salary strong { color: #323a44; font-weight: 600; } .presenters--scout--job-offers--card-component .job-main-content { flex: 1; } .presenters--scout--job-offers--card-component .job-main-content .job-title-main { font-size: 1.125rem; font-weight: 600; color: #1a202c; margin: 0.25rem 0 0.375rem 0; line-height: 1.25; } .presenters--scout--job-offers--card-component .job-main-content .job-title-main:hover { color: #293a7b; } .presenters--scout--job-offers--card-component .job-main-content .job-description-text { color: #a0aab4; font-size: 0.8125rem; line-height: 1.4; margin-bottom: 0.625rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; opacity: 0.85; } .presenters--scout--job-offers--card-component .job-main-content .job-skills { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-bottom: 0.5rem; } .presenters--scout--job-offers--card-component .job-main-content .job-skills .skill-tag { display: inline-block; padding: 0.25rem 0.5rem; background-color: #f7f8fa; color: #475260; border-radius: 0.25rem; font-size: 0.625rem; font-weight: 500; border: 1px solid #e8ecf0; transition: all 0.2s ease; text-transform: uppercase; } .presenters--scout--job-offers--card-component .job-main-content .job-skills .skill-tag:hover { background-color: #e8ecf0; border-color: #dce1e6; } .presenters--scout--job-offers--card-component .job-main-content .job-location { display: flex; align-items: center; gap: 0.375rem; color: #64707d; font-size: 0.8125rem; margin-top: auto; padding-top: 0.5rem; } .presenters--scout--job-offers--card-component .job-main-content .job-location i { color: #a0aab4; font-size: 0.875rem; } .presenters--scout--job-offers--card-component .rating-stars { display: flex; gap: 0.125rem; margin-top: 0.5rem; } .presenters--scout--job-offers--card-component .rating-stars .star { color: #fbbf24; font-size: 0.875rem; } .presenters--curriculum--milestones--competencies-tree-component { display: flex; flex-direction: column; } .presenters--curriculum--milestones--competencies-tree-component .competency-list { display: flex; flex-direction: column; gap: 0.8rem; } .presenters--curriculum--milestones--competencies-tree-component .competency-list-item { flex-grow: 1; } .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer { margin-top: 0.8rem; } .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer .competency-list-action-card { display: flex; flex-direction: column; align-items: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05); border: 1px solid var(--apex-border); border-radius: 0.84375rem; padding: 0.8rem; text-align: center; background-color: #f2f3f6; } @media (max-width: 575.98px) { .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer .competency-list-action-card .flex, .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer .competency-list-action-card .auto-flex, .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer .competency-list-action-card .toolbar { align-items: center; place-content: center; } } .presenters--curriculum--milestones--competencies-tree-component .competency-list-footer .btn.btn-secondary { border-color: #cfd3d8; } .presenters--curriculum--achievements--list-preview-component .popup .popup-footer ul { margin: 0; font-size: 0.95em; } .presenters--curriculum--attestations--fulldisplay-component { --responsive-padding: 0.8rem; --corner-length: 2rem; --corner-thickness: 0.25rem; --corner-offset: 1.5rem; --corner-radius: 0.75rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper { /* ****************************************************************************************** *\ * LAYOUT \* ****************************************************************************************** */ padding: 0; margin: 0 auto; border: 1px solid rgba(107, 114, 128, 0.15); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 10px 25px -5px rgba(107, 114, 128, 0.15), 0 6px 12px -8px rgba(0, 0, 0, 0.08); border-radius: 0.75rem; max-width: 55rem; aspect-ratio: 1.6; position: relative; background: linear-gradient(135deg, rgba(107, 114, 128, 0.02), rgba(107, 114, 128, 0.04)); overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease; cursor: pointer; /* ****************************************************************************************** *\ * RESPONSIVE DECORATIVE CORNERS \* ****************************************************************************************** */ /* ****************************************************************************************** *\ * CORE CONTENT \* ****************************************************************************************** */ } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper:hover { border-color: rgba(107, 114, 128, 0.25); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 20px 40px -5px rgba(107, 114, 128, 0.2), 0 8px 16px -8px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } @media (max-width: 991.98px) { .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper { aspect-ratio: auto; min-height: 500px; } } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-corner-accent { position: absolute; width: var(--corner-length); height: var(--corner-length); z-index: 3; border: var(--corner-thickness) solid transparent; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-corner-accent.top-left { top: var(--corner-offset); left: var(--corner-offset); border-top-color: rgba(29, 29, 29, 0.75); border-left-color: rgba(29, 29, 29, 0.75); border-top-left-radius: var(--corner-radius); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-corner-accent.top-right { top: var(--corner-offset); right: var(--corner-offset); border-top-color: rgba(29, 29, 29, 0.75); border-right-color: rgba(29, 29, 29, 0.75); border-top-right-radius: var(--corner-radius); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-corner-accent.bottom-left { bottom: var(--corner-offset); left: var(--corner-offset); border-bottom-color: rgba(29, 29, 29, 0.75); border-left-color: rgba(29, 29, 29, 0.75); border-bottom-left-radius: var(--corner-radius); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-corner-accent.bottom-right { bottom: var(--corner-offset); right: var(--corner-offset); border-bottom-color: rgba(29, 29, 29, 0.75); border-right-color: rgba(29, 29, 29, 0.75); border-bottom-right-radius: var(--corner-radius); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper { position: relative; background-color: #f9fafb; height: 100%; overflow: hidden; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; background: linear-gradient(180deg, rgba(107, 114, 128, 0.015) 0%, transparent 30%, transparent 70%, rgba(107, 114, 128, 0.01) 100%); pointer-events: none; z-index: 1; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-background-effect { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; pointer-events: none; overflow: hidden; z-index: 0; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-background-effect svg { width: 100%; height: 100%; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content { position: relative; z-index: 2; padding: calc((var(--corner-offset) + var(--corner-thickness)) * 1.5); display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; /* ** Header - Organization & Title */ /* ** Body - Main Content */ /* ** Footer Section - Sharing & Organization Info */ } @media (max-width: 767.98px) { .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content { padding: calc((var(--corner-offset) + var(--corner-thickness)) * 1.5); } } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-organization { text-align: center; margin-bottom: 0.4rem; display: flex; flex-direction: column; align-items: center; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-organization img, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-organization .fa-2x { display: block; margin: 0 auto 0.75rem; height: 36px; width: auto; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-organization .attestation-organization-text { display: block; text-align: center; color: #6b7280; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; opacity: 0.7; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content h1.attestation-title, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-title.h1 { color: black; font-weight: 400; font-size: 2.25rem; text-align: center; margin-bottom: 0.8rem; letter-spacing: -0.03em; line-height: 1.1; justify-content: center; } @media (max-width: 767.98px) { .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content h1.attestation-title, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-title.h1 { font-size: 1.875rem; } } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body { flex-grow: 1; text-align: center; display: flex; flex-direction: column; justify-content: center; padding: 0.2rem 0; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p { margin: 0.5rem 0; color: #6b7280; font-size: 0.875rem; line-height: 1.6; font-weight: 400; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p.attestation-date { font-size: 0.8125rem; opacity: 0.8; letter-spacing: 0.02em; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p b { color: black; font-weight: 600; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p.attestation-title-image { color: #2d3268; opacity: 0.75; margin: 0.4rem 0 0.2rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p.attestation-title-image .fa-3x { font-size: 2.25rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body .attestation-recipient { font-size: 2.5rem; font-weight: 200; color: black; margin: 0.4rem 0; padding: 0; background: none; border: none; box-shadow: none; letter-spacing: -0.04em; line-height: 1.2; } @media (max-width: 767.98px) { .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body .attestation-recipient { font-size: 2rem; } } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p.attestation-achievement { margin-top: 0.2rem; font-size: 0.9rem; line-height: 1.7; opacity: 0.95; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-body p.attestation-achievement b { color: black; font-weight: 600; letter-spacing: -0.01em; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section { margin-top: auto; padding-top: 0.4rem; border-top: 1px solid rgba(228, 232, 236, 0.08); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing { margin-bottom: 0.4rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert { background-color: #e3e7eb; border: none; border-radius: 0.5rem; padding: 0.4rem 0.4rem; border: 1px solid var(--apex-border-subtle); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert > .d-flex > span, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert > .flex > span, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert > .auto-flex > span, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert > .toolbar > span, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .styled-list .insert > .list-item > span, .styled-list .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert > .list-item > span { color: #6b7280; font-size: 0.875rem; font-weight: 500; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn { border-radius: 0.375rem; font-weight: 500; padding: 0.375rem 0.75rem; transition: all 0.2s ease; border: none; color: white !important; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn span { color: white !important; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn:hover { transform: translateY(-1px); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn-linkedin { background: linear-gradient(135deg, #0077b5, #005885); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn-linkedin:hover { background: linear-gradient(135deg, #005885, #004466); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn-publicurl { background: linear-gradient(135deg, #2d3268, #161833); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-sharing .insert .btn-publicurl:hover { background: linear-gradient(135deg, #1e2144, #06070f); } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer { text-align: center; font-size: 0.8125rem; color: #6b7280; opacity: 0.8; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p { margin: 0; line-height: 1.4; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p small, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p .small { display: block; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p small b, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p .small b { color: black; font-weight: 500; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p small a, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p .small a { color: #2d3268; text-decoration: none; font-weight: 500; } .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p small a:hover, .presenters--curriculum--attestations--fulldisplay-component .attestation-wrapper .attestation-inner-wrapper .attestation-inner-wrapper-content .attestation-footer-section .attestation-footer p .small a:hover { text-decoration: underline; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper { margin: 0.8rem auto; max-width: 55rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list { border: 1px solid hsl(209, 30%, 85%); border-radius: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); background: white; overflow: hidden; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .card-body h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .card-body h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .jumbotron .jumbotron-body h2, .jumbotron .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .jumbotron-body h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .jumbotron .jumbotron-body h2, .jumbotron .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .jumbotron-body h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .styled-list h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .styled-list h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .card-body .h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .card-body .h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .jumbotron .jumbotron-body .h2, .jumbotron .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .jumbotron-body .h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .jumbotron .jumbotron-body .h2, .jumbotron .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .jumbotron-body .h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .card .styled-list .h2, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .styled-list .styled-list .h2 { font-family: "Space Grotesk", sans-serif; font-size: 1.125rem; font-weight: 600; color: hsl(235, 25%, 25%); margin-bottom: 0.4rem; letter-spacing: -0.025em; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.4rem; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div { padding: 0.4rem; background: rgba(45, 50, 104, 0.03); border-radius: 0.5rem; border: 1px solid rgba(45, 50, 104, 0.12); transition: all 0.2s ease; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div:hover { background: rgba(45, 50, 104, 0.05); border-color: rgba(45, 50, 104, 0.2); } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div h3, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div .h3, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div h4, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div .h4, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div h5, .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div .h5 { color: black !important; } .presenters--curriculum--attestations--fulldisplay-component .attestation-details-wrapper .attestation-skills-list > div .text-primary { color: black !important; } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice { max-width: 55rem; margin: 0.8rem auto; } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center { padding: 0.4rem 0.8rem; background: rgba(247, 248, 250, 0.6); border-radius: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.12); } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p { margin: 0; } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p small, .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p .small { font-size: 0.8125rem; line-height: 1.5; color: #6b7280; } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p small a, .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p .small a { color: #2d3268; font-weight: 500; text-decoration: none; } .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p small a:hover, .presenters--curriculum--attestations--fulldisplay-component .attestation-notice .text-center p .small a:hover { text-decoration: underline; } /* ********************************************************************************************** *\ ** Misc ** \* ********************************************************************************************** */ body.email-stylesheet { height: 100%; width: 100%; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; } body.email-stylesheet .email-wrapper { background-color: #f7f7f7; padding: 2rem 1rem; min-height: 100%; width: 100%; } body.email-stylesheet .email-wrapper .email-container { max-width: 640px; margin: 0 auto; background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); padding: 2.5rem; } @media (prefers-color-scheme: dark) { body.email-stylesheet .email-wrapper { background-color: #1a1a1a; } body.email-stylesheet .email-wrapper .email-container { background-color: #2a2a2a; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } } body.email-stylesheet .email-wrapper .email-header { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #eee; } body.email-stylesheet .email-wrapper .email-header .email-logo { height: 1.5rem; display: block; } body.email-stylesheet .email-wrapper .email-body { font-size: 0.875rem; line-height: 1.625; color: #666; } body.email-stylesheet .email-wrapper .email-body p { margin: 0; } body.email-stylesheet .email-wrapper .email-body p + p { margin-top: 1rem; } body.email-stylesheet .email-wrapper .email-body strong, body.email-stylesheet .email-wrapper .email-body b { color: #333; } body.email-stylesheet .email-wrapper .email-body .email-greeting { color: #666; font-size: 0.875rem; } body.email-stylesheet .email-wrapper .email-body .email-highlight-box { margin: 1.5rem 0; padding: 1.25rem; border-radius: 0.75rem; background-color: #f0f4f8; text-align: center; } body.email-stylesheet .email-wrapper .email-body .email-highlight-box .email-highlight-title { font-size: 1rem; font-weight: 700; color: #2a305e; margin: 0; } body.email-stylesheet .email-wrapper .email-body .email-highlight-box .email-highlight-subtitle { font-size: 0.75rem; color: #999; margin-top: 0.25rem; } body.email-stylesheet .email-wrapper .email-body .email-btn { display: block; text-align: center; margin: 1.5rem 0; } body.email-stylesheet .email-wrapper .email-body .email-btn a, body.email-stylesheet .email-wrapper .email-body .email-btn .btn { display: inline-block; padding: 0.75rem 2rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; background-color: #2a305e; border-color: #2a305e; color: #ffffff !important; text-decoration: none; } body.email-stylesheet .email-wrapper .email-body .email-token { font-size: 0.75rem; color: #999; margin-top: 0.5rem; } body.email-stylesheet .email-wrapper .email-body .email-token code { background-color: #f5f5f5; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace; } body.email-stylesheet .email-wrapper .email-body .email-secondary-link { font-size: 0.75rem; color: #999; } body.email-stylesheet .email-wrapper .email-body .email-secondary-link a { color: #2a305e; text-decoration: underline; } body.email-stylesheet .email-wrapper .email-body .email-signoff { margin-top: 1.25rem; font-size: 0.875rem; color: #666; } body.email-stylesheet .email-wrapper .email-body .email-signoff strong { color: #333; } body.email-stylesheet .email-wrapper .email-body a:not(.btn) { display: inline; color: #2a305e; } body.email-stylesheet .email-wrapper .email-footer { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #e8e8e8; text-align: center; } body.email-stylesheet .email-wrapper .email-footer .email-footer-brand { font-size: 0.875rem; font-weight: 600; color: #2a305e; opacity: 0.4; margin-bottom: 0.75rem; } body.email-stylesheet .email-wrapper .email-footer .email-footer-brand small, body.email-stylesheet .email-wrapper .email-footer .email-footer-brand .small { font-size: 0.75rem; font-weight: 700; } body.email-stylesheet .email-wrapper .email-footer .email-footer-info { font-size: 11px; color: #999; line-height: 1.8; } body.email-stylesheet .email-wrapper .email-footer .email-footer-info a { display: inline; color: #2a305e; font-weight: 500; text-decoration: none; }