tabler-vendors.css 34 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438
  1. /*!
  2. * Tabler v1.0.0-beta19 (https://tabler.io)
  3. * @version 1.0.0-beta19
  4. * @link https://tabler.io
  5. * Copyright 2018-2023 The Tabler Authors
  6. * Copyright 2018-2023 codecalm.net Paweł Kuna
  7. * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  8. */
  9. /* prettier-ignore */
  10. /* prettier-ignore */
  11. /* Functional styling;
  12. * These styles are required for noUiSlider to function.
  13. * You don't need to change these rules to apply your design.
  14. */
  15. .noUi-target,
  16. .noUi-target * {
  17. -webkit-touch-callout: none;
  18. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  19. -webkit-user-select: none;
  20. touch-action: none;
  21. -ms-user-select: none;
  22. -moz-user-select: none;
  23. user-select: none;
  24. box-sizing: border-box;
  25. }
  26. .noUi-target {
  27. position: relative;
  28. }
  29. .noUi-base,
  30. .noUi-connects {
  31. width: 100%;
  32. height: 100%;
  33. position: relative;
  34. z-index: 1;
  35. }
  36. /* Wrapper for all connect elements.
  37. */
  38. .noUi-connects {
  39. overflow: hidden;
  40. z-index: 0;
  41. }
  42. .noUi-connect,
  43. .noUi-origin {
  44. will-change: transform;
  45. position: absolute;
  46. z-index: 1;
  47. top: 0;
  48. right: 0;
  49. height: 100%;
  50. width: 100%;
  51. -ms-transform-origin: 0 0;
  52. -webkit-transform-origin: 0 0;
  53. -webkit-transform-style: preserve-3d;
  54. transform-origin: 0 0;
  55. transform-style: flat;
  56. }
  57. /* Offset direction
  58. */
  59. .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  60. left: 0;
  61. right: auto;
  62. }
  63. /* Give origins 0 height/width so they don't interfere with clicking the
  64. * connect elements.
  65. */
  66. .noUi-vertical .noUi-origin {
  67. top: -100%;
  68. width: 0;
  69. }
  70. .noUi-horizontal .noUi-origin {
  71. height: 0;
  72. }
  73. .noUi-handle {
  74. -webkit-backface-visibility: hidden;
  75. backface-visibility: hidden;
  76. position: absolute;
  77. }
  78. .noUi-touch-area {
  79. height: 100%;
  80. width: 100%;
  81. }
  82. .noUi-state-tap .noUi-connect,
  83. .noUi-state-tap .noUi-origin {
  84. transition: transform 0.3s;
  85. }
  86. .noUi-state-drag * {
  87. cursor: inherit !important;
  88. }
  89. /* Slider size and handle placement;
  90. */
  91. .noUi-horizontal {
  92. height: 18px;
  93. }
  94. .noUi-horizontal .noUi-handle {
  95. width: 34px;
  96. height: 28px;
  97. right: -17px;
  98. top: -6px;
  99. }
  100. .noUi-vertical {
  101. width: 18px;
  102. }
  103. .noUi-vertical .noUi-handle {
  104. width: 28px;
  105. height: 34px;
  106. right: -6px;
  107. bottom: -17px;
  108. }
  109. .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  110. left: -17px;
  111. right: auto;
  112. }
  113. /* Styling;
  114. * Giving the connect element a border radius causes issues with using transform: scale
  115. */
  116. .noUi-target {
  117. background: #FAFAFA;
  118. border-radius: 4px;
  119. border: 1px solid #D3D3D3;
  120. box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
  121. }
  122. .noUi-connects {
  123. border-radius: 3px;
  124. }
  125. .noUi-connect {
  126. background: #3FB8AF;
  127. }
  128. /* Handles and cursors;
  129. */
  130. .noUi-draggable {
  131. cursor: ew-resize;
  132. }
  133. .noUi-vertical .noUi-draggable {
  134. cursor: ns-resize;
  135. }
  136. .noUi-handle {
  137. border: 1px solid #D9D9D9;
  138. border-radius: 3px;
  139. background: #FFF;
  140. cursor: default;
  141. box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
  142. }
  143. .noUi-active {
  144. box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
  145. }
  146. /* Handle stripes;
  147. */
  148. .noUi-handle:before,
  149. .noUi-handle:after {
  150. content: "";
  151. display: block;
  152. position: absolute;
  153. height: 14px;
  154. width: 1px;
  155. background: #E8E7E6;
  156. left: 14px;
  157. top: 6px;
  158. }
  159. .noUi-handle:after {
  160. left: 17px;
  161. }
  162. .noUi-vertical .noUi-handle:before,
  163. .noUi-vertical .noUi-handle:after {
  164. width: 14px;
  165. height: 1px;
  166. left: 6px;
  167. top: 14px;
  168. }
  169. .noUi-vertical .noUi-handle:after {
  170. top: 17px;
  171. }
  172. /* Disabled state;
  173. */
  174. [disabled] .noUi-connect {
  175. background: #B8B8B8;
  176. }
  177. [disabled].noUi-target,
  178. [disabled].noUi-handle,
  179. [disabled] .noUi-handle {
  180. cursor: not-allowed;
  181. }
  182. /* Base;
  183. *
  184. */
  185. .noUi-pips,
  186. .noUi-pips * {
  187. box-sizing: border-box;
  188. }
  189. .noUi-pips {
  190. position: absolute;
  191. color: #999;
  192. }
  193. /* Values;
  194. *
  195. */
  196. .noUi-value {
  197. position: absolute;
  198. white-space: nowrap;
  199. text-align: center;
  200. }
  201. .noUi-value-sub {
  202. color: #ccc;
  203. font-size: 10px;
  204. }
  205. /* Markings;
  206. *
  207. */
  208. .noUi-marker {
  209. position: absolute;
  210. background: #CCC;
  211. }
  212. .noUi-marker-sub {
  213. background: #AAA;
  214. }
  215. .noUi-marker-large {
  216. background: #AAA;
  217. }
  218. /* Horizontal layout;
  219. *
  220. */
  221. .noUi-pips-horizontal {
  222. padding: 10px 0;
  223. height: 80px;
  224. top: 100%;
  225. left: 0;
  226. width: 100%;
  227. }
  228. .noUi-value-horizontal {
  229. transform: translate(-50%, 50%);
  230. }
  231. .noUi-rtl .noUi-value-horizontal {
  232. transform: translate(50%, 50%);
  233. }
  234. .noUi-marker-horizontal.noUi-marker {
  235. margin-left: -1px;
  236. width: 2px;
  237. height: 5px;
  238. }
  239. .noUi-marker-horizontal.noUi-marker-sub {
  240. height: 10px;
  241. }
  242. .noUi-marker-horizontal.noUi-marker-large {
  243. height: 15px;
  244. }
  245. /* Vertical layout;
  246. *
  247. */
  248. .noUi-pips-vertical {
  249. padding: 0 10px;
  250. height: 100%;
  251. top: 0;
  252. left: 100%;
  253. }
  254. .noUi-value-vertical {
  255. transform: translate(0, -50%);
  256. padding-left: 25px;
  257. }
  258. .noUi-rtl .noUi-value-vertical {
  259. transform: translate(0, 50%);
  260. }
  261. .noUi-marker-vertical.noUi-marker {
  262. width: 5px;
  263. height: 2px;
  264. margin-top: -1px;
  265. }
  266. .noUi-marker-vertical.noUi-marker-sub {
  267. width: 10px;
  268. }
  269. .noUi-marker-vertical.noUi-marker-large {
  270. width: 15px;
  271. }
  272. .noUi-tooltip {
  273. display: block;
  274. position: absolute;
  275. border: 1px solid #D9D9D9;
  276. border-radius: 3px;
  277. background: #fff;
  278. color: #000;
  279. padding: 5px;
  280. text-align: center;
  281. white-space: nowrap;
  282. }
  283. .noUi-horizontal .noUi-tooltip {
  284. transform: translate(-50%, 0);
  285. left: 50%;
  286. bottom: 120%;
  287. }
  288. .noUi-vertical .noUi-tooltip {
  289. transform: translate(0, -50%);
  290. top: 50%;
  291. right: 120%;
  292. }
  293. .noUi-horizontal .noUi-origin > .noUi-tooltip {
  294. transform: translate(50%, 0);
  295. left: auto;
  296. bottom: 10px;
  297. }
  298. .noUi-vertical .noUi-origin > .noUi-tooltip {
  299. transform: translate(0, -18px);
  300. top: auto;
  301. right: 28px;
  302. }
  303. .noUi-target {
  304. border: 0;
  305. box-shadow: none;
  306. background: none;
  307. border-radius: 0;
  308. color: var(--tblr-primary);
  309. }
  310. .noUi-horizontal {
  311. height: 1.25rem;
  312. padding: 0.5rem 0;
  313. }
  314. .noUi-base {
  315. background: var(--tblr-border-color);
  316. border-radius: 1rem;
  317. }
  318. .noUi-handle {
  319. width: 1rem;
  320. height: 1rem;
  321. border: 2px var(--tblr-border-style) #ffffff;
  322. box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  323. border-radius: 1rem;
  324. background: currentColor;
  325. outline: 0;
  326. }
  327. .noUi-handle:before, .noUi-handle:after {
  328. content: none;
  329. }
  330. .noUi-horizontal .noUi-handle {
  331. width: 1rem;
  332. height: 1rem;
  333. top: -0.5rem;
  334. right: -0.5rem;
  335. margin: 1px 1px 0 0;
  336. }
  337. .noUi-handle.noUi-active, .noUi-handle:focus {
  338. box-shadow: 0 0 0 1px #f6f8fb, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
  339. }
  340. .noUi-connect {
  341. background: currentColor;
  342. }
  343. .litepicker {
  344. --litepicker-month-weekday-color: var(--tblr-muted);
  345. --litepicker-button-prev-month-color: var(--tblr-muted);
  346. --litepicker-button-next-month-color: var(--tblr-muted);
  347. --litepicker-button-prev-month-color-hover: var(--tblr-primary);
  348. --litepicker-button-next-month-color-hover: var(--tblr-primary);
  349. --litepicker-day-color: var(--tblr-body-color);
  350. --litepicker-day-color-hover: var(--tblr-primary);
  351. --litepicker-is-end-color-bg: var(--tblr-primary);
  352. --litepicker-is-today-color: var(--tblr-primary);
  353. --litepicker-month-header-color: var(--tblr-body-color);
  354. --litepicker-container-months-color-bg: var(--tblr-bg-surface);
  355. font: inherit;
  356. -webkit-user-select: none;
  357. -moz-user-select: none;
  358. -ms-user-select: none;
  359. user-select: none;
  360. }
  361. .litepicker svg {
  362. fill: none !important;
  363. }
  364. .litepicker .container__main {
  365. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  366. border-radius: var(--tblr-border-radius);
  367. box-shadow: none;
  368. }
  369. .litepicker .container__months .month-item-name,
  370. .litepicker .container__months .month-item-year {
  371. font-weight: var(--tblr-font-weight-medium) !important;
  372. }
  373. .litepicker .container__months .button-next-month,
  374. .litepicker .container__months .button-prev-month {
  375. cursor: pointer !important;
  376. }
  377. .litepicker .container__months .month-item-weekdays-row > div {
  378. padding: 0.5rem 0 !important;
  379. font-size: 0.75rem;
  380. }
  381. .litepicker .container__days .day-item {
  382. cursor: pointer !important;
  383. padding: 0.5rem 0 !important;
  384. transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  385. }
  386. @media (prefers-reduced-motion: reduce) {
  387. .litepicker .container__days .day-item {
  388. transition: none;
  389. }
  390. }
  391. .datepicker-inline .litepicker .container__months {
  392. box-shadow: none;
  393. background-color: var(--tblr-bg-forms);
  394. }
  395. /**
  396. * Tom Select bootstrap 5
  397. */
  398. /**
  399. * tom-select.css (v//@@version)
  400. * Copyright (c) contributors
  401. *
  402. * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
  403. * file except in compliance with the License. You may obtain a copy of the License at:
  404. * http://www.apache.org/licenses/LICENSE-2.0
  405. *
  406. * Unless required by applicable law or agreed to in writing, software distributed under
  407. * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
  408. * ANY KIND, either express or implied. See the License for the specific language
  409. * governing permissions and limitations under the License.
  410. *
  411. */
  412. :root {
  413. --ts-pr-clear-button: 0;
  414. --ts-pr-caret: 0;
  415. --ts-pr-min: .75rem;
  416. }
  417. .ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  418. cursor: pointer;
  419. }
  420. .ts-control {
  421. padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
  422. }
  423. .ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  424. visibility: visible !important;
  425. background: #f2f2f2 !important;
  426. background: rgba(0, 0, 0, 0.06) !important;
  427. border: 0 none !important;
  428. box-shadow: inset 0 0 12px 4px #fff;
  429. }
  430. .ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
  431. content: "!";
  432. visibility: hidden;
  433. }
  434. .ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  435. box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  436. }
  437. .plugin-checkbox_options .option input {
  438. margin-right: 0.5rem;
  439. }
  440. .plugin-clear_button {
  441. --ts-pr-clear-button: 1em;
  442. }
  443. .plugin-clear_button .clear-button {
  444. opacity: 0;
  445. position: absolute;
  446. top: 50%;
  447. transform: translateY(-50%);
  448. right: calc(0.75rem - 5px);
  449. margin-right: 0 !important;
  450. background: transparent !important;
  451. transition: opacity 0.5s;
  452. cursor: pointer;
  453. }
  454. .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  455. right: max( var(--ts-pr-caret), 0.75rem);
  456. }
  457. .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  458. opacity: 1;
  459. }
  460. .ts-wrapper .dropdown-header {
  461. position: relative;
  462. padding: 6px 0.75rem;
  463. border-bottom: 1px solid #d0d0d0;
  464. background: #f8f8f8;
  465. border-radius: var(--tblr-border-radius) var(--tblr-border-radius) 0 0;
  466. }
  467. .ts-wrapper .dropdown-header-close {
  468. position: absolute;
  469. right: 0.75rem;
  470. top: 50%;
  471. color: #182433;
  472. opacity: 0.4;
  473. margin-top: -12px;
  474. line-height: 20px;
  475. font-size: 20px !important;
  476. }
  477. .ts-wrapper .dropdown-header-close:hover {
  478. color: black;
  479. }
  480. .plugin-dropdown_input.focus.dropdown-active .ts-control {
  481. box-shadow: none;
  482. border: 1px solid var(--tblr-border-color);
  483. box-shadow: 0 0 transparent;
  484. }
  485. .plugin-dropdown_input .dropdown-input {
  486. border: 1px solid #d0d0d0;
  487. border-width: 0 0 1px 0;
  488. display: block;
  489. padding: 0.4375rem 0.75rem;
  490. box-shadow: none;
  491. width: 100%;
  492. background: transparent;
  493. }
  494. .plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
  495. border-color: #90b5e2;
  496. outline: 0;
  497. box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
  498. }
  499. .plugin-dropdown_input .items-placeholder {
  500. border: 0 none !important;
  501. box-shadow: none !important;
  502. width: 100%;
  503. }
  504. .plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  505. display: none !important;
  506. }
  507. .ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  508. min-width: 0;
  509. }
  510. .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  511. flex: none;
  512. min-width: 4px;
  513. }
  514. .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
  515. color: transparent;
  516. }
  517. .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
  518. color: transparent;
  519. }
  520. .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  521. color: transparent;
  522. }
  523. .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  524. color: transparent;
  525. }
  526. .ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  527. display: flex;
  528. }
  529. .ts-dropdown.plugin-optgroup_columns .optgroup {
  530. border-right: 1px solid #f2f2f2;
  531. border-top: 0 none;
  532. flex-grow: 1;
  533. flex-basis: 0;
  534. min-width: 0;
  535. }
  536. .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  537. border-right: 0 none;
  538. }
  539. .ts-dropdown.plugin-optgroup_columns .optgroup:before {
  540. display: none;
  541. }
  542. .ts-dropdown.plugin-optgroup_columns .optgroup-header {
  543. border-top: 0 none;
  544. }
  545. .ts-wrapper.plugin-remove_button .item {
  546. display: inline-flex;
  547. align-items: center;
  548. padding-right: 0 !important;
  549. }
  550. .ts-wrapper.plugin-remove_button .item .remove {
  551. color: inherit;
  552. text-decoration: none;
  553. vertical-align: middle;
  554. display: inline-block;
  555. padding: 0 5px;
  556. border-radius: 0 2px 2px 0;
  557. box-sizing: border-box;
  558. }
  559. .ts-wrapper.plugin-remove_button .item .remove:hover {
  560. background: rgba(0, 0, 0, 0.05);
  561. }
  562. .ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  563. background: none;
  564. }
  565. .ts-wrapper.plugin-remove_button .remove-single {
  566. position: absolute;
  567. right: 0;
  568. top: 0;
  569. font-size: 23px;
  570. }
  571. .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  572. border-left: 1px solid #dadfe5;
  573. margin-left: 5px;
  574. }
  575. .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  576. border-left-color: rgba(0, 0, 0, 0);
  577. }
  578. .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  579. border-left-color: white;
  580. }
  581. .ts-wrapper.plugin-remove_button.rtl .item .remove {
  582. border-right: 1px solid #dadfe5;
  583. margin-right: 5px;
  584. }
  585. .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  586. border-right-color: rgba(0, 0, 0, 0);
  587. }
  588. .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  589. border-right-color: white;
  590. }
  591. .ts-wrapper {
  592. position: relative;
  593. }
  594. .ts-dropdown,
  595. .ts-control,
  596. .ts-control input {
  597. color: #182433;
  598. font-family: inherit;
  599. font-size: inherit;
  600. line-height: 1.4285714286;
  601. font-smoothing: inherit;
  602. }
  603. .ts-control,
  604. .ts-wrapper.single.input-active .ts-control {
  605. background: var(--tblr-bg-forms);
  606. cursor: text;
  607. }
  608. .ts-control {
  609. border: 1px solid var(--tblr-border-color);
  610. padding: 0.4375rem 0.75rem;
  611. width: 100%;
  612. overflow: hidden;
  613. position: relative;
  614. z-index: 1;
  615. box-sizing: border-box;
  616. box-shadow: none;
  617. border-radius: var(--tblr-border-radius);
  618. display: flex;
  619. flex-wrap: wrap;
  620. }
  621. .ts-wrapper.multi.has-items .ts-control {
  622. padding: calc( 0.4375rem - 1px - 0px) 0.75rem calc( 0.4375rem - 1px - 3px - 0px);
  623. }
  624. .full .ts-control {
  625. background-color: var(--tblr-bg-forms);
  626. }
  627. .disabled .ts-control, .disabled .ts-control * {
  628. cursor: default !important;
  629. }
  630. .focus .ts-control {
  631. box-shadow: none;
  632. }
  633. .ts-control > * {
  634. vertical-align: baseline;
  635. display: inline-block;
  636. }
  637. .ts-wrapper.multi .ts-control > div {
  638. cursor: pointer;
  639. margin: 0 3px 3px 0;
  640. padding: 1px 5px;
  641. background: #efefef;
  642. color: #182433;
  643. border: 0px solid #dadfe5;
  644. }
  645. .ts-wrapper.multi .ts-control > div.active {
  646. background: #206bc4;
  647. color: #fff;
  648. border: 0px solid rgba(0, 0, 0, 0);
  649. }
  650. .ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  651. color: #727272;
  652. background: white;
  653. border: 0px solid white;
  654. }
  655. .ts-control > input {
  656. flex: 1 1 auto;
  657. min-width: 7rem;
  658. display: inline-block !important;
  659. padding: 0 !important;
  660. min-height: 0 !important;
  661. max-height: none !important;
  662. max-width: 100% !important;
  663. margin: 0 !important;
  664. text-indent: 0 !important;
  665. border: 0 none !important;
  666. background: none !important;
  667. line-height: inherit !important;
  668. -webkit-user-select: auto !important;
  669. -moz-user-select: auto !important;
  670. -ms-user-select: auto !important;
  671. user-select: auto !important;
  672. box-shadow: none !important;
  673. }
  674. .ts-control > input::-ms-clear {
  675. display: none;
  676. }
  677. .ts-control > input:focus {
  678. outline: none !important;
  679. }
  680. .has-items .ts-control > input {
  681. margin: 0px 4px !important;
  682. }
  683. .ts-control.rtl {
  684. text-align: right;
  685. }
  686. .ts-control.rtl.single .ts-control:after {
  687. left: calc(0.75rem + 5px);
  688. right: auto;
  689. }
  690. .ts-control.rtl .ts-control > input {
  691. margin: 0px 4px 0px -2px !important;
  692. }
  693. .disabled .ts-control {
  694. opacity: 0.5;
  695. background-color: var(--tblr-bg-surface-secondary);
  696. }
  697. .input-hidden .ts-control > input {
  698. opacity: 0;
  699. position: absolute;
  700. left: -10000px;
  701. }
  702. .ts-dropdown {
  703. position: absolute;
  704. top: 100%;
  705. left: 0;
  706. width: 100%;
  707. z-index: 10;
  708. border: 1px solid #d0d0d0;
  709. background: #fff;
  710. margin: 0.25rem 0 0 0;
  711. border-top: 0 none;
  712. box-sizing: border-box;
  713. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  714. border-radius: 0 0 var(--tblr-border-radius) var(--tblr-border-radius);
  715. }
  716. .ts-dropdown [data-selectable] {
  717. cursor: pointer;
  718. overflow: hidden;
  719. }
  720. .ts-dropdown [data-selectable] .highlight {
  721. background: rgba(255, 237, 40, 0.4);
  722. border-radius: 1px;
  723. }
  724. .ts-dropdown .option,
  725. .ts-dropdown .optgroup-header,
  726. .ts-dropdown .no-results,
  727. .ts-dropdown .create {
  728. padding: 3px 0.75rem;
  729. }
  730. .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  731. cursor: inherit;
  732. opacity: 0.5;
  733. }
  734. .ts-dropdown [data-selectable].option {
  735. opacity: 1;
  736. cursor: pointer;
  737. }
  738. .ts-dropdown .optgroup:first-child .optgroup-header {
  739. border-top: 0 none;
  740. }
  741. .ts-dropdown .optgroup-header {
  742. color: #667382;
  743. background: var(--tblr-bg-surface);
  744. cursor: default;
  745. }
  746. .ts-dropdown .active {
  747. background-color: rgba(var(--tblr-muted-rgb), 0.04);
  748. color: inherit;
  749. }
  750. .ts-dropdown .active.create {
  751. color: inherit;
  752. }
  753. .ts-dropdown .create {
  754. color: rgba(24, 36, 51, 0.5);
  755. }
  756. .ts-dropdown .spinner {
  757. display: inline-block;
  758. width: 30px;
  759. height: 30px;
  760. margin: 3px 0.75rem;
  761. }
  762. .ts-dropdown .spinner:after {
  763. content: " ";
  764. display: block;
  765. width: 24px;
  766. height: 24px;
  767. margin: 3px;
  768. border-radius: 50%;
  769. border: 5px solid #d0d0d0;
  770. border-color: #d0d0d0 transparent #d0d0d0 transparent;
  771. animation: lds-dual-ring 1.2s linear infinite;
  772. }
  773. @keyframes lds-dual-ring {
  774. 0% {
  775. transform: rotate(0deg);
  776. }
  777. 100% {
  778. transform: rotate(360deg);
  779. }
  780. }
  781. .ts-dropdown-content {
  782. overflow-y: auto;
  783. overflow-x: hidden;
  784. max-height: 200px;
  785. overflow-scrolling: touch;
  786. scroll-behavior: smooth;
  787. }
  788. .ts-hidden-accessible {
  789. border: 0 !important;
  790. clip: rect(0 0 0 0) !important;
  791. -webkit-clip-path: inset(50%) !important;
  792. clip-path: inset(50%) !important;
  793. overflow: hidden !important;
  794. padding: 0 !important;
  795. position: absolute !important;
  796. width: 1px !important;
  797. white-space: nowrap !important;
  798. }
  799. .ts-wrapper.form-control,
  800. .ts-wrapper.form-select {
  801. padding: 0 !important;
  802. height: auto;
  803. box-shadow: none;
  804. display: flex;
  805. }
  806. .ts-dropdown,
  807. .ts-dropdown.form-control,
  808. .ts-dropdown.form-select {
  809. height: auto;
  810. padding: 0;
  811. z-index: 1000;
  812. background: #fff;
  813. border: 1px solid var(--tblr-border-color-translucent);
  814. border-radius: 4px;
  815. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  816. }
  817. .ts-dropdown .optgroup-header {
  818. font-size: 0.765625rem;
  819. line-height: 1.4285714286;
  820. }
  821. .ts-dropdown .optgroup:first-child:before {
  822. display: none;
  823. }
  824. .ts-dropdown .optgroup:before {
  825. content: " ";
  826. display: block;
  827. height: 0;
  828. margin: var(--tblr-spacer) 0;
  829. overflow: hidden;
  830. border-top: 1px solid var(--tblr-border-color-translucent);
  831. margin-left: -0.75rem;
  832. margin-right: -0.75rem;
  833. }
  834. .ts-dropdown .create {
  835. padding-left: 0.75rem;
  836. }
  837. .ts-dropdown-content {
  838. padding: 5px 0;
  839. }
  840. .ts-control {
  841. box-shadow: 0 0 transparent;
  842. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  843. display: flex;
  844. align-items: center;
  845. }
  846. @media (prefers-reduced-motion: reduce) {
  847. .ts-control {
  848. transition: none;
  849. }
  850. }
  851. .ts-control.dropdown -active {
  852. border-radius: var(--tblr-border-radius);
  853. }
  854. .focus .ts-control {
  855. border-color: #90b5e2;
  856. outline: 0;
  857. box-shadow: 0 0 transparent, 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
  858. }
  859. .ts-control .item {
  860. display: flex;
  861. align-items: center;
  862. }
  863. .ts-wrapper.is-invalid,
  864. .was-validated .invalid,
  865. .was-validated :invalid + .ts-wrapper {
  866. border-color: var(--tblr-form-invalid-color);
  867. }
  868. .ts-wrapper.is-invalid:not(.single),
  869. .was-validated .invalid:not(.single),
  870. .was-validated :invalid + .ts-wrapper:not(.single) {
  871. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  872. background-position: right calc(0.3571428572em + 0.21875rem) center;
  873. background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
  874. background-repeat: no-repeat;
  875. }
  876. .ts-wrapper.is-invalid.single,
  877. .was-validated .invalid.single,
  878. .was-validated :invalid + .ts-wrapper.single {
  879. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  880. background-position: right 0.75rem center, center right 2.25rem;
  881. background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
  882. background-repeat: no-repeat;
  883. }
  884. .ts-wrapper.is-invalid.focus .ts-control,
  885. .was-validated .invalid.focus .ts-control,
  886. .was-validated :invalid + .ts-wrapper.focus .ts-control {
  887. border-color: var(--tblr-form-invalid-color);
  888. box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-invalid-color), 0.25);
  889. }
  890. .ts-wrapper.is-valid,
  891. .was-validated .valid,
  892. .was-validated :valid + .ts-wrapper {
  893. border-color: var(--tblr-form-valid-color);
  894. }
  895. .ts-wrapper.is-valid:not(.single),
  896. .was-validated .valid:not(.single),
  897. .was-validated :valid + .ts-wrapper:not(.single) {
  898. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  899. background-position: right calc(0.3571428572em + 0.21875rem) center;
  900. background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
  901. background-repeat: no-repeat;
  902. }
  903. .ts-wrapper.is-valid.single,
  904. .was-validated .valid.single,
  905. .was-validated :valid + .ts-wrapper.single {
  906. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  907. background-position: right 0.75rem center, center right 2.25rem;
  908. background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
  909. background-repeat: no-repeat;
  910. }
  911. .ts-wrapper.is-valid.focus .ts-control,
  912. .was-validated .valid.focus .ts-control,
  913. .was-validated :valid + .ts-wrapper.focus .ts-control {
  914. border-color: var(--tblr-form-valid-color);
  915. box-shadow: 0 0 0 0.25rem rgba(var(--tblr-form-valid-color), 0.25);
  916. }
  917. .ts-wrapper {
  918. min-height: calc(1.4285714286em + 0.875rem + calc(var(--tblr-border-width) * 2));
  919. display: flex;
  920. }
  921. .input-group-sm > .ts-wrapper, .ts-wrapper.form-select-sm, .ts-wrapper.form-control-sm {
  922. min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
  923. }
  924. .input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-select-sm .ts-control, .ts-wrapper.form-control-sm .ts-control {
  925. border-radius: var(--tblr-border-radius-sm);
  926. font-size: 0.75rem;
  927. }
  928. .input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control {
  929. font-size: 0.75rem;
  930. padding-bottom: 0;
  931. }
  932. .input-group-sm > .ts-wrapper.multi.has-items .ts-control, .ts-wrapper.form-select-sm.multi.has-items .ts-control, .ts-wrapper.form-control-sm.multi.has-items .ts-control {
  933. padding-top: calc((calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2)) - (1.4285714286 * 0.75rem) - 4px) / 2) !important;
  934. }
  935. .ts-wrapper.multi.has-items .ts-control {
  936. padding-left: calc(0.75rem - 5px);
  937. --ts-pr-min: calc(0.75rem - 5px);
  938. }
  939. .ts-wrapper.multi .ts-control > div {
  940. border-radius: calc(var(--tblr-border-radius) - 1px);
  941. }
  942. .input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
  943. min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
  944. }
  945. .input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
  946. border-radius: var(--tblr-border-radius-lg);
  947. font-size: 1.25rem;
  948. }
  949. .ts-wrapper:not(.form-control):not(.form-select) {
  950. padding: 0;
  951. border: none;
  952. height: auto;
  953. box-shadow: none;
  954. background: none;
  955. }
  956. .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
  957. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23929dab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  958. background-repeat: no-repeat;
  959. background-position: right 0.75rem center;
  960. background-size: 16px 12px;
  961. }
  962. .ts-wrapper.form-select, .ts-wrapper.single {
  963. --ts-pr-caret: 2.25rem;
  964. }
  965. .ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control,
  966. .ts-wrapper.form-select .ts-control,
  967. .ts-wrapper.form-select.single.input-active .ts-control {
  968. border: none !important;
  969. }
  970. .ts-wrapper.form-control:not(.disabled) .ts-control, .ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,
  971. .ts-wrapper.form-select:not(.disabled) .ts-control,
  972. .ts-wrapper.form-select:not(.disabled).single.input-active .ts-control {
  973. background: transparent !important;
  974. }
  975. .input-group > .ts-wrapper {
  976. flex-grow: 1;
  977. }
  978. .input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
  979. border-top-left-radius: 0;
  980. border-bottom-left-radius: 0;
  981. }
  982. .input-group > .ts-wrapper:not(:last-child) > .ts-control {
  983. border-top-right-radius: 0;
  984. border-bottom-right-radius: 0;
  985. }
  986. :root {
  987. --ts-pr-clear-button: 0rem;
  988. --ts-pr-caret: 0rem;
  989. }
  990. .ts-input {
  991. color: inherit;
  992. }
  993. .ts-control {
  994. color: inherit;
  995. }
  996. .ts-control .dropdown-menu {
  997. width: 100%;
  998. height: auto;
  999. }
  1000. .ts-wrapper.is-invalid .ts-control, .ts-wrapper.is-valid .ts-control {
  1001. --ts-pr-clear-button: 1.5rem;
  1002. }
  1003. .ts-dropdown {
  1004. background: var(--tblr-bg-surface);
  1005. color: var(--tblr-body-color);
  1006. box-shadow: var(--tblr-shadow-dropdown);
  1007. }
  1008. .ts-dropdown .option {
  1009. padding: 0.5rem 0.75rem;
  1010. }
  1011. .ts-control,
  1012. .ts-control input {
  1013. color: var(--tblr-body-color);
  1014. }
  1015. .ts-control input::-webkit-input-placeholder {
  1016. color: #929dab;
  1017. }
  1018. .ts-control input:-ms-input-placeholder {
  1019. color: #929dab;
  1020. }
  1021. .ts-control input::-ms-input-placeholder {
  1022. color: #929dab;
  1023. }
  1024. .ts-control input::placeholder {
  1025. color: #929dab;
  1026. }
  1027. .ts-wrapper.multi .ts-control > div {
  1028. background: var(--tblr-bg-surface-secondary);
  1029. border: 1px solid var(--tblr-border-color);
  1030. color: var(--tblr-body-color);
  1031. }
  1032. .apexcharts-tooltip {
  1033. color: var(--tblr-light) !important;
  1034. background: var(--tblr-bg-surface-dark) !important;
  1035. font-size: 0.765625rem !important;
  1036. padding: 0.25rem !important;
  1037. box-shadow: none !important;
  1038. }
  1039. .apexcharts-tooltip-title {
  1040. background: transparent !important;
  1041. border: 0 !important;
  1042. margin: 0 !important;
  1043. font-weight: var(--tblr-font-weight-bold);
  1044. padding: 0.25rem 0.5rem !important;
  1045. }
  1046. .apexcharts-tooltip-y-group {
  1047. padding: 2px 0 !important;
  1048. }
  1049. .apexcharts-tooltip-series-group {
  1050. padding: 0 0.5rem 0 !important;
  1051. }
  1052. .apexcharts-tooltip-marker {
  1053. width: 10px !important;
  1054. height: 10px !important;
  1055. }
  1056. .apexcharts-text {
  1057. fill: var(--tblr-body-color) !important;
  1058. }
  1059. .apexcharts-gridline {
  1060. stroke: var(--tblr-border-color) !important;
  1061. }
  1062. .apexcharts-legend-text {
  1063. color: inherit !important;
  1064. }
  1065. .apexcharts-radialbar-area {
  1066. stroke: var(--tblr-border-color-dark) !important;
  1067. }
  1068. svg {
  1069. touch-action: none;
  1070. }
  1071. image, text, .jvm-zoomin, .jvm-zoomout {
  1072. -webkit-user-select: none;
  1073. -moz-user-select: none;
  1074. -ms-user-select: none;
  1075. user-select: none;
  1076. }
  1077. .jvm-container {
  1078. touch-action: none;
  1079. position: relative;
  1080. overflow: hidden;
  1081. height: 100%;
  1082. width: 100%;
  1083. }
  1084. .jvm-tooltip {
  1085. border-radius: 3px;
  1086. background-color: #5c5cff;
  1087. font-family: sans-serif, Verdana;
  1088. font-size: smaller;
  1089. box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
  1090. padding: 3px 5px;
  1091. white-space: nowrap;
  1092. position: absolute;
  1093. display: none;
  1094. color: #FFF;
  1095. }
  1096. .jvm-tooltip.active {
  1097. display: block;
  1098. }
  1099. .jvm-zoom-btn {
  1100. border-radius: 3px;
  1101. background-color: #292929;
  1102. padding: 3px;
  1103. box-sizing: border-box;
  1104. position: absolute;
  1105. line-height: 10px;
  1106. cursor: pointer;
  1107. color: #FFF;
  1108. height: 15px;
  1109. width: 15px;
  1110. left: 10px;
  1111. }
  1112. .jvm-zoom-btn.jvm-zoomout {
  1113. top: 30px;
  1114. }
  1115. .jvm-zoom-btn.jvm-zoomin {
  1116. top: 10px;
  1117. }
  1118. .jvm-series-container {
  1119. right: 15px;
  1120. position: absolute;
  1121. }
  1122. .jvm-series-container.jvm-series-h {
  1123. bottom: 15px;
  1124. }
  1125. .jvm-series-container.jvm-series-v {
  1126. top: 15px;
  1127. }
  1128. .jvm-series-container .jvm-legend {
  1129. background-color: #FFF;
  1130. border: 1px solid #e5e7eb;
  1131. margin-left: 0.75rem;
  1132. border-radius: 0.25rem;
  1133. border-color: #e5e7eb;
  1134. padding: 0.6rem;
  1135. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  1136. float: left;
  1137. }
  1138. .jvm-series-container .jvm-legend .jvm-legend-title {
  1139. line-height: 1;
  1140. border-bottom: 1px solid #e5e7eb;
  1141. padding-bottom: 0.5rem;
  1142. margin-bottom: 0.575rem;
  1143. text-align: left;
  1144. }
  1145. .jvm-series-container .jvm-legend .jvm-legend-inner {
  1146. overflow: hidden;
  1147. }
  1148. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
  1149. overflow: hidden;
  1150. min-width: 40px;
  1151. }
  1152. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
  1153. margin-top: 0.575rem;
  1154. }
  1155. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
  1156. border-radius: 4px;
  1157. margin-right: 0.65rem;
  1158. height: 16px;
  1159. width: 16px;
  1160. float: left;
  1161. }
  1162. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
  1163. font-size: 12px;
  1164. text-align: center;
  1165. float: left;
  1166. }
  1167. .jvm-line[animation=true] {
  1168. animation: jvm-line-animation 10s linear forwards infinite;
  1169. }
  1170. @keyframes jvm-line-animation {
  1171. from {
  1172. stroke-dashoffset: 250;
  1173. }
  1174. }
  1175. .jvm-tooltip {
  1176. background: #182433;
  1177. font-family: inherit;
  1178. font-size: 0.75rem;
  1179. box-shadow: var(--tblr-shadow-card);
  1180. }
  1181. .jvm-series-container .jvm-legend .jvm-legend-title {
  1182. border-bottom: 0;
  1183. font-weight: var(--tblr-font-weight-medium);
  1184. }
  1185. .jvm-series-container .jvm-legend {
  1186. background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
  1187. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  1188. min-width: 8rem;
  1189. }
  1190. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
  1191. display: flex;
  1192. align-items: center;
  1193. }
  1194. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
  1195. width: 0.75rem;
  1196. height: 0.75rem;
  1197. }
  1198. .jvm-zoom-btn {
  1199. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  1200. background: var(--tblr-card-bg, var(--tblr-bg-surface));
  1201. color: var(--tblr-body-color);
  1202. padding: 0;
  1203. display: flex;
  1204. align-items: center;
  1205. justify-content: center;
  1206. line-height: 1;
  1207. width: 1.5rem;
  1208. height: 1.5rem;
  1209. font-size: 1rem;
  1210. box-shadow: var(--tblr-shadow-card);
  1211. }
  1212. .jvm-zoom-btn.jvm-zoomout {
  1213. top: 2.5rem;
  1214. }
  1215. .dropzone {
  1216. border: var(--tblr-border-width) dashed var(--tblr-border-color);
  1217. color: var(--tblr-muted);
  1218. padding: 1rem;
  1219. }
  1220. .dropzone.dz-drag-hover {
  1221. border: var(--tblr-border-width) dashed var(--tblr-primary);
  1222. background: rgba(var(--tblr-primary-rgb), 0.01);
  1223. color: var(--tblr-primary);
  1224. }
  1225. .dropzone.dz-drag-hover .dz-message {
  1226. opacity: 1;
  1227. }
  1228. .dropzone .dz-preview {
  1229. margin: 0.5rem;
  1230. }
  1231. .dropzone .dz-preview .dz-image {
  1232. border-radius: var(--tblr-border-radius);
  1233. }
  1234. .dropzone .dz-preview .dz-success-mark {
  1235. height: 54px;
  1236. }
  1237. .fslightbox-container {
  1238. font-family: inherit !important;
  1239. background: rgba(24, 36, 51, 0.24) !important;
  1240. -webkit-backdrop-filter: blur(4px) !important;
  1241. backdrop-filter: blur(4px) !important;
  1242. }
  1243. .fslightbox-slide-number-container {
  1244. color: inherit !important;
  1245. }
  1246. .fslightbox-slash {
  1247. background: currentColor !important;
  1248. }
  1249. body {
  1250. --plyr-color-main: var(--tblr-primary);
  1251. }
  1252. .tox-tinymce {
  1253. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1254. border-radius: 4px !important;
  1255. font-family: var(--tblr-font-sans-serif) !important;
  1256. }
  1257. .tox-toolbar__group {
  1258. padding: 0 0.5rem 0;
  1259. }
  1260. .tox .tox-toolbar__primary {
  1261. background: transparent !important;
  1262. }
  1263. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  1264. border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1265. box-shadow: none !important;
  1266. padding: 0 !important;
  1267. }
  1268. .tox-tbtn {
  1269. margin: 0 !important;
  1270. }
  1271. .tox-statusbar {
  1272. border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1273. }
  1274. .tox .tox-toolbar-overlord,
  1275. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  1276. background: transparent !important;
  1277. }
  1278. :root {
  1279. --gl-star-size: auto;
  1280. --gl-star-color: var(--tblr-yellow);
  1281. --gl-star-color-inactive: var(--tblr-border-color);
  1282. }
  1283. [data-star-rating] svg {
  1284. width: var(--tblr-icon-size, --gl-star-size);
  1285. height: var(--tblr-icon-size, --gl-star-size);
  1286. }
  1287. [data-star-rating] :not(.gl-active) > .gl-star-full {
  1288. color: var(--gl-star-color-inactive) !important;
  1289. }
  1290. [data-star-rating] .gl-active > .gl-star-full {
  1291. color: var(--gl-star-color);
  1292. }