tabler-vendors.css 32 KB

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