tabler-vendors.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362
  1. /*!
  2. * Tabler v1.0.0-beta17 (https://tabler.io)
  3. * @version 1.0.0-beta17
  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. /* 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(var(--tblr-body-color-rgb), 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-bg-surface-secondary);
  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: #fff;
  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: var(--tblr-bg-surface);
  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. animation: lds-dual-ring 1.2s linear infinite;
  773. }
  774. @keyframes lds-dual-ring {
  775. 0% {
  776. transform: rotate(0deg);
  777. }
  778. 100% {
  779. transform: rotate(360deg);
  780. }
  781. }
  782. .ts-dropdown-content {
  783. overflow-y: auto;
  784. overflow-x: hidden;
  785. max-height: 200px;
  786. overflow-scrolling: touch;
  787. scroll-behavior: smooth;
  788. }
  789. .ts-hidden-accessible {
  790. border: 0 !important;
  791. clip: rect(0 0 0 0) !important;
  792. -webkit-clip-path: inset(50%) !important;
  793. clip-path: inset(50%) !important;
  794. overflow: hidden !important;
  795. padding: 0 !important;
  796. position: absolute !important;
  797. width: 1px !important;
  798. white-space: nowrap !important;
  799. }
  800. .ts-wrapper.form-control,
  801. .ts-wrapper.form-select {
  802. padding: 0 !important;
  803. height: auto;
  804. box-shadow: none;
  805. display: flex;
  806. }
  807. .ts-dropdown,
  808. .ts-dropdown.form-control,
  809. .ts-dropdown.form-select {
  810. height: auto;
  811. padding: 0;
  812. z-index: 1000;
  813. background: #fff;
  814. border: 1px solid var(--tblr-border-color-translucent);
  815. border-radius: 4px;
  816. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  817. }
  818. .ts-dropdown .optgroup-header {
  819. font-size: 0.765625rem;
  820. line-height: 1.4285714286;
  821. }
  822. .ts-dropdown .optgroup:first-child:before {
  823. display: none;
  824. }
  825. .ts-dropdown .optgroup:before {
  826. content: " ";
  827. display: block;
  828. height: 0;
  829. margin: 0.5rem 0;
  830. overflow: hidden;
  831. border-top: 1px solid var(--tblr-border-color-translucent);
  832. margin-left: -0.75rem;
  833. margin-right: -0.75rem;
  834. }
  835. .ts-dropdown .create {
  836. padding-left: 0.75rem;
  837. }
  838. .ts-dropdown-content {
  839. padding: 5px 0;
  840. }
  841. .ts-control {
  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 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-danger-text);
  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='%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");
  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-danger-text);
  888. box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-text), 0.25);
  889. }
  890. .ts-wrapper.is-valid,
  891. .was-validated .valid,
  892. .was-validated :valid + .ts-wrapper {
  893. border-color: var(--tblr-success-text);
  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='%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");
  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-success-text);
  915. box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-text), 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: 2px;
  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: 8px;
  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='%23a5a9b1' 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. .ts-input {
  987. color: inherit;
  988. }
  989. .ts-control {
  990. color: inherit;
  991. }
  992. .ts-control .dropdown-menu {
  993. width: 100%;
  994. height: auto;
  995. }
  996. .apexcharts-tooltip {
  997. color: var(--tblr-light) !important;
  998. background: var(--tblr-bg-surface-dark) !important;
  999. font-size: 0.765625rem !important;
  1000. padding: 0.25rem !important;
  1001. box-shadow: none !important;
  1002. }
  1003. .apexcharts-tooltip-title {
  1004. background: transparent !important;
  1005. border: 0 !important;
  1006. margin: 0 !important;
  1007. font-weight: var(--tblr-font-weight-bold);
  1008. padding: 0.25rem 0.5rem !important;
  1009. }
  1010. .apexcharts-tooltip-y-group {
  1011. padding: 2px 0 !important;
  1012. }
  1013. .apexcharts-tooltip-series-group {
  1014. padding: 0 0.5rem 0 !important;
  1015. }
  1016. .apexcharts-tooltip-marker {
  1017. width: 10px !important;
  1018. height: 10px !important;
  1019. }
  1020. svg {
  1021. touch-action: none;
  1022. }
  1023. image, text, .jvm-zoomin, .jvm-zoomout {
  1024. -webkit-user-select: none;
  1025. -moz-user-select: none;
  1026. -ms-user-select: none;
  1027. user-select: none;
  1028. }
  1029. .jvm-container {
  1030. touch-action: none;
  1031. position: relative;
  1032. overflow: hidden;
  1033. height: 100%;
  1034. width: 100%;
  1035. }
  1036. .jvm-tooltip {
  1037. border-radius: 3px;
  1038. background-color: #5c5cff;
  1039. font-family: sans-serif, Verdana;
  1040. font-size: smaller;
  1041. box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
  1042. padding: 3px 5px;
  1043. white-space: nowrap;
  1044. position: absolute;
  1045. display: none;
  1046. color: #FFF;
  1047. }
  1048. .jvm-tooltip.active {
  1049. display: block;
  1050. }
  1051. .jvm-zoom-btn {
  1052. border-radius: 3px;
  1053. background-color: #292929;
  1054. padding: 3px;
  1055. box-sizing: border-box;
  1056. position: absolute;
  1057. line-height: 10px;
  1058. cursor: pointer;
  1059. color: #FFF;
  1060. height: 15px;
  1061. width: 15px;
  1062. left: 10px;
  1063. }
  1064. .jvm-zoom-btn.jvm-zoomout {
  1065. top: 30px;
  1066. }
  1067. .jvm-zoom-btn.jvm-zoomin {
  1068. top: 10px;
  1069. }
  1070. .jvm-series-container {
  1071. right: 15px;
  1072. position: absolute;
  1073. }
  1074. .jvm-series-container.jvm-series-h {
  1075. bottom: 15px;
  1076. }
  1077. .jvm-series-container.jvm-series-v {
  1078. top: 15px;
  1079. }
  1080. .jvm-series-container .jvm-legend {
  1081. background-color: #FFF;
  1082. border: 1px solid #e5e7eb;
  1083. margin-left: 0.75rem;
  1084. border-radius: 0.25rem;
  1085. border-color: #e5e7eb;
  1086. padding: 0.6rem;
  1087. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  1088. float: left;
  1089. }
  1090. .jvm-series-container .jvm-legend .jvm-legend-title {
  1091. line-height: 1;
  1092. border-bottom: 1px solid #e5e7eb;
  1093. padding-bottom: 0.5rem;
  1094. margin-bottom: 0.575rem;
  1095. text-align: left;
  1096. }
  1097. .jvm-series-container .jvm-legend .jvm-legend-inner {
  1098. overflow: hidden;
  1099. }
  1100. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
  1101. overflow: hidden;
  1102. min-width: 40px;
  1103. }
  1104. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
  1105. margin-top: 0.575rem;
  1106. }
  1107. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
  1108. border-radius: 4px;
  1109. margin-right: 0.65rem;
  1110. height: 16px;
  1111. width: 16px;
  1112. float: left;
  1113. }
  1114. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
  1115. font-size: 12px;
  1116. text-align: center;
  1117. float: left;
  1118. }
  1119. .jvm-line[animation=true] {
  1120. animation: jvm-line-animation 10s linear forwards infinite;
  1121. }
  1122. @keyframes jvm-line-animation {
  1123. from {
  1124. stroke-dashoffset: 250;
  1125. }
  1126. }
  1127. .jvm-tooltip {
  1128. background: #1d273b;
  1129. font-family: inherit;
  1130. font-size: 0.75rem;
  1131. box-shadow: var(--tblr-shadow-card);
  1132. }
  1133. .jvm-series-container .jvm-legend .jvm-legend-title {
  1134. border-bottom: 0;
  1135. font-weight: var(--tblr-font-weight-medium);
  1136. }
  1137. .jvm-series-container .jvm-legend {
  1138. background-color: var(--tblr-card-bg, var(--tblr-bg-surface));
  1139. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  1140. min-width: 8rem;
  1141. }
  1142. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
  1143. display: flex;
  1144. align-items: center;
  1145. }
  1146. .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
  1147. width: 0.75rem;
  1148. height: 0.75rem;
  1149. }
  1150. .jvm-zoom-btn {
  1151. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  1152. background: var(--tblr-card-bg, var(--tblr-bg-surface));
  1153. color: var(--tblr-body-color);
  1154. padding: 0;
  1155. display: flex;
  1156. align-items: center;
  1157. justify-content: center;
  1158. line-height: 1;
  1159. width: 1.5rem;
  1160. height: 1.5rem;
  1161. font-size: 1rem;
  1162. box-shadow: var(--tblr-shadow-card);
  1163. }
  1164. .jvm-zoom-btn.jvm-zoomout {
  1165. top: 2.5rem;
  1166. }
  1167. .dropzone {
  1168. border: var(--tblr-border-width) dashed var(--tblr-border-color);
  1169. color: var(--tblr-muted);
  1170. padding: 1rem;
  1171. }
  1172. .dropzone.dz-drag-hover {
  1173. border: var(--tblr-border-width) dashed var(--tblr-primary);
  1174. background: rgba(var(--tblr-primary-rgb), 0.01);
  1175. color: var(--tblr-primary);
  1176. }
  1177. .dropzone.dz-drag-hover .dz-message {
  1178. opacity: 1;
  1179. }
  1180. .dropzone .dz-preview {
  1181. margin: 0.5rem;
  1182. }
  1183. .dropzone .dz-preview .dz-image {
  1184. border-radius: var(--tblr-border-radius);
  1185. }
  1186. .dropzone .dz-preview .dz-success-mark {
  1187. height: 54px;
  1188. }
  1189. .fslightbox-container {
  1190. font-family: inherit !important;
  1191. background: rgba(29, 39, 59, 0.24) !important;
  1192. -webkit-backdrop-filter: blur(4px) !important;
  1193. backdrop-filter: blur(4px) !important;
  1194. }
  1195. .fslightbox-slide-number-container {
  1196. color: inherit !important;
  1197. }
  1198. .fslightbox-slash {
  1199. background: currentColor !important;
  1200. }
  1201. body {
  1202. --plyr-color-main: var(--tblr-primary);
  1203. }
  1204. .tox-tinymce {
  1205. border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1206. border-radius: 4px !important;
  1207. font-family: var(--tblr-font-sans-serif) !important;
  1208. }
  1209. .tox-toolbar__group {
  1210. padding: 0 0.5rem 0;
  1211. }
  1212. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  1213. border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1214. box-shadow: none !important;
  1215. padding: 0 !important;
  1216. }
  1217. .tox-tbtn {
  1218. margin: 0 !important;
  1219. }
  1220. .tox-statusbar {
  1221. border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  1222. }
  1223. .tox .tox-toolbar,
  1224. .tox .tox-toolbar__overflow,
  1225. .tox .tox-toolbar__primary {
  1226. background: transparent !important;
  1227. }
  1228. .tox .tox-toolbar-overlord,
  1229. .tox:not(.tox-tinymce-inline) .tox-editor-header {
  1230. background: transparent !important;
  1231. }