bootstrap-reboot.css
1 /*! 2 * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/) 3 * Copyright 2011-2025 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 127 [data-bs-theme=dark] { 128 color-scheme: dark; 129 --bs-body-color: #dee2e6; 130 --bs-body-color-rgb: 222, 226, 230; 131 --bs-body-bg: #212529; 132 --bs-body-bg-rgb: 33, 37, 41; 133 --bs-emphasis-color: #fff; 134 --bs-emphasis-color-rgb: 255, 255, 255; 135 --bs-secondary-color: rgba(222, 226, 230, 0.75); 136 --bs-secondary-color-rgb: 222, 226, 230; 137 --bs-secondary-bg: #343a40; 138 --bs-secondary-bg-rgb: 52, 58, 64; 139 --bs-tertiary-color: rgba(222, 226, 230, 0.5); 140 --bs-tertiary-color-rgb: 222, 226, 230; 141 --bs-tertiary-bg: #2b3035; 142 --bs-tertiary-bg-rgb: 43, 48, 53; 143 --bs-primary-text-emphasis: #6ea8fe; 144 --bs-secondary-text-emphasis: #a7acb1; 145 --bs-success-text-emphasis: #75b798; 146 --bs-info-text-emphasis: #6edff6; 147 --bs-warning-text-emphasis: #ffda6a; 148 --bs-danger-text-emphasis: #ea868f; 149 --bs-light-text-emphasis: #f8f9fa; 150 --bs-dark-text-emphasis: #dee2e6; 151 --bs-primary-bg-subtle: #031633; 152 --bs-secondary-bg-subtle: #161719; 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: #41464b; 161 --bs-success-border-subtle: #0f5132; 162 --bs-info-border-subtle: #087990; 163 --bs-warning-border-subtle: #997404; 164 --bs-danger-border-subtle: #842029; 165 --bs-light-border-subtle: #495057; 166 --bs-dark-border-subtle: #343a40; 167 --bs-heading-color: inherit; 168 --bs-link-color: #6ea8fe; 169 --bs-link-hover-color: #8bb9fe; 170 --bs-link-color-rgb: 110, 168, 254; 171 --bs-link-hover-color-rgb: 139, 185, 254; 172 --bs-code-color: #e685b5; 173 --bs-highlight-color: #dee2e6; 174 --bs-highlight-bg: #664d03; 175 --bs-border-color: #495057; 176 --bs-border-color-translucent: rgba(255, 255, 255, 0.15); 177 --bs-form-valid-color: #75b798; 178 --bs-form-valid-border-color: #75b798; 179 --bs-form-invalid-color: #ea868f; 180 --bs-form-invalid-border-color: #ea868f; 181 } 182 183 *, 184 *::before, 185 *::after { 186 box-sizing: border-box; 187 } 188 189 @media (prefers-reduced-motion: no-preference) { 190 :root { 191 scroll-behavior: smooth; 192 } 193 } 194 195 body { 196 margin: 0; 197 font-family: var(--bs-body-font-family); 198 font-size: var(--bs-body-font-size); 199 font-weight: var(--bs-body-font-weight); 200 line-height: var(--bs-body-line-height); 201 color: var(--bs-body-color); 202 text-align: var(--bs-body-text-align); 203 background-color: var(--bs-body-bg); 204 -webkit-text-size-adjust: 100%; 205 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 206 } 207 208 hr { 209 margin: 1rem 0; 210 color: inherit; 211 border: 0; 212 border-top: var(--bs-border-width) solid; 213 opacity: 0.25; 214 } 215 216 h6, h5, h4, h3, h2, h1 { 217 margin-top: 0; 218 margin-bottom: 0.5rem; 219 font-weight: 500; 220 line-height: 1.2; 221 color: var(--bs-heading-color); 222 } 223 224 h1 { 225 font-size: calc(1.375rem + 1.5vw); 226 } 227 @media (min-width: 1200px) { 228 h1 { 229 font-size: 2.5rem; 230 } 231 } 232 233 h2 { 234 font-size: calc(1.325rem + 0.9vw); 235 } 236 @media (min-width: 1200px) { 237 h2 { 238 font-size: 2rem; 239 } 240 } 241 242 h3 { 243 font-size: calc(1.3rem + 0.6vw); 244 } 245 @media (min-width: 1200px) { 246 h3 { 247 font-size: 1.75rem; 248 } 249 } 250 251 h4 { 252 font-size: calc(1.275rem + 0.3vw); 253 } 254 @media (min-width: 1200px) { 255 h4 { 256 font-size: 1.5rem; 257 } 258 } 259 260 h5 { 261 font-size: 1.25rem; 262 } 263 264 h6 { 265 font-size: 1rem; 266 } 267 268 p { 269 margin-top: 0; 270 margin-bottom: 1rem; 271 } 272 273 abbr[title] { 274 -webkit-text-decoration: underline dotted; 275 text-decoration: underline dotted; 276 cursor: help; 277 -webkit-text-decoration-skip-ink: none; 278 text-decoration-skip-ink: none; 279 } 280 281 address { 282 margin-bottom: 1rem; 283 font-style: normal; 284 line-height: inherit; 285 } 286 287 ol, 288 ul { 289 padding-left: 2rem; 290 } 291 292 ol, 293 ul, 294 dl { 295 margin-top: 0; 296 margin-bottom: 1rem; 297 } 298 299 ol ol, 300 ul ul, 301 ol ul, 302 ul ol { 303 margin-bottom: 0; 304 } 305 306 dt { 307 font-weight: 700; 308 } 309 310 dd { 311 margin-bottom: 0.5rem; 312 margin-left: 0; 313 } 314 315 blockquote { 316 margin: 0 0 1rem; 317 } 318 319 b, 320 strong { 321 font-weight: bolder; 322 } 323 324 small { 325 font-size: 0.875em; 326 } 327 328 mark { 329 padding: 0.1875em; 330 color: var(--bs-highlight-color); 331 background-color: var(--bs-highlight-bg); 332 } 333 334 sub, 335 sup { 336 position: relative; 337 font-size: 0.75em; 338 line-height: 0; 339 vertical-align: baseline; 340 } 341 342 sub { 343 bottom: -0.25em; 344 } 345 346 sup { 347 top: -0.5em; 348 } 349 350 a { 351 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); 352 text-decoration: underline; 353 } 354 a:hover { 355 --bs-link-color-rgb: var(--bs-link-hover-color-rgb); 356 } 357 358 a:not([href]):not([class]), a:not([href]):not([class]):hover { 359 color: inherit; 360 text-decoration: none; 361 } 362 363 pre, 364 code, 365 kbd, 366 samp { 367 font-family: var(--bs-font-monospace); 368 font-size: 1em; 369 } 370 371 pre { 372 display: block; 373 margin-top: 0; 374 margin-bottom: 1rem; 375 overflow: auto; 376 font-size: 0.875em; 377 } 378 pre code { 379 font-size: inherit; 380 color: inherit; 381 word-break: normal; 382 } 383 384 code { 385 font-size: 0.875em; 386 color: var(--bs-code-color); 387 word-wrap: break-word; 388 } 389 a > code { 390 color: inherit; 391 } 392 393 kbd { 394 padding: 0.1875rem 0.375rem; 395 font-size: 0.875em; 396 color: var(--bs-body-bg); 397 background-color: var(--bs-body-color); 398 border-radius: 0.25rem; 399 } 400 kbd kbd { 401 padding: 0; 402 font-size: 1em; 403 } 404 405 figure { 406 margin: 0 0 1rem; 407 } 408 409 img, 410 svg { 411 vertical-align: middle; 412 } 413 414 table { 415 caption-side: bottom; 416 border-collapse: collapse; 417 } 418 419 caption { 420 padding-top: 0.5rem; 421 padding-bottom: 0.5rem; 422 color: var(--bs-secondary-color); 423 text-align: left; 424 } 425 426 th { 427 text-align: inherit; 428 text-align: -webkit-match-parent; 429 } 430 431 thead, 432 tbody, 433 tfoot, 434 tr, 435 td, 436 th { 437 border-color: inherit; 438 border-style: solid; 439 border-width: 0; 440 } 441 442 label { 443 display: inline-block; 444 } 445 446 button { 447 border-radius: 0; 448 } 449 450 button:focus:not(:focus-visible) { 451 outline: 0; 452 } 453 454 input, 455 button, 456 select, 457 optgroup, 458 textarea { 459 margin: 0; 460 font-family: inherit; 461 font-size: inherit; 462 line-height: inherit; 463 } 464 465 button, 466 select { 467 text-transform: none; 468 } 469 470 [role=button] { 471 cursor: pointer; 472 } 473 474 select { 475 word-wrap: normal; 476 } 477 select:disabled { 478 opacity: 1; 479 } 480 481 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { 482 display: none !important; 483 } 484 485 button, 486 [type=button], 487 [type=reset], 488 [type=submit] { 489 -webkit-appearance: button; 490 } 491 button:not(:disabled), 492 [type=button]:not(:disabled), 493 [type=reset]:not(:disabled), 494 [type=submit]:not(:disabled) { 495 cursor: pointer; 496 } 497 498 ::-moz-focus-inner { 499 padding: 0; 500 border-style: none; 501 } 502 503 textarea { 504 resize: vertical; 505 } 506 507 fieldset { 508 min-width: 0; 509 padding: 0; 510 margin: 0; 511 border: 0; 512 } 513 514 legend { 515 float: left; 516 width: 100%; 517 padding: 0; 518 margin-bottom: 0.5rem; 519 line-height: inherit; 520 font-size: calc(1.275rem + 0.3vw); 521 } 522 @media (min-width: 1200px) { 523 legend { 524 font-size: 1.5rem; 525 } 526 } 527 legend + * { 528 clear: left; 529 } 530 531 ::-webkit-datetime-edit-fields-wrapper, 532 ::-webkit-datetime-edit-text, 533 ::-webkit-datetime-edit-minute, 534 ::-webkit-datetime-edit-hour-field, 535 ::-webkit-datetime-edit-day-field, 536 ::-webkit-datetime-edit-month-field, 537 ::-webkit-datetime-edit-year-field { 538 padding: 0; 539 } 540 541 ::-webkit-inner-spin-button { 542 height: auto; 543 } 544 545 [type=search] { 546 -webkit-appearance: textfield; 547 outline-offset: -2px; 548 } 549 [type=search]::-webkit-search-cancel-button { 550 cursor: pointer; 551 filter: grayscale(1); 552 } 553 554 /* rtl:raw: 555 [type="tel"], 556 [type="url"], 557 [type="email"], 558 [type="number"] { 559 direction: ltr; 560 } 561 */ 562 ::-webkit-search-decoration { 563 -webkit-appearance: none; 564 } 565 566 ::-webkit-color-swatch-wrapper { 567 padding: 0; 568 } 569 570 ::-webkit-file-upload-button { 571 font: inherit; 572 -webkit-appearance: button; 573 } 574 575 ::file-selector-button { 576 font: inherit; 577 -webkit-appearance: button; 578 } 579 580 output { 581 display: inline-block; 582 } 583 584 iframe { 585 border: 0; 586 } 587 588 summary { 589 display: list-item; 590 cursor: pointer; 591 } 592 593 progress { 594 vertical-align: baseline; 595 } 596 597 [hidden] { 598 display: none !important; 599 } 600 601 /*# sourceMappingURL=bootstrap-reboot.css.map */