Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

597 lines
12KB

  1. /*!
  2. * Bootstrap Reboot v5.3.3 (https://getbootstrap.com/)
  3. * Copyright 2011-2024 The Bootstrap Authors
  4. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  5. */
  6. :root,
  7. [data-bs-theme=light] {
  8. --bs-blue: #0d6efd;
  9. --bs-indigo: #6610f2;
  10. --bs-purple: #6f42c1;
  11. --bs-pink: #d63384;
  12. --bs-red: #dc3545;
  13. --bs-orange: #fd7e14;
  14. --bs-yellow: #ffc107;
  15. --bs-green: #198754;
  16. --bs-teal: #20c997;
  17. --bs-cyan: #0dcaf0;
  18. --bs-black: #000;
  19. --bs-white: #fff;
  20. --bs-gray: #6c757d;
  21. --bs-gray-dark: #343a40;
  22. --bs-gray-100: #f8f9fa;
  23. --bs-gray-200: #e9ecef;
  24. --bs-gray-300: #dee2e6;
  25. --bs-gray-400: #ced4da;
  26. --bs-gray-500: #adb5bd;
  27. --bs-gray-600: #6c757d;
  28. --bs-gray-700: #495057;
  29. --bs-gray-800: #343a40;
  30. --bs-gray-900: #212529;
  31. --bs-primary: #0d6efd;
  32. --bs-secondary: #6c757d;
  33. --bs-success: #198754;
  34. --bs-info: #0dcaf0;
  35. --bs-warning: #ffc107;
  36. --bs-danger: #dc3545;
  37. --bs-light: #f8f9fa;
  38. --bs-dark: #212529;
  39. --bs-primary-rgb: 13, 110, 253;
  40. --bs-secondary-rgb: 108, 117, 125;
  41. --bs-success-rgb: 25, 135, 84;
  42. --bs-info-rgb: 13, 202, 240;
  43. --bs-warning-rgb: 255, 193, 7;
  44. --bs-danger-rgb: 220, 53, 69;
  45. --bs-light-rgb: 248, 249, 250;
  46. --bs-dark-rgb: 33, 37, 41;
  47. --bs-primary-text-emphasis: #052c65;
  48. --bs-secondary-text-emphasis: #2b2f32;
  49. --bs-success-text-emphasis: #0a3622;
  50. --bs-info-text-emphasis: #055160;
  51. --bs-warning-text-emphasis: #664d03;
  52. --bs-danger-text-emphasis: #58151c;
  53. --bs-light-text-emphasis: #495057;
  54. --bs-dark-text-emphasis: #495057;
  55. --bs-primary-bg-subtle: #cfe2ff;
  56. --bs-secondary-bg-subtle: #e2e3e5;
  57. --bs-success-bg-subtle: #d1e7dd;
  58. --bs-info-bg-subtle: #cff4fc;
  59. --bs-warning-bg-subtle: #fff3cd;
  60. --bs-danger-bg-subtle: #f8d7da;
  61. --bs-light-bg-subtle: #fcfcfd;
  62. --bs-dark-bg-subtle: #ced4da;
  63. --bs-primary-border-subtle: #9ec5fe;
  64. --bs-secondary-border-subtle: #c4c8cb;
  65. --bs-success-border-subtle: #a3cfbb;
  66. --bs-info-border-subtle: #9eeaf9;
  67. --bs-warning-border-subtle: #ffe69c;
  68. --bs-danger-border-subtle: #f1aeb5;
  69. --bs-light-border-subtle: #e9ecef;
  70. --bs-dark-border-subtle: #adb5bd;
  71. --bs-white-rgb: 255, 255, 255;
  72. --bs-black-rgb: 0, 0, 0;
  73. --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  74. --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  75. --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  76. --bs-body-font-family: var(--bs-font-sans-serif);
  77. --bs-body-font-size: 1rem;
  78. --bs-body-font-weight: 400;
  79. --bs-body-line-height: 1.5;
  80. --bs-body-color: #212529;
  81. --bs-body-color-rgb: 33, 37, 41;
  82. --bs-body-bg: #fff;
  83. --bs-body-bg-rgb: 255, 255, 255;
  84. --bs-emphasis-color: #000;
  85. --bs-emphasis-color-rgb: 0, 0, 0;
  86. --bs-secondary-color: rgba(33, 37, 41, 0.75);
  87. --bs-secondary-color-rgb: 33, 37, 41;
  88. --bs-secondary-bg: #e9ecef;
  89. --bs-secondary-bg-rgb: 233, 236, 239;
  90. --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  91. --bs-tertiary-color-rgb: 33, 37, 41;
  92. --bs-tertiary-bg: #f8f9fa;
  93. --bs-tertiary-bg-rgb: 248, 249, 250;
  94. --bs-heading-color: inherit;
  95. --bs-link-color: #0d6efd;
  96. --bs-link-color-rgb: 13, 110, 253;
  97. --bs-link-decoration: underline;
  98. --bs-link-hover-color: #0a58ca;
  99. --bs-link-hover-color-rgb: 10, 88, 202;
  100. --bs-code-color: #d63384;
  101. --bs-highlight-color: #212529;
  102. --bs-highlight-bg: #fff3cd;
  103. --bs-border-width: 1px;
  104. --bs-border-style: solid;
  105. --bs-border-color: #dee2e6;
  106. --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  107. --bs-border-radius: 0.375rem;
  108. --bs-border-radius-sm: 0.25rem;
  109. --bs-border-radius-lg: 0.5rem;
  110. --bs-border-radius-xl: 1rem;
  111. --bs-border-radius-xxl: 2rem;
  112. --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  113. --bs-border-radius-pill: 50rem;
  114. --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  115. --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  116. --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  117. --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  118. --bs-focus-ring-width: 0.25rem;
  119. --bs-focus-ring-opacity: 0.25;
  120. --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  121. --bs-form-valid-color: #198754;
  122. --bs-form-valid-border-color: #198754;
  123. --bs-form-invalid-color: #dc3545;
  124. --bs-form-invalid-border-color: #dc3545;
  125. }
  126. [data-bs-theme=dark] {
  127. color-scheme: dark;
  128. --bs-body-color: #dee2e6;
  129. --bs-body-color-rgb: 222, 226, 230;
  130. --bs-body-bg: #212529;
  131. --bs-body-bg-rgb: 33, 37, 41;
  132. --bs-emphasis-color: #fff;
  133. --bs-emphasis-color-rgb: 255, 255, 255;
  134. --bs-secondary-color: rgba(222, 226, 230, 0.75);
  135. --bs-secondary-color-rgb: 222, 226, 230;
  136. --bs-secondary-bg: #343a40;
  137. --bs-secondary-bg-rgb: 52, 58, 64;
  138. --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  139. --bs-tertiary-color-rgb: 222, 226, 230;
  140. --bs-tertiary-bg: #2b3035;
  141. --bs-tertiary-bg-rgb: 43, 48, 53;
  142. --bs-primary-text-emphasis: #6ea8fe;
  143. --bs-secondary-text-emphasis: #a7acb1;
  144. --bs-success-text-emphasis: #75b798;
  145. --bs-info-text-emphasis: #6edff6;
  146. --bs-warning-text-emphasis: #ffda6a;
  147. --bs-danger-text-emphasis: #ea868f;
  148. --bs-light-text-emphasis: #f8f9fa;
  149. --bs-dark-text-emphasis: #dee2e6;
  150. --bs-primary-bg-subtle: #031633;
  151. --bs-secondary-bg-subtle: #161719;
  152. --bs-success-bg-subtle: #051b11;
  153. --bs-info-bg-subtle: #032830;
  154. --bs-warning-bg-subtle: #332701;
  155. --bs-danger-bg-subtle: #2c0b0e;
  156. --bs-light-bg-subtle: #343a40;
  157. --bs-dark-bg-subtle: #1a1d20;
  158. --bs-primary-border-subtle: #084298;
  159. --bs-secondary-border-subtle: #41464b;
  160. --bs-success-border-subtle: #0f5132;
  161. --bs-info-border-subtle: #087990;
  162. --bs-warning-border-subtle: #997404;
  163. --bs-danger-border-subtle: #842029;
  164. --bs-light-border-subtle: #495057;
  165. --bs-dark-border-subtle: #343a40;
  166. --bs-heading-color: inherit;
  167. --bs-link-color: #6ea8fe;
  168. --bs-link-hover-color: #8bb9fe;
  169. --bs-link-color-rgb: 110, 168, 254;
  170. --bs-link-hover-color-rgb: 139, 185, 254;
  171. --bs-code-color: #e685b5;
  172. --bs-highlight-color: #dee2e6;
  173. --bs-highlight-bg: #664d03;
  174. --bs-border-color: #495057;
  175. --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  176. --bs-form-valid-color: #75b798;
  177. --bs-form-valid-border-color: #75b798;
  178. --bs-form-invalid-color: #ea868f;
  179. --bs-form-invalid-border-color: #ea868f;
  180. }
  181. *,
  182. *::before,
  183. *::after {
  184. box-sizing: border-box;
  185. }
  186. @media (prefers-reduced-motion: no-preference) {
  187. :root {
  188. scroll-behavior: smooth;
  189. }
  190. }
  191. body {
  192. margin: 0;
  193. font-family: var(--bs-body-font-family);
  194. font-size: var(--bs-body-font-size);
  195. font-weight: var(--bs-body-font-weight);
  196. line-height: var(--bs-body-line-height);
  197. color: var(--bs-body-color);
  198. text-align: var(--bs-body-text-align);
  199. background-color: var(--bs-body-bg);
  200. -webkit-text-size-adjust: 100%;
  201. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  202. }
  203. hr {
  204. margin: 1rem 0;
  205. color: inherit;
  206. border: 0;
  207. border-top: var(--bs-border-width) solid;
  208. opacity: 0.25;
  209. }
  210. h6, h5, h4, h3, h2, h1 {
  211. margin-top: 0;
  212. margin-bottom: 0.5rem;
  213. font-weight: 500;
  214. line-height: 1.2;
  215. color: var(--bs-heading-color);
  216. }
  217. h1 {
  218. font-size: calc(1.375rem + 1.5vw);
  219. }
  220. @media (min-width: 1200px) {
  221. h1 {
  222. font-size: 2.5rem;
  223. }
  224. }
  225. h2 {
  226. font-size: calc(1.325rem + 0.9vw);
  227. }
  228. @media (min-width: 1200px) {
  229. h2 {
  230. font-size: 2rem;
  231. }
  232. }
  233. h3 {
  234. font-size: calc(1.3rem + 0.6vw);
  235. }
  236. @media (min-width: 1200px) {
  237. h3 {
  238. font-size: 1.75rem;
  239. }
  240. }
  241. h4 {
  242. font-size: calc(1.275rem + 0.3vw);
  243. }
  244. @media (min-width: 1200px) {
  245. h4 {
  246. font-size: 1.5rem;
  247. }
  248. }
  249. h5 {
  250. font-size: 1.25rem;
  251. }
  252. h6 {
  253. font-size: 1rem;
  254. }
  255. p {
  256. margin-top: 0;
  257. margin-bottom: 1rem;
  258. }
  259. abbr[title] {
  260. -webkit-text-decoration: underline dotted;
  261. text-decoration: underline dotted;
  262. cursor: help;
  263. -webkit-text-decoration-skip-ink: none;
  264. text-decoration-skip-ink: none;
  265. }
  266. address {
  267. margin-bottom: 1rem;
  268. font-style: normal;
  269. line-height: inherit;
  270. }
  271. ol,
  272. ul {
  273. padding-left: 2rem;
  274. }
  275. ol,
  276. ul,
  277. dl {
  278. margin-top: 0;
  279. margin-bottom: 1rem;
  280. }
  281. ol ol,
  282. ul ul,
  283. ol ul,
  284. ul ol {
  285. margin-bottom: 0;
  286. }
  287. dt {
  288. font-weight: 700;
  289. }
  290. dd {
  291. margin-bottom: 0.5rem;
  292. margin-left: 0;
  293. }
  294. blockquote {
  295. margin: 0 0 1rem;
  296. }
  297. b,
  298. strong {
  299. font-weight: bolder;
  300. }
  301. small {
  302. font-size: 0.875em;
  303. }
  304. mark {
  305. padding: 0.1875em;
  306. color: var(--bs-highlight-color);
  307. background-color: var(--bs-highlight-bg);
  308. }
  309. sub,
  310. sup {
  311. position: relative;
  312. font-size: 0.75em;
  313. line-height: 0;
  314. vertical-align: baseline;
  315. }
  316. sub {
  317. bottom: -0.25em;
  318. }
  319. sup {
  320. top: -0.5em;
  321. }
  322. a {
  323. color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  324. text-decoration: underline;
  325. }
  326. a:hover {
  327. --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  328. }
  329. a:not([href]):not([class]), a:not([href]):not([class]):hover {
  330. color: inherit;
  331. text-decoration: none;
  332. }
  333. pre,
  334. code,
  335. kbd,
  336. samp {
  337. font-family: var(--bs-font-monospace);
  338. font-size: 1em;
  339. }
  340. pre {
  341. display: block;
  342. margin-top: 0;
  343. margin-bottom: 1rem;
  344. overflow: auto;
  345. font-size: 0.875em;
  346. }
  347. pre code {
  348. font-size: inherit;
  349. color: inherit;
  350. word-break: normal;
  351. }
  352. code {
  353. font-size: 0.875em;
  354. color: var(--bs-code-color);
  355. word-wrap: break-word;
  356. }
  357. a > code {
  358. color: inherit;
  359. }
  360. kbd {
  361. padding: 0.1875rem 0.375rem;
  362. font-size: 0.875em;
  363. color: var(--bs-body-bg);
  364. background-color: var(--bs-body-color);
  365. border-radius: 0.25rem;
  366. }
  367. kbd kbd {
  368. padding: 0;
  369. font-size: 1em;
  370. }
  371. figure {
  372. margin: 0 0 1rem;
  373. }
  374. img,
  375. svg {
  376. vertical-align: middle;
  377. }
  378. table {
  379. caption-side: bottom;
  380. border-collapse: collapse;
  381. }
  382. caption {
  383. padding-top: 0.5rem;
  384. padding-bottom: 0.5rem;
  385. color: var(--bs-secondary-color);
  386. text-align: left;
  387. }
  388. th {
  389. text-align: inherit;
  390. text-align: -webkit-match-parent;
  391. }
  392. thead,
  393. tbody,
  394. tfoot,
  395. tr,
  396. td,
  397. th {
  398. border-color: inherit;
  399. border-style: solid;
  400. border-width: 0;
  401. }
  402. label {
  403. display: inline-block;
  404. }
  405. button {
  406. border-radius: 0;
  407. }
  408. button:focus:not(:focus-visible) {
  409. outline: 0;
  410. }
  411. input,
  412. button,
  413. select,
  414. optgroup,
  415. textarea {
  416. margin: 0;
  417. font-family: inherit;
  418. font-size: inherit;
  419. line-height: inherit;
  420. }
  421. button,
  422. select {
  423. text-transform: none;
  424. }
  425. [role=button] {
  426. cursor: pointer;
  427. }
  428. select {
  429. word-wrap: normal;
  430. }
  431. select:disabled {
  432. opacity: 1;
  433. }
  434. [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  435. display: none !important;
  436. }
  437. button,
  438. [type=button],
  439. [type=reset],
  440. [type=submit] {
  441. -webkit-appearance: button;
  442. }
  443. button:not(:disabled),
  444. [type=button]:not(:disabled),
  445. [type=reset]:not(:disabled),
  446. [type=submit]:not(:disabled) {
  447. cursor: pointer;
  448. }
  449. ::-moz-focus-inner {
  450. padding: 0;
  451. border-style: none;
  452. }
  453. textarea {
  454. resize: vertical;
  455. }
  456. fieldset {
  457. min-width: 0;
  458. padding: 0;
  459. margin: 0;
  460. border: 0;
  461. }
  462. legend {
  463. float: left;
  464. width: 100%;
  465. padding: 0;
  466. margin-bottom: 0.5rem;
  467. font-size: calc(1.275rem + 0.3vw);
  468. line-height: inherit;
  469. }
  470. @media (min-width: 1200px) {
  471. legend {
  472. font-size: 1.5rem;
  473. }
  474. }
  475. legend + * {
  476. clear: left;
  477. }
  478. ::-webkit-datetime-edit-fields-wrapper,
  479. ::-webkit-datetime-edit-text,
  480. ::-webkit-datetime-edit-minute,
  481. ::-webkit-datetime-edit-hour-field,
  482. ::-webkit-datetime-edit-day-field,
  483. ::-webkit-datetime-edit-month-field,
  484. ::-webkit-datetime-edit-year-field {
  485. padding: 0;
  486. }
  487. ::-webkit-inner-spin-button {
  488. height: auto;
  489. }
  490. [type=search] {
  491. -webkit-appearance: textfield;
  492. outline-offset: -2px;
  493. }
  494. /* rtl:raw:
  495. [type="tel"],
  496. [type="url"],
  497. [type="email"],
  498. [type="number"] {
  499. direction: ltr;
  500. }
  501. */
  502. ::-webkit-search-decoration {
  503. -webkit-appearance: none;
  504. }
  505. ::-webkit-color-swatch-wrapper {
  506. padding: 0;
  507. }
  508. ::-webkit-file-upload-button {
  509. font: inherit;
  510. -webkit-appearance: button;
  511. }
  512. ::file-selector-button {
  513. font: inherit;
  514. -webkit-appearance: button;
  515. }
  516. output {
  517. display: inline-block;
  518. }
  519. iframe {
  520. border: 0;
  521. }
  522. summary {
  523. display: list-item;
  524. cursor: pointer;
  525. }
  526. progress {
  527. vertical-align: baseline;
  528. }
  529. [hidden] {
  530. display: none !important;
  531. }
  532. /*# sourceMappingURL=bootstrap-reboot.css.map */