tabler-vendors.rtl.css 33 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421
  1. /*!
  2. * Tabler v1.0.0-beta18 (https://tabler.io)
  3. * @version 1.0.0-beta18
  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. left: 0;
  49. height: 100%;
  50. width: 100%;
  51. -ms-transform-origin: 100% 0;
  52. -webkit-transform-origin: 100% 0;
  53. -webkit-transform-style: preserve-3d;
  54. transform-origin: 100% 0;
  55. transform-style: flat;
  56. }
  57. /* Offset direction
  58. */
  59. .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  60. right: 0;
  61. left: 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. left: -17px;
  98. top: -6px;
  99. }
  100. .noUi-vertical {
  101. width: 18px;
  102. }
  103. .noUi-vertical .noUi-handle {
  104. width: 28px;
  105. height: 34px;
  106. left: -6px;
  107. bottom: -17px;
  108. }
  109. .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  110. right: -17px;
  111. left: 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. right: 14px;
  157. top: 6px;
  158. }
  159. .noUi-handle:after {
  160. right: 17px;
  161. }
  162. .noUi-vertical .noUi-handle:before,
  163. .noUi-vertical .noUi-handle:after {
  164. width: 14px;
  165. height: 1px;
  166. right: 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. right: 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-right: -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. right: 100%;
  253. }
  254. .noUi-value-vertical {
  255. transform: translate(0, -50%);
  256. padding-right: 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. right: 50%;
  286. bottom: 120%;
  287. }
  288. .noUi-vertical .noUi-tooltip {
  289. transform: translate(0, -50%);
  290. top: 50%;
  291. left: 120%;
  292. }
  293. .noUi-horizontal .noUi-origin > .noUi-tooltip {
  294. transform: translate(-50%, 0);
  295. right: auto;
  296. bottom: 10px;
  297. }
  298. .noUi-vertical .noUi-origin > .noUi-tooltip {
  299. transform: translate(0, -18px);
  300. top: auto;
  301. left: 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. left: -0.5rem;
  335. margin: 1px 0 0 1px;
  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-left: 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-left: 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. left: calc(0.75rem - 5px);
  449. margin-left: 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. left: 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. left: 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-left: 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-left: 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-left: 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: 2px 0 0 2px;
  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. left: 0;
  568. top: 0;
  569. font-size: 23px;
  570. }
  571. .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  572. border-right: 1px solid #dadfe5;
  573. margin-right: 5px;
  574. }
  575. .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  576. border-right-color: rgba(0, 0, 0, 0);
  577. }
  578. .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  579. border-right-color: white;
  580. }
  581. .ts-wrapper.plugin-remove_button.rtl .item .remove {
  582. border-left: 1px solid #dadfe5;
  583. margin-left: 5px;
  584. }
  585. .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  586. border-left-color: rgba(0, 0, 0, 0);
  587. }
  588. .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  589. border-left-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 0 3px 3px;
  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: left;
  685. }
  686. .ts-control.rtl.single .ts-control:after {
  687. right: calc(0.75rem + 5px);
  688. left: auto;
  689. }
  690. .ts-control.rtl .ts-control > input {
  691. margin: 0px -2px 0px 4px !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. right: -10000px;
  701. }
  702. .ts-dropdown {
  703. position: absolute;
  704. top: 100%;
  705. right: 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-right: -0.75rem;
  832. margin-left: -0.75rem;
  833. }
  834. .ts-dropdown .create {
  835. padding-right: 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: left 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: left 0.75rem center, center left 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: left 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: left 0.75rem center, center left 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-right: 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: left 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-right-radius: 0;
  980. border-bottom-right-radius: 0;
  981. }
  982. .input-group > .ts-wrapper:not(:last-child) > .ts-control {
  983. border-top-left-radius: 0;
  984. border-bottom-left-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. right: 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. left: 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-right: 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: right;
  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: right;
  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-left: 0.65rem;
  1158. height: 16px;
  1159. width: 16px;
  1160. float: right;
  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: right;
  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. }