bootstrap-reboot.css 11 KB

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