master
css 12,057 lines 274 KB
Raw
1 @charset "UTF-8";
2 /*!
3 * Bootstrap v5.3.3 (https://getbootstrap.com/)
4 * Copyright 2011-2024 The Bootstrap Authors
5 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
6 */
7 :root,
8 [data-bs-theme=light] {
9 --bs-blue: #0d6efd;
10 --bs-indigo: #6610f2;
11 --bs-purple: #6f42c1;
12 --bs-pink: #d63384;
13 --bs-red: #dc3545;
14 --bs-orange: #fd7e14;
15 --bs-yellow: #ffc107;
16 --bs-green: #198754;
17 --bs-teal: #20c997;
18 --bs-cyan: #0dcaf0;
19 --bs-black: #000;
20 --bs-white: #fff;
21 --bs-gray: #6c757d;
22 --bs-gray-dark: #343a40;
23 --bs-gray-100: #f8f9fa;
24 --bs-gray-200: #e9ecef;
25 --bs-gray-300: #dee2e6;
26 --bs-gray-400: #ced4da;
27 --bs-gray-500: #adb5bd;
28 --bs-gray-600: #6c757d;
29 --bs-gray-700: #495057;
30 --bs-gray-800: #343a40;
31 --bs-gray-900: #212529;
32 --bs-primary: #0d6efd;
33 --bs-secondary: #6c757d;
34 --bs-success: #198754;
35 --bs-info: #0dcaf0;
36 --bs-warning: #ffc107;
37 --bs-danger: #dc3545;
38 --bs-light: #f8f9fa;
39 --bs-dark: #212529;
40 --bs-primary-rgb: 13, 110, 253;
41 --bs-secondary-rgb: 108, 117, 125;
42 --bs-success-rgb: 25, 135, 84;
43 --bs-info-rgb: 13, 202, 240;
44 --bs-warning-rgb: 255, 193, 7;
45 --bs-danger-rgb: 220, 53, 69;
46 --bs-light-rgb: 248, 249, 250;
47 --bs-dark-rgb: 33, 37, 41;
48 --bs-primary-text-emphasis: #052c65;
49 --bs-secondary-text-emphasis: #2b2f32;
50 --bs-success-text-emphasis: #0a3622;
51 --bs-info-text-emphasis: #055160;
52 --bs-warning-text-emphasis: #664d03;
53 --bs-danger-text-emphasis: #58151c;
54 --bs-light-text-emphasis: #495057;
55 --bs-dark-text-emphasis: #495057;
56 --bs-primary-bg-subtle: #cfe2ff;
57 --bs-secondary-bg-subtle: #e2e3e5;
58 --bs-success-bg-subtle: #d1e7dd;
59 --bs-info-bg-subtle: #cff4fc;
60 --bs-warning-bg-subtle: #fff3cd;
61 --bs-danger-bg-subtle: #f8d7da;
62 --bs-light-bg-subtle: #fcfcfd;
63 --bs-dark-bg-subtle: #ced4da;
64 --bs-primary-border-subtle: #9ec5fe;
65 --bs-secondary-border-subtle: #c4c8cb;
66 --bs-success-border-subtle: #a3cfbb;
67 --bs-info-border-subtle: #9eeaf9;
68 --bs-warning-border-subtle: #ffe69c;
69 --bs-danger-border-subtle: #f1aeb5;
70 --bs-light-border-subtle: #e9ecef;
71 --bs-dark-border-subtle: #adb5bd;
72 --bs-white-rgb: 255, 255, 255;
73 --bs-black-rgb: 0, 0, 0;
74 --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";
75 --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
76 --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
77 --bs-body-font-family: var(--bs-font-sans-serif);
78 --bs-body-font-size: 1rem;
79 --bs-body-font-weight: 400;
80 --bs-body-line-height: 1.5;
81 --bs-body-color: #212529;
82 --bs-body-color-rgb: 33, 37, 41;
83 --bs-body-bg: #fff;
84 --bs-body-bg-rgb: 255, 255, 255;
85 --bs-emphasis-color: #000;
86 --bs-emphasis-color-rgb: 0, 0, 0;
87 --bs-secondary-color: rgba(33, 37, 41, 0.75);
88 --bs-secondary-color-rgb: 33, 37, 41;
89 --bs-secondary-bg: #e9ecef;
90 --bs-secondary-bg-rgb: 233, 236, 239;
91 --bs-tertiary-color: rgba(33, 37, 41, 0.5);
92 --bs-tertiary-color-rgb: 33, 37, 41;
93 --bs-tertiary-bg: #f8f9fa;
94 --bs-tertiary-bg-rgb: 248, 249, 250;
95 --bs-heading-color: inherit;
96 --bs-link-color: #0d6efd;
97 --bs-link-color-rgb: 13, 110, 253;
98 --bs-link-decoration: underline;
99 --bs-link-hover-color: #0a58ca;
100 --bs-link-hover-color-rgb: 10, 88, 202;
101 --bs-code-color: #d63384;
102 --bs-highlight-color: #212529;
103 --bs-highlight-bg: #fff3cd;
104 --bs-border-width: 1px;
105 --bs-border-style: solid;
106 --bs-border-color: #dee2e6;
107 --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
108 --bs-border-radius: 0.375rem;
109 --bs-border-radius-sm: 0.25rem;
110 --bs-border-radius-lg: 0.5rem;
111 --bs-border-radius-xl: 1rem;
112 --bs-border-radius-xxl: 2rem;
113 --bs-border-radius-2xl: var(--bs-border-radius-xxl);
114 --bs-border-radius-pill: 50rem;
115 --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
116 --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
117 --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
118 --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
119 --bs-focus-ring-width: 0.25rem;
120 --bs-focus-ring-opacity: 0.25;
121 --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
122 --bs-form-valid-color: #198754;
123 --bs-form-valid-border-color: #198754;
124 --bs-form-invalid-color: #dc3545;
125 --bs-form-invalid-border-color: #dc3545;
126 }
127
128 [data-bs-theme=dark] {
129 color-scheme: dark;
130 --bs-body-color: #dee2e6;
131 --bs-body-color-rgb: 222, 226, 230;
132 --bs-body-bg: #212529;
133 --bs-body-bg-rgb: 33, 37, 41;
134 --bs-emphasis-color: #fff;
135 --bs-emphasis-color-rgb: 255, 255, 255;
136 --bs-secondary-color: rgba(222, 226, 230, 0.75);
137 --bs-secondary-color-rgb: 222, 226, 230;
138 --bs-secondary-bg: #343a40;
139 --bs-secondary-bg-rgb: 52, 58, 64;
140 --bs-tertiary-color: rgba(222, 226, 230, 0.5);
141 --bs-tertiary-color-rgb: 222, 226, 230;
142 --bs-tertiary-bg: #2b3035;
143 --bs-tertiary-bg-rgb: 43, 48, 53;
144 --bs-primary-text-emphasis: #6ea8fe;
145 --bs-secondary-text-emphasis: #a7acb1;
146 --bs-success-text-emphasis: #75b798;
147 --bs-info-text-emphasis: #6edff6;
148 --bs-warning-text-emphasis: #ffda6a;
149 --bs-danger-text-emphasis: #ea868f;
150 --bs-light-text-emphasis: #f8f9fa;
151 --bs-dark-text-emphasis: #dee2e6;
152 --bs-primary-bg-subtle: #031633;
153 --bs-secondary-bg-subtle: #161719;
154 --bs-success-bg-subtle: #051b11;
155 --bs-info-bg-subtle: #032830;
156 --bs-warning-bg-subtle: #332701;
157 --bs-danger-bg-subtle: #2c0b0e;
158 --bs-light-bg-subtle: #343a40;
159 --bs-dark-bg-subtle: #1a1d20;
160 --bs-primary-border-subtle: #084298;
161 --bs-secondary-border-subtle: #41464b;
162 --bs-success-border-subtle: #0f5132;
163 --bs-info-border-subtle: #087990;
164 --bs-warning-border-subtle: #997404;
165 --bs-danger-border-subtle: #842029;
166 --bs-light-border-subtle: #495057;
167 --bs-dark-border-subtle: #343a40;
168 --bs-heading-color: inherit;
169 --bs-link-color: #6ea8fe;
170 --bs-link-hover-color: #8bb9fe;
171 --bs-link-color-rgb: 110, 168, 254;
172 --bs-link-hover-color-rgb: 139, 185, 254;
173 --bs-code-color: #e685b5;
174 --bs-highlight-color: #dee2e6;
175 --bs-highlight-bg: #664d03;
176 --bs-border-color: #495057;
177 --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
178 --bs-form-valid-color: #75b798;
179 --bs-form-valid-border-color: #75b798;
180 --bs-form-invalid-color: #ea868f;
181 --bs-form-invalid-border-color: #ea868f;
182 }
183
184 *,
185 *::before,
186 *::after {
187 box-sizing: border-box;
188 }
189
190 @media (prefers-reduced-motion: no-preference) {
191 :root {
192 scroll-behavior: smooth;
193 }
194 }
195
196 body {
197 margin: 0;
198 font-family: var(--bs-body-font-family);
199 font-size: var(--bs-body-font-size);
200 font-weight: var(--bs-body-font-weight);
201 line-height: var(--bs-body-line-height);
202 color: var(--bs-body-color);
203 text-align: var(--bs-body-text-align);
204 background-color: var(--bs-body-bg);
205 -webkit-text-size-adjust: 100%;
206 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
207 }
208
209 hr {
210 margin: 1rem 0;
211 color: inherit;
212 border: 0;
213 border-top: var(--bs-border-width) solid;
214 opacity: 0.25;
215 }
216
217 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
218 margin-top: 0;
219 margin-bottom: 0.5rem;
220 font-weight: 500;
221 line-height: 1.2;
222 color: var(--bs-heading-color);
223 }
224
225 h1, .h1 {
226 font-size: calc(1.375rem + 1.5vw);
227 }
228 @media (min-width: 1200px) {
229 h1, .h1 {
230 font-size: 2.5rem;
231 }
232 }
233
234 h2, .h2 {
235 font-size: calc(1.325rem + 0.9vw);
236 }
237 @media (min-width: 1200px) {
238 h2, .h2 {
239 font-size: 2rem;
240 }
241 }
242
243 h3, .h3 {
244 font-size: calc(1.3rem + 0.6vw);
245 }
246 @media (min-width: 1200px) {
247 h3, .h3 {
248 font-size: 1.75rem;
249 }
250 }
251
252 h4, .h4 {
253 font-size: calc(1.275rem + 0.3vw);
254 }
255 @media (min-width: 1200px) {
256 h4, .h4 {
257 font-size: 1.5rem;
258 }
259 }
260
261 h5, .h5 {
262 font-size: 1.25rem;
263 }
264
265 h6, .h6 {
266 font-size: 1rem;
267 }
268
269 p {
270 margin-top: 0;
271 margin-bottom: 1rem;
272 }
273
274 abbr[title] {
275 -webkit-text-decoration: underline dotted;
276 text-decoration: underline dotted;
277 cursor: help;
278 -webkit-text-decoration-skip-ink: none;
279 text-decoration-skip-ink: none;
280 }
281
282 address {
283 margin-bottom: 1rem;
284 font-style: normal;
285 line-height: inherit;
286 }
287
288 ol,
289 ul {
290 padding-left: 2rem;
291 }
292
293 ol,
294 ul,
295 dl {
296 margin-top: 0;
297 margin-bottom: 1rem;
298 }
299
300 ol ol,
301 ul ul,
302 ol ul,
303 ul ol {
304 margin-bottom: 0;
305 }
306
307 dt {
308 font-weight: 700;
309 }
310
311 dd {
312 margin-bottom: 0.5rem;
313 margin-left: 0;
314 }
315
316 blockquote {
317 margin: 0 0 1rem;
318 }
319
320 b,
321 strong {
322 font-weight: bolder;
323 }
324
325 small, .small {
326 font-size: 0.875em;
327 }
328
329 mark, .mark {
330 padding: 0.1875em;
331 color: var(--bs-highlight-color);
332 background-color: var(--bs-highlight-bg);
333 }
334
335 sub,
336 sup {
337 position: relative;
338 font-size: 0.75em;
339 line-height: 0;
340 vertical-align: baseline;
341 }
342
343 sub {
344 bottom: -0.25em;
345 }
346
347 sup {
348 top: -0.5em;
349 }
350
351 a {
352 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
353 text-decoration: underline;
354 }
355 a:hover {
356 --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
357 }
358
359 a:not([href]):not([class]), a:not([href]):not([class]):hover {
360 color: inherit;
361 text-decoration: none;
362 }
363
364 pre,
365 code,
366 kbd,
367 samp {
368 font-family: var(--bs-font-monospace);
369 font-size: 1em;
370 }
371
372 pre {
373 display: block;
374 margin-top: 0;
375 margin-bottom: 1rem;
376 overflow: auto;
377 font-size: 0.875em;
378 }
379 pre code {
380 font-size: inherit;
381 color: inherit;
382 word-break: normal;
383 }
384
385 code {
386 font-size: 0.875em;
387 color: var(--bs-code-color);
388 word-wrap: break-word;
389 }
390 a > code {
391 color: inherit;
392 }
393
394 kbd {
395 padding: 0.1875rem 0.375rem;
396 font-size: 0.875em;
397 color: var(--bs-body-bg);
398 background-color: var(--bs-body-color);
399 border-radius: 0.25rem;
400 }
401 kbd kbd {
402 padding: 0;
403 font-size: 1em;
404 }
405
406 figure {
407 margin: 0 0 1rem;
408 }
409
410 img,
411 svg {
412 vertical-align: middle;
413 }
414
415 table {
416 caption-side: bottom;
417 border-collapse: collapse;
418 }
419
420 caption {
421 padding-top: 0.5rem;
422 padding-bottom: 0.5rem;
423 color: var(--bs-secondary-color);
424 text-align: left;
425 }
426
427 th {
428 text-align: inherit;
429 text-align: -webkit-match-parent;
430 }
431
432 thead,
433 tbody,
434 tfoot,
435 tr,
436 td,
437 th {
438 border-color: inherit;
439 border-style: solid;
440 border-width: 0;
441 }
442
443 label {
444 display: inline-block;
445 }
446
447 button {
448 border-radius: 0;
449 }
450
451 button:focus:not(:focus-visible) {
452 outline: 0;
453 }
454
455 input,
456 button,
457 select,
458 optgroup,
459 textarea {
460 margin: 0;
461 font-family: inherit;
462 font-size: inherit;
463 line-height: inherit;
464 }
465
466 button,
467 select {
468 text-transform: none;
469 }
470
471 [role=button] {
472 cursor: pointer;
473 }
474
475 select {
476 word-wrap: normal;
477 }
478 select:disabled {
479 opacity: 1;
480 }
481
482 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
483 display: none !important;
484 }
485
486 button,
487 [type=button],
488 [type=reset],
489 [type=submit] {
490 -webkit-appearance: button;
491 }
492 button:not(:disabled),
493 [type=button]:not(:disabled),
494 [type=reset]:not(:disabled),
495 [type=submit]:not(:disabled) {
496 cursor: pointer;
497 }
498
499 ::-moz-focus-inner {
500 padding: 0;
501 border-style: none;
502 }
503
504 textarea {
505 resize: vertical;
506 }
507
508 fieldset {
509 min-width: 0;
510 padding: 0;
511 margin: 0;
512 border: 0;
513 }
514
515 legend {
516 float: left;
517 width: 100%;
518 padding: 0;
519 margin-bottom: 0.5rem;
520 font-size: calc(1.275rem + 0.3vw);
521 line-height: inherit;
522 }
523 @media (min-width: 1200px) {
524 legend {
525 font-size: 1.5rem;
526 }
527 }
528 legend + * {
529 clear: left;
530 }
531
532 ::-webkit-datetime-edit-fields-wrapper,
533 ::-webkit-datetime-edit-text,
534 ::-webkit-datetime-edit-minute,
535 ::-webkit-datetime-edit-hour-field,
536 ::-webkit-datetime-edit-day-field,
537 ::-webkit-datetime-edit-month-field,
538 ::-webkit-datetime-edit-year-field {
539 padding: 0;
540 }
541
542 ::-webkit-inner-spin-button {
543 height: auto;
544 }
545
546 [type=search] {
547 -webkit-appearance: textfield;
548 outline-offset: -2px;
549 }
550
551 /* rtl:raw:
552 [type="tel"],
553 [type="url"],
554 [type="email"],
555 [type="number"] {
556 direction: ltr;
557 }
558 */
559 ::-webkit-search-decoration {
560 -webkit-appearance: none;
561 }
562
563 ::-webkit-color-swatch-wrapper {
564 padding: 0;
565 }
566
567 ::-webkit-file-upload-button {
568 font: inherit;
569 -webkit-appearance: button;
570 }
571
572 ::file-selector-button {
573 font: inherit;
574 -webkit-appearance: button;
575 }
576
577 output {
578 display: inline-block;
579 }
580
581 iframe {
582 border: 0;
583 }
584
585 summary {
586 display: list-item;
587 cursor: pointer;
588 }
589
590 progress {
591 vertical-align: baseline;
592 }
593
594 [hidden] {
595 display: none !important;
596 }
597
598 .lead {
599 font-size: 1.25rem;
600 font-weight: 300;
601 }
602
603 .display-1 {
604 font-size: calc(1.625rem + 4.5vw);
605 font-weight: 300;
606 line-height: 1.2;
607 }
608 @media (min-width: 1200px) {
609 .display-1 {
610 font-size: 5rem;
611 }
612 }
613
614 .display-2 {
615 font-size: calc(1.575rem + 3.9vw);
616 font-weight: 300;
617 line-height: 1.2;
618 }
619 @media (min-width: 1200px) {
620 .display-2 {
621 font-size: 4.5rem;
622 }
623 }
624
625 .display-3 {
626 font-size: calc(1.525rem + 3.3vw);
627 font-weight: 300;
628 line-height: 1.2;
629 }
630 @media (min-width: 1200px) {
631 .display-3 {
632 font-size: 4rem;
633 }
634 }
635
636 .display-4 {
637 font-size: calc(1.475rem + 2.7vw);
638 font-weight: 300;
639 line-height: 1.2;
640 }
641 @media (min-width: 1200px) {
642 .display-4 {
643 font-size: 3.5rem;
644 }
645 }
646
647 .display-5 {
648 font-size: calc(1.425rem + 2.1vw);
649 font-weight: 300;
650 line-height: 1.2;
651 }
652 @media (min-width: 1200px) {
653 .display-5 {
654 font-size: 3rem;
655 }
656 }
657
658 .display-6 {
659 font-size: calc(1.375rem + 1.5vw);
660 font-weight: 300;
661 line-height: 1.2;
662 }
663 @media (min-width: 1200px) {
664 .display-6 {
665 font-size: 2.5rem;
666 }
667 }
668
669 .list-unstyled {
670 padding-left: 0;
671 list-style: none;
672 }
673
674 .list-inline {
675 padding-left: 0;
676 list-style: none;
677 }
678
679 .list-inline-item {
680 display: inline-block;
681 }
682 .list-inline-item:not(:last-child) {
683 margin-right: 0.5rem;
684 }
685
686 .initialism {
687 font-size: 0.875em;
688 text-transform: uppercase;
689 }
690
691 .blockquote {
692 margin-bottom: 1rem;
693 font-size: 1.25rem;
694 }
695 .blockquote > :last-child {
696 margin-bottom: 0;
697 }
698
699 .blockquote-footer {
700 margin-top: -1rem;
701 margin-bottom: 1rem;
702 font-size: 0.875em;
703 color: #6c757d;
704 }
705 .blockquote-footer::before {
706 content: "— ";
707 }
708
709 .img-fluid {
710 max-width: 100%;
711 height: auto;
712 }
713
714 .img-thumbnail {
715 padding: 0.25rem;
716 background-color: var(--bs-body-bg);
717 border: var(--bs-border-width) solid var(--bs-border-color);
718 border-radius: var(--bs-border-radius);
719 max-width: 100%;
720 height: auto;
721 }
722
723 .figure {
724 display: inline-block;
725 }
726
727 .figure-img {
728 margin-bottom: 0.5rem;
729 line-height: 1;
730 }
731
732 .figure-caption {
733 font-size: 0.875em;
734 color: var(--bs-secondary-color);
735 }
736
737 .container,
738 .container-fluid,
739 .container-xxl,
740 .container-xl,
741 .container-lg,
742 .container-md,
743 .container-sm {
744 --bs-gutter-x: 1.5rem;
745 --bs-gutter-y: 0;
746 width: 100%;
747 padding-right: calc(var(--bs-gutter-x) * 0.5);
748 padding-left: calc(var(--bs-gutter-x) * 0.5);
749 margin-right: auto;
750 margin-left: auto;
751 }
752
753 @media (min-width: 576px) {
754 .container-sm, .container {
755 max-width: 540px;
756 }
757 }
758 @media (min-width: 768px) {
759 .container-md, .container-sm, .container {
760 max-width: 720px;
761 }
762 }
763 @media (min-width: 992px) {
764 .container-lg, .container-md, .container-sm, .container {
765 max-width: 960px;
766 }
767 }
768 @media (min-width: 1200px) {
769 .container-xl, .container-lg, .container-md, .container-sm, .container {
770 max-width: 1140px;
771 }
772 }
773 @media (min-width: 1400px) {
774 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
775 max-width: 1320px;
776 }
777 }
778 :root {
779 --bs-breakpoint-xs: 0;
780 --bs-breakpoint-sm: 576px;
781 --bs-breakpoint-md: 768px;
782 --bs-breakpoint-lg: 992px;
783 --bs-breakpoint-xl: 1200px;
784 --bs-breakpoint-xxl: 1400px;
785 }
786
787 .row {
788 --bs-gutter-x: 1.5rem;
789 --bs-gutter-y: 0;
790 display: flex;
791 flex-wrap: wrap;
792 margin-top: calc(-1 * var(--bs-gutter-y));
793 margin-right: calc(-0.5 * var(--bs-gutter-x));
794 margin-left: calc(-0.5 * var(--bs-gutter-x));
795 }
796 .row > * {
797 flex-shrink: 0;
798 width: 100%;
799 max-width: 100%;
800 padding-right: calc(var(--bs-gutter-x) * 0.5);
801 padding-left: calc(var(--bs-gutter-x) * 0.5);
802 margin-top: var(--bs-gutter-y);
803 }
804
805 .col {
806 flex: 1 0 0%;
807 }
808
809 .row-cols-auto > * {
810 flex: 0 0 auto;
811 width: auto;
812 }
813
814 .row-cols-1 > * {
815 flex: 0 0 auto;
816 width: 100%;
817 }
818
819 .row-cols-2 > * {
820 flex: 0 0 auto;
821 width: 50%;
822 }
823
824 .row-cols-3 > * {
825 flex: 0 0 auto;
826 width: 33.33333333%;
827 }
828
829 .row-cols-4 > * {
830 flex: 0 0 auto;
831 width: 25%;
832 }
833
834 .row-cols-5 > * {
835 flex: 0 0 auto;
836 width: 20%;
837 }
838
839 .row-cols-6 > * {
840 flex: 0 0 auto;
841 width: 16.66666667%;
842 }
843
844 .col-auto {
845 flex: 0 0 auto;
846 width: auto;
847 }
848
849 .col-1 {
850 flex: 0 0 auto;
851 width: 8.33333333%;
852 }
853
854 .col-2 {
855 flex: 0 0 auto;
856 width: 16.66666667%;
857 }
858
859 .col-3 {
860 flex: 0 0 auto;
861 width: 25%;
862 }
863
864 .col-4 {
865 flex: 0 0 auto;
866 width: 33.33333333%;
867 }
868
869 .col-5 {
870 flex: 0 0 auto;
871 width: 41.66666667%;
872 }
873
874 .col-6 {
875 flex: 0 0 auto;
876 width: 50%;
877 }
878
879 .col-7 {
880 flex: 0 0 auto;
881 width: 58.33333333%;
882 }
883
884 .col-8 {
885 flex: 0 0 auto;
886 width: 66.66666667%;
887 }
888
889 .col-9 {
890 flex: 0 0 auto;
891 width: 75%;
892 }
893
894 .col-10 {
895 flex: 0 0 auto;
896 width: 83.33333333%;
897 }
898
899 .col-11 {
900 flex: 0 0 auto;
901 width: 91.66666667%;
902 }
903
904 .col-12 {
905 flex: 0 0 auto;
906 width: 100%;
907 }
908
909 .offset-1 {
910 margin-left: 8.33333333%;
911 }
912
913 .offset-2 {
914 margin-left: 16.66666667%;
915 }
916
917 .offset-3 {
918 margin-left: 25%;
919 }
920
921 .offset-4 {
922 margin-left: 33.33333333%;
923 }
924
925 .offset-5 {
926 margin-left: 41.66666667%;
927 }
928
929 .offset-6 {
930 margin-left: 50%;
931 }
932
933 .offset-7 {
934 margin-left: 58.33333333%;
935 }
936
937 .offset-8 {
938 margin-left: 66.66666667%;
939 }
940
941 .offset-9 {
942 margin-left: 75%;
943 }
944
945 .offset-10 {
946 margin-left: 83.33333333%;
947 }
948
949 .offset-11 {
950 margin-left: 91.66666667%;
951 }
952
953 .g-0,
954 .gx-0 {
955 --bs-gutter-x: 0;
956 }
957
958 .g-0,
959 .gy-0 {
960 --bs-gutter-y: 0;
961 }
962
963 .g-1,
964 .gx-1 {
965 --bs-gutter-x: 0.25rem;
966 }
967
968 .g-1,
969 .gy-1 {
970 --bs-gutter-y: 0.25rem;
971 }
972
973 .g-2,
974 .gx-2 {
975 --bs-gutter-x: 0.5rem;
976 }
977
978 .g-2,
979 .gy-2 {
980 --bs-gutter-y: 0.5rem;
981 }
982
983 .g-3,
984 .gx-3 {
985 --bs-gutter-x: 1rem;
986 }
987
988 .g-3,
989 .gy-3 {
990 --bs-gutter-y: 1rem;
991 }
992
993 .g-4,
994 .gx-4 {
995 --bs-gutter-x: 1.5rem;
996 }
997
998 .g-4,
999 .gy-4 {
1000 --bs-gutter-y: 1.5rem;
1001 }
1002
1003 .g-5,
1004 .gx-5 {
1005 --bs-gutter-x: 3rem;
1006 }
1007
1008 .g-5,
1009 .gy-5 {
1010 --bs-gutter-y: 3rem;
1011 }
1012
1013 @media (min-width: 576px) {
1014 .col-sm {
1015 flex: 1 0 0%;
1016 }
1017 .row-cols-sm-auto > * {
1018 flex: 0 0 auto;
1019 width: auto;
1020 }
1021 .row-cols-sm-1 > * {
1022 flex: 0 0 auto;
1023 width: 100%;
1024 }
1025 .row-cols-sm-2 > * {
1026 flex: 0 0 auto;
1027 width: 50%;
1028 }
1029 .row-cols-sm-3 > * {
1030 flex: 0 0 auto;
1031 width: 33.33333333%;
1032 }
1033 .row-cols-sm-4 > * {
1034 flex: 0 0 auto;
1035 width: 25%;
1036 }
1037 .row-cols-sm-5 > * {
1038 flex: 0 0 auto;
1039 width: 20%;
1040 }
1041 .row-cols-sm-6 > * {
1042 flex: 0 0 auto;
1043 width: 16.66666667%;
1044 }
1045 .col-sm-auto {
1046 flex: 0 0 auto;
1047 width: auto;
1048 }
1049 .col-sm-1 {
1050 flex: 0 0 auto;
1051 width: 8.33333333%;
1052 }
1053 .col-sm-2 {
1054 flex: 0 0 auto;
1055 width: 16.66666667%;
1056 }
1057 .col-sm-3 {
1058 flex: 0 0 auto;
1059 width: 25%;
1060 }
1061 .col-sm-4 {
1062 flex: 0 0 auto;
1063 width: 33.33333333%;
1064 }
1065 .col-sm-5 {
1066 flex: 0 0 auto;
1067 width: 41.66666667%;
1068 }
1069 .col-sm-6 {
1070 flex: 0 0 auto;
1071 width: 50%;
1072 }
1073 .col-sm-7 {
1074 flex: 0 0 auto;
1075 width: 58.33333333%;
1076 }
1077 .col-sm-8 {
1078 flex: 0 0 auto;
1079 width: 66.66666667%;
1080 }
1081 .col-sm-9 {
1082 flex: 0 0 auto;
1083 width: 75%;
1084 }
1085 .col-sm-10 {
1086 flex: 0 0 auto;
1087 width: 83.33333333%;
1088 }
1089 .col-sm-11 {
1090 flex: 0 0 auto;
1091 width: 91.66666667%;
1092 }
1093 .col-sm-12 {
1094 flex: 0 0 auto;
1095 width: 100%;
1096 }
1097 .offset-sm-0 {
1098 margin-left: 0;
1099 }
1100 .offset-sm-1 {
1101 margin-left: 8.33333333%;
1102 }
1103 .offset-sm-2 {
1104 margin-left: 16.66666667%;
1105 }
1106 .offset-sm-3 {
1107 margin-left: 25%;
1108 }
1109 .offset-sm-4 {
1110 margin-left: 33.33333333%;
1111 }
1112 .offset-sm-5 {
1113 margin-left: 41.66666667%;
1114 }
1115 .offset-sm-6 {
1116 margin-left: 50%;
1117 }
1118 .offset-sm-7 {
1119 margin-left: 58.33333333%;
1120 }
1121 .offset-sm-8 {
1122 margin-left: 66.66666667%;
1123 }
1124 .offset-sm-9 {
1125 margin-left: 75%;
1126 }
1127 .offset-sm-10 {
1128 margin-left: 83.33333333%;
1129 }
1130 .offset-sm-11 {
1131 margin-left: 91.66666667%;
1132 }
1133 .g-sm-0,
1134 .gx-sm-0 {
1135 --bs-gutter-x: 0;
1136 }
1137 .g-sm-0,
1138 .gy-sm-0 {
1139 --bs-gutter-y: 0;
1140 }
1141 .g-sm-1,
1142 .gx-sm-1 {
1143 --bs-gutter-x: 0.25rem;
1144 }
1145 .g-sm-1,
1146 .gy-sm-1 {
1147 --bs-gutter-y: 0.25rem;
1148 }
1149 .g-sm-2,
1150 .gx-sm-2 {
1151 --bs-gutter-x: 0.5rem;
1152 }
1153 .g-sm-2,
1154 .gy-sm-2 {
1155 --bs-gutter-y: 0.5rem;
1156 }
1157 .g-sm-3,
1158 .gx-sm-3 {
1159 --bs-gutter-x: 1rem;
1160 }
1161 .g-sm-3,
1162 .gy-sm-3 {
1163 --bs-gutter-y: 1rem;
1164 }
1165 .g-sm-4,
1166 .gx-sm-4 {
1167 --bs-gutter-x: 1.5rem;
1168 }
1169 .g-sm-4,
1170 .gy-sm-4 {
1171 --bs-gutter-y: 1.5rem;
1172 }
1173 .g-sm-5,
1174 .gx-sm-5 {
1175 --bs-gutter-x: 3rem;
1176 }
1177 .g-sm-5,
1178 .gy-sm-5 {
1179 --bs-gutter-y: 3rem;
1180 }
1181 }
1182 @media (min-width: 768px) {
1183 .col-md {
1184 flex: 1 0 0%;
1185 }
1186 .row-cols-md-auto > * {
1187 flex: 0 0 auto;
1188 width: auto;
1189 }
1190 .row-cols-md-1 > * {
1191 flex: 0 0 auto;
1192 width: 100%;
1193 }
1194 .row-cols-md-2 > * {
1195 flex: 0 0 auto;
1196 width: 50%;
1197 }
1198 .row-cols-md-3 > * {
1199 flex: 0 0 auto;
1200 width: 33.33333333%;
1201 }
1202 .row-cols-md-4 > * {
1203 flex: 0 0 auto;
1204 width: 25%;
1205 }
1206 .row-cols-md-5 > * {
1207 flex: 0 0 auto;
1208 width: 20%;
1209 }
1210 .row-cols-md-6 > * {
1211 flex: 0 0 auto;
1212 width: 16.66666667%;
1213 }
1214 .col-md-auto {
1215 flex: 0 0 auto;
1216 width: auto;
1217 }
1218 .col-md-1 {
1219 flex: 0 0 auto;
1220 width: 8.33333333%;
1221 }
1222 .col-md-2 {
1223 flex: 0 0 auto;
1224 width: 16.66666667%;
1225 }
1226 .col-md-3 {
1227 flex: 0 0 auto;
1228 width: 25%;
1229 }
1230 .col-md-4 {
1231 flex: 0 0 auto;
1232 width: 33.33333333%;
1233 }
1234 .col-md-5 {
1235 flex: 0 0 auto;
1236 width: 41.66666667%;
1237 }
1238 .col-md-6 {
1239 flex: 0 0 auto;
1240 width: 50%;
1241 }
1242 .col-md-7 {
1243 flex: 0 0 auto;
1244 width: 58.33333333%;
1245 }
1246 .col-md-8 {
1247 flex: 0 0 auto;
1248 width: 66.66666667%;
1249 }
1250 .col-md-9 {
1251 flex: 0 0 auto;
1252 width: 75%;
1253 }
1254 .col-md-10 {
1255 flex: 0 0 auto;
1256 width: 83.33333333%;
1257 }
1258 .col-md-11 {
1259 flex: 0 0 auto;
1260 width: 91.66666667%;
1261 }
1262 .col-md-12 {
1263 flex: 0 0 auto;
1264 width: 100%;
1265 }
1266 .offset-md-0 {
1267 margin-left: 0;
1268 }
1269 .offset-md-1 {
1270 margin-left: 8.33333333%;
1271 }
1272 .offset-md-2 {
1273 margin-left: 16.66666667%;
1274 }
1275 .offset-md-3 {
1276 margin-left: 25%;
1277 }
1278 .offset-md-4 {
1279 margin-left: 33.33333333%;
1280 }
1281 .offset-md-5 {
1282 margin-left: 41.66666667%;
1283 }
1284 .offset-md-6 {
1285 margin-left: 50%;
1286 }
1287 .offset-md-7 {
1288 margin-left: 58.33333333%;
1289 }
1290 .offset-md-8 {
1291 margin-left: 66.66666667%;
1292 }
1293 .offset-md-9 {
1294 margin-left: 75%;
1295 }
1296 .offset-md-10 {
1297 margin-left: 83.33333333%;
1298 }
1299 .offset-md-11 {
1300 margin-left: 91.66666667%;
1301 }
1302 .g-md-0,
1303 .gx-md-0 {
1304 --bs-gutter-x: 0;
1305 }
1306 .g-md-0,
1307 .gy-md-0 {
1308 --bs-gutter-y: 0;
1309 }
1310 .g-md-1,
1311 .gx-md-1 {
1312 --bs-gutter-x: 0.25rem;
1313 }
1314 .g-md-1,
1315 .gy-md-1 {
1316 --bs-gutter-y: 0.25rem;
1317 }
1318 .g-md-2,
1319 .gx-md-2 {
1320 --bs-gutter-x: 0.5rem;
1321 }
1322 .g-md-2,
1323 .gy-md-2 {
1324 --bs-gutter-y: 0.5rem;
1325 }
1326 .g-md-3,
1327 .gx-md-3 {
1328 --bs-gutter-x: 1rem;
1329 }
1330 .g-md-3,
1331 .gy-md-3 {
1332 --bs-gutter-y: 1rem;
1333 }
1334 .g-md-4,
1335 .gx-md-4 {
1336 --bs-gutter-x: 1.5rem;
1337 }
1338 .g-md-4,
1339 .gy-md-4 {
1340 --bs-gutter-y: 1.5rem;
1341 }
1342 .g-md-5,
1343 .gx-md-5 {
1344 --bs-gutter-x: 3rem;
1345 }
1346 .g-md-5,
1347 .gy-md-5 {
1348 --bs-gutter-y: 3rem;
1349 }
1350 }
1351 @media (min-width: 992px) {
1352 .col-lg {
1353 flex: 1 0 0%;
1354 }
1355 .row-cols-lg-auto > * {
1356 flex: 0 0 auto;
1357 width: auto;
1358 }
1359 .row-cols-lg-1 > * {
1360 flex: 0 0 auto;
1361 width: 100%;
1362 }
1363 .row-cols-lg-2 > * {
1364 flex: 0 0 auto;
1365 width: 50%;
1366 }
1367 .row-cols-lg-3 > * {
1368 flex: 0 0 auto;
1369 width: 33.33333333%;
1370 }
1371 .row-cols-lg-4 > * {
1372 flex: 0 0 auto;
1373 width: 25%;
1374 }
1375 .row-cols-lg-5 > * {
1376 flex: 0 0 auto;
1377 width: 20%;
1378 }
1379 .row-cols-lg-6 > * {
1380 flex: 0 0 auto;
1381 width: 16.66666667%;
1382 }
1383 .col-lg-auto {
1384 flex: 0 0 auto;
1385 width: auto;
1386 }
1387 .col-lg-1 {
1388 flex: 0 0 auto;
1389 width: 8.33333333%;
1390 }
1391 .col-lg-2 {
1392 flex: 0 0 auto;
1393 width: 16.66666667%;
1394 }
1395 .col-lg-3 {
1396 flex: 0 0 auto;
1397 width: 25%;
1398 }
1399 .col-lg-4 {
1400 flex: 0 0 auto;
1401 width: 33.33333333%;
1402 }
1403 .col-lg-5 {
1404 flex: 0 0 auto;
1405 width: 41.66666667%;
1406 }
1407 .col-lg-6 {
1408 flex: 0 0 auto;
1409 width: 50%;
1410 }
1411 .col-lg-7 {
1412 flex: 0 0 auto;
1413 width: 58.33333333%;
1414 }
1415 .col-lg-8 {
1416 flex: 0 0 auto;
1417 width: 66.66666667%;
1418 }
1419 .col-lg-9 {
1420 flex: 0 0 auto;
1421 width: 75%;
1422 }
1423 .col-lg-10 {
1424 flex: 0 0 auto;
1425 width: 83.33333333%;
1426 }
1427 .col-lg-11 {
1428 flex: 0 0 auto;
1429 width: 91.66666667%;
1430 }
1431 .col-lg-12 {
1432 flex: 0 0 auto;
1433 width: 100%;
1434 }
1435 .offset-lg-0 {
1436 margin-left: 0;
1437 }
1438 .offset-lg-1 {
1439 margin-left: 8.33333333%;
1440 }
1441 .offset-lg-2 {
1442 margin-left: 16.66666667%;
1443 }
1444 .offset-lg-3 {
1445 margin-left: 25%;
1446 }
1447 .offset-lg-4 {
1448 margin-left: 33.33333333%;
1449 }
1450 .offset-lg-5 {
1451 margin-left: 41.66666667%;
1452 }
1453 .offset-lg-6 {
1454 margin-left: 50%;
1455 }
1456 .offset-lg-7 {
1457 margin-left: 58.33333333%;
1458 }
1459 .offset-lg-8 {
1460 margin-left: 66.66666667%;
1461 }
1462 .offset-lg-9 {
1463 margin-left: 75%;
1464 }
1465 .offset-lg-10 {
1466 margin-left: 83.33333333%;
1467 }
1468 .offset-lg-11 {
1469 margin-left: 91.66666667%;
1470 }
1471 .g-lg-0,
1472 .gx-lg-0 {
1473 --bs-gutter-x: 0;
1474 }
1475 .g-lg-0,
1476 .gy-lg-0 {
1477 --bs-gutter-y: 0;
1478 }
1479 .g-lg-1,
1480 .gx-lg-1 {
1481 --bs-gutter-x: 0.25rem;
1482 }
1483 .g-lg-1,
1484 .gy-lg-1 {
1485 --bs-gutter-y: 0.25rem;
1486 }
1487 .g-lg-2,
1488 .gx-lg-2 {
1489 --bs-gutter-x: 0.5rem;
1490 }
1491 .g-lg-2,
1492 .gy-lg-2 {
1493 --bs-gutter-y: 0.5rem;
1494 }
1495 .g-lg-3,
1496 .gx-lg-3 {
1497 --bs-gutter-x: 1rem;
1498 }
1499 .g-lg-3,
1500 .gy-lg-3 {
1501 --bs-gutter-y: 1rem;
1502 }
1503 .g-lg-4,
1504 .gx-lg-4 {
1505 --bs-gutter-x: 1.5rem;
1506 }
1507 .g-lg-4,
1508 .gy-lg-4 {
1509 --bs-gutter-y: 1.5rem;
1510 }
1511 .g-lg-5,
1512 .gx-lg-5 {
1513 --bs-gutter-x: 3rem;
1514 }
1515 .g-lg-5,
1516 .gy-lg-5 {
1517 --bs-gutter-y: 3rem;
1518 }
1519 }
1520 @media (min-width: 1200px) {
1521 .col-xl {
1522 flex: 1 0 0%;
1523 }
1524 .row-cols-xl-auto > * {
1525 flex: 0 0 auto;
1526 width: auto;
1527 }
1528 .row-cols-xl-1 > * {
1529 flex: 0 0 auto;
1530 width: 100%;
1531 }
1532 .row-cols-xl-2 > * {
1533 flex: 0 0 auto;
1534 width: 50%;
1535 }
1536 .row-cols-xl-3 > * {
1537 flex: 0 0 auto;
1538 width: 33.33333333%;
1539 }
1540 .row-cols-xl-4 > * {
1541 flex: 0 0 auto;
1542 width: 25%;
1543 }
1544 .row-cols-xl-5 > * {
1545 flex: 0 0 auto;
1546 width: 20%;
1547 }
1548 .row-cols-xl-6 > * {
1549 flex: 0 0 auto;
1550 width: 16.66666667%;
1551 }
1552 .col-xl-auto {
1553 flex: 0 0 auto;
1554 width: auto;
1555 }
1556 .col-xl-1 {
1557 flex: 0 0 auto;
1558 width: 8.33333333%;
1559 }
1560 .col-xl-2 {
1561 flex: 0 0 auto;
1562 width: 16.66666667%;
1563 }
1564 .col-xl-3 {
1565 flex: 0 0 auto;
1566 width: 25%;
1567 }
1568 .col-xl-4 {
1569 flex: 0 0 auto;
1570 width: 33.33333333%;
1571 }
1572 .col-xl-5 {
1573 flex: 0 0 auto;
1574 width: 41.66666667%;
1575 }
1576 .col-xl-6 {
1577 flex: 0 0 auto;
1578 width: 50%;
1579 }
1580 .col-xl-7 {
1581 flex: 0 0 auto;
1582 width: 58.33333333%;
1583 }
1584 .col-xl-8 {
1585 flex: 0 0 auto;
1586 width: 66.66666667%;
1587 }
1588 .col-xl-9 {
1589 flex: 0 0 auto;
1590 width: 75%;
1591 }
1592 .col-xl-10 {
1593 flex: 0 0 auto;
1594 width: 83.33333333%;
1595 }
1596 .col-xl-11 {
1597 flex: 0 0 auto;
1598 width: 91.66666667%;
1599 }
1600 .col-xl-12 {
1601 flex: 0 0 auto;
1602 width: 100%;
1603 }
1604 .offset-xl-0 {
1605 margin-left: 0;
1606 }
1607 .offset-xl-1 {
1608 margin-left: 8.33333333%;
1609 }
1610 .offset-xl-2 {
1611 margin-left: 16.66666667%;
1612 }
1613 .offset-xl-3 {
1614 margin-left: 25%;
1615 }
1616 .offset-xl-4 {
1617 margin-left: 33.33333333%;
1618 }
1619 .offset-xl-5 {
1620 margin-left: 41.66666667%;
1621 }
1622 .offset-xl-6 {
1623 margin-left: 50%;
1624 }
1625 .offset-xl-7 {
1626 margin-left: 58.33333333%;
1627 }
1628 .offset-xl-8 {
1629 margin-left: 66.66666667%;
1630 }
1631 .offset-xl-9 {
1632 margin-left: 75%;
1633 }
1634 .offset-xl-10 {
1635 margin-left: 83.33333333%;
1636 }
1637 .offset-xl-11 {
1638 margin-left: 91.66666667%;
1639 }
1640 .g-xl-0,
1641 .gx-xl-0 {
1642 --bs-gutter-x: 0;
1643 }
1644 .g-xl-0,
1645 .gy-xl-0 {
1646 --bs-gutter-y: 0;
1647 }
1648 .g-xl-1,
1649 .gx-xl-1 {
1650 --bs-gutter-x: 0.25rem;
1651 }
1652 .g-xl-1,
1653 .gy-xl-1 {
1654 --bs-gutter-y: 0.25rem;
1655 }
1656 .g-xl-2,
1657 .gx-xl-2 {
1658 --bs-gutter-x: 0.5rem;
1659 }
1660 .g-xl-2,
1661 .gy-xl-2 {
1662 --bs-gutter-y: 0.5rem;
1663 }
1664 .g-xl-3,
1665 .gx-xl-3 {
1666 --bs-gutter-x: 1rem;
1667 }
1668 .g-xl-3,
1669 .gy-xl-3 {
1670 --bs-gutter-y: 1rem;
1671 }
1672 .g-xl-4,
1673 .gx-xl-4 {
1674 --bs-gutter-x: 1.5rem;
1675 }
1676 .g-xl-4,
1677 .gy-xl-4 {
1678 --bs-gutter-y: 1.5rem;
1679 }
1680 .g-xl-5,
1681 .gx-xl-5 {
1682 --bs-gutter-x: 3rem;
1683 }
1684 .g-xl-5,
1685 .gy-xl-5 {
1686 --bs-gutter-y: 3rem;
1687 }
1688 }
1689 @media (min-width: 1400px) {
1690 .col-xxl {
1691 flex: 1 0 0%;
1692 }
1693 .row-cols-xxl-auto > * {
1694 flex: 0 0 auto;
1695 width: auto;
1696 }
1697 .row-cols-xxl-1 > * {
1698 flex: 0 0 auto;
1699 width: 100%;
1700 }
1701 .row-cols-xxl-2 > * {
1702 flex: 0 0 auto;
1703 width: 50%;
1704 }
1705 .row-cols-xxl-3 > * {
1706 flex: 0 0 auto;
1707 width: 33.33333333%;
1708 }
1709 .row-cols-xxl-4 > * {
1710 flex: 0 0 auto;
1711 width: 25%;
1712 }
1713 .row-cols-xxl-5 > * {
1714 flex: 0 0 auto;
1715 width: 20%;
1716 }
1717 .row-cols-xxl-6 > * {
1718 flex: 0 0 auto;
1719 width: 16.66666667%;
1720 }
1721 .col-xxl-auto {
1722 flex: 0 0 auto;
1723 width: auto;
1724 }
1725 .col-xxl-1 {
1726 flex: 0 0 auto;
1727 width: 8.33333333%;
1728 }
1729 .col-xxl-2 {
1730 flex: 0 0 auto;
1731 width: 16.66666667%;
1732 }
1733 .col-xxl-3 {
1734 flex: 0 0 auto;
1735 width: 25%;
1736 }
1737 .col-xxl-4 {
1738 flex: 0 0 auto;
1739 width: 33.33333333%;
1740 }
1741 .col-xxl-5 {
1742 flex: 0 0 auto;
1743 width: 41.66666667%;
1744 }
1745 .col-xxl-6 {
1746 flex: 0 0 auto;
1747 width: 50%;
1748 }
1749 .col-xxl-7 {
1750 flex: 0 0 auto;
1751 width: 58.33333333%;
1752 }
1753 .col-xxl-8 {
1754 flex: 0 0 auto;
1755 width: 66.66666667%;
1756 }
1757 .col-xxl-9 {
1758 flex: 0 0 auto;
1759 width: 75%;
1760 }
1761 .col-xxl-10 {
1762 flex: 0 0 auto;
1763 width: 83.33333333%;
1764 }
1765 .col-xxl-11 {
1766 flex: 0 0 auto;
1767 width: 91.66666667%;
1768 }
1769 .col-xxl-12 {
1770 flex: 0 0 auto;
1771 width: 100%;
1772 }
1773 .offset-xxl-0 {
1774 margin-left: 0;
1775 }
1776 .offset-xxl-1 {
1777 margin-left: 8.33333333%;
1778 }
1779 .offset-xxl-2 {
1780 margin-left: 16.66666667%;
1781 }
1782 .offset-xxl-3 {
1783 margin-left: 25%;
1784 }
1785 .offset-xxl-4 {
1786 margin-left: 33.33333333%;
1787 }
1788 .offset-xxl-5 {
1789 margin-left: 41.66666667%;
1790 }
1791 .offset-xxl-6 {
1792 margin-left: 50%;
1793 }
1794 .offset-xxl-7 {
1795 margin-left: 58.33333333%;
1796 }
1797 .offset-xxl-8 {
1798 margin-left: 66.66666667%;
1799 }
1800 .offset-xxl-9 {
1801 margin-left: 75%;
1802 }
1803 .offset-xxl-10 {
1804 margin-left: 83.33333333%;
1805 }
1806 .offset-xxl-11 {
1807 margin-left: 91.66666667%;
1808 }
1809 .g-xxl-0,
1810 .gx-xxl-0 {
1811 --bs-gutter-x: 0;
1812 }
1813 .g-xxl-0,
1814 .gy-xxl-0 {
1815 --bs-gutter-y: 0;
1816 }
1817 .g-xxl-1,
1818 .gx-xxl-1 {
1819 --bs-gutter-x: 0.25rem;
1820 }
1821 .g-xxl-1,
1822 .gy-xxl-1 {
1823 --bs-gutter-y: 0.25rem;
1824 }
1825 .g-xxl-2,
1826 .gx-xxl-2 {
1827 --bs-gutter-x: 0.5rem;
1828 }
1829 .g-xxl-2,
1830 .gy-xxl-2 {
1831 --bs-gutter-y: 0.5rem;
1832 }
1833 .g-xxl-3,
1834 .gx-xxl-3 {
1835 --bs-gutter-x: 1rem;
1836 }
1837 .g-xxl-3,
1838 .gy-xxl-3 {
1839 --bs-gutter-y: 1rem;
1840 }
1841 .g-xxl-4,
1842 .gx-xxl-4 {
1843 --bs-gutter-x: 1.5rem;
1844 }
1845 .g-xxl-4,
1846 .gy-xxl-4 {
1847 --bs-gutter-y: 1.5rem;
1848 }
1849 .g-xxl-5,
1850 .gx-xxl-5 {
1851 --bs-gutter-x: 3rem;
1852 }
1853 .g-xxl-5,
1854 .gy-xxl-5 {
1855 --bs-gutter-y: 3rem;
1856 }
1857 }
1858 .table {
1859 --bs-table-color-type: initial;
1860 --bs-table-bg-type: initial;
1861 --bs-table-color-state: initial;
1862 --bs-table-bg-state: initial;
1863 --bs-table-color: var(--bs-emphasis-color);
1864 --bs-table-bg: var(--bs-body-bg);
1865 --bs-table-border-color: var(--bs-border-color);
1866 --bs-table-accent-bg: transparent;
1867 --bs-table-striped-color: var(--bs-emphasis-color);
1868 --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
1869 --bs-table-active-color: var(--bs-emphasis-color);
1870 --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
1871 --bs-table-hover-color: var(--bs-emphasis-color);
1872 --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
1873 width: 100%;
1874 margin-bottom: 1rem;
1875 vertical-align: top;
1876 border-color: var(--bs-table-border-color);
1877 }
1878 .table > :not(caption) > * > * {
1879 padding: 0.5rem 0.5rem;
1880 color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
1881 background-color: var(--bs-table-bg);
1882 border-bottom-width: var(--bs-border-width);
1883 box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
1884 }
1885 .table > tbody {
1886 vertical-align: inherit;
1887 }
1888 .table > thead {
1889 vertical-align: bottom;
1890 }
1891
1892 .table-group-divider {
1893 border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
1894 }
1895
1896 .caption-top {
1897 caption-side: top;
1898 }
1899
1900 .table-sm > :not(caption) > * > * {
1901 padding: 0.25rem 0.25rem;
1902 }
1903
1904 .table-bordered > :not(caption) > * {
1905 border-width: var(--bs-border-width) 0;
1906 }
1907 .table-bordered > :not(caption) > * > * {
1908 border-width: 0 var(--bs-border-width);
1909 }
1910
1911 .table-borderless > :not(caption) > * > * {
1912 border-bottom-width: 0;
1913 }
1914 .table-borderless > :not(:first-child) {
1915 border-top-width: 0;
1916 }
1917
1918 .table-striped > tbody > tr:nth-of-type(odd) > * {
1919 --bs-table-color-type: var(--bs-table-striped-color);
1920 --bs-table-bg-type: var(--bs-table-striped-bg);
1921 }
1922
1923 .table-striped-columns > :not(caption) > tr > :nth-child(even) {
1924 --bs-table-color-type: var(--bs-table-striped-color);
1925 --bs-table-bg-type: var(--bs-table-striped-bg);
1926 }
1927
1928 .table-active {
1929 --bs-table-color-state: var(--bs-table-active-color);
1930 --bs-table-bg-state: var(--bs-table-active-bg);
1931 }
1932
1933 .table-hover > tbody > tr:hover > * {
1934 --bs-table-color-state: var(--bs-table-hover-color);
1935 --bs-table-bg-state: var(--bs-table-hover-bg);
1936 }
1937
1938 .table-primary {
1939 --bs-table-color: #000;
1940 --bs-table-bg: #cfe2ff;
1941 --bs-table-border-color: #a6b5cc;
1942 --bs-table-striped-bg: #c5d7f2;
1943 --bs-table-striped-color: #000;
1944 --bs-table-active-bg: #bacbe6;
1945 --bs-table-active-color: #000;
1946 --bs-table-hover-bg: #bfd1ec;
1947 --bs-table-hover-color: #000;
1948 color: var(--bs-table-color);
1949 border-color: var(--bs-table-border-color);
1950 }
1951
1952 .table-secondary {
1953 --bs-table-color: #000;
1954 --bs-table-bg: #e2e3e5;
1955 --bs-table-border-color: #b5b6b7;
1956 --bs-table-striped-bg: #d7d8da;
1957 --bs-table-striped-color: #000;
1958 --bs-table-active-bg: #cbccce;
1959 --bs-table-active-color: #000;
1960 --bs-table-hover-bg: #d1d2d4;
1961 --bs-table-hover-color: #000;
1962 color: var(--bs-table-color);
1963 border-color: var(--bs-table-border-color);
1964 }
1965
1966 .table-success {
1967 --bs-table-color: #000;
1968 --bs-table-bg: #d1e7dd;
1969 --bs-table-border-color: #a7b9b1;
1970 --bs-table-striped-bg: #c7dbd2;
1971 --bs-table-striped-color: #000;
1972 --bs-table-active-bg: #bcd0c7;
1973 --bs-table-active-color: #000;
1974 --bs-table-hover-bg: #c1d6cc;
1975 --bs-table-hover-color: #000;
1976 color: var(--bs-table-color);
1977 border-color: var(--bs-table-border-color);
1978 }
1979
1980 .table-info {
1981 --bs-table-color: #000;
1982 --bs-table-bg: #cff4fc;
1983 --bs-table-border-color: #a6c3ca;
1984 --bs-table-striped-bg: #c5e8ef;
1985 --bs-table-striped-color: #000;
1986 --bs-table-active-bg: #badce3;
1987 --bs-table-active-color: #000;
1988 --bs-table-hover-bg: #bfe2e9;
1989 --bs-table-hover-color: #000;
1990 color: var(--bs-table-color);
1991 border-color: var(--bs-table-border-color);
1992 }
1993
1994 .table-warning {
1995 --bs-table-color: #000;
1996 --bs-table-bg: #fff3cd;
1997 --bs-table-border-color: #ccc2a4;
1998 --bs-table-striped-bg: #f2e7c3;
1999 --bs-table-striped-color: #000;
2000 --bs-table-active-bg: #e6dbb9;
2001 --bs-table-active-color: #000;
2002 --bs-table-hover-bg: #ece1be;
2003 --bs-table-hover-color: #000;
2004 color: var(--bs-table-color);
2005 border-color: var(--bs-table-border-color);
2006 }
2007
2008 .table-danger {
2009 --bs-table-color: #000;
2010 --bs-table-bg: #f8d7da;
2011 --bs-table-border-color: #c6acae;
2012 --bs-table-striped-bg: #eccccf;
2013 --bs-table-striped-color: #000;
2014 --bs-table-active-bg: #dfc2c4;
2015 --bs-table-active-color: #000;
2016 --bs-table-hover-bg: #e5c7ca;
2017 --bs-table-hover-color: #000;
2018 color: var(--bs-table-color);
2019 border-color: var(--bs-table-border-color);
2020 }
2021
2022 .table-light {
2023 --bs-table-color: #000;
2024 --bs-table-bg: #f8f9fa;
2025 --bs-table-border-color: #c6c7c8;
2026 --bs-table-striped-bg: #ecedee;
2027 --bs-table-striped-color: #000;
2028 --bs-table-active-bg: #dfe0e1;
2029 --bs-table-active-color: #000;
2030 --bs-table-hover-bg: #e5e6e7;
2031 --bs-table-hover-color: #000;
2032 color: var(--bs-table-color);
2033 border-color: var(--bs-table-border-color);
2034 }
2035
2036 .table-dark {
2037 --bs-table-color: #fff;
2038 --bs-table-bg: #212529;
2039 --bs-table-border-color: #4d5154;
2040 --bs-table-striped-bg: #2c3034;
2041 --bs-table-striped-color: #fff;
2042 --bs-table-active-bg: #373b3e;
2043 --bs-table-active-color: #fff;
2044 --bs-table-hover-bg: #323539;
2045 --bs-table-hover-color: #fff;
2046 color: var(--bs-table-color);
2047 border-color: var(--bs-table-border-color);
2048 }
2049
2050 .table-responsive {
2051 overflow-x: auto;
2052 -webkit-overflow-scrolling: touch;
2053 }
2054
2055 @media (max-width: 575.98px) {
2056 .table-responsive-sm {
2057 overflow-x: auto;
2058 -webkit-overflow-scrolling: touch;
2059 }
2060 }
2061 @media (max-width: 767.98px) {
2062 .table-responsive-md {
2063 overflow-x: auto;
2064 -webkit-overflow-scrolling: touch;
2065 }
2066 }
2067 @media (max-width: 991.98px) {
2068 .table-responsive-lg {
2069 overflow-x: auto;
2070 -webkit-overflow-scrolling: touch;
2071 }
2072 }
2073 @media (max-width: 1199.98px) {
2074 .table-responsive-xl {
2075 overflow-x: auto;
2076 -webkit-overflow-scrolling: touch;
2077 }
2078 }
2079 @media (max-width: 1399.98px) {
2080 .table-responsive-xxl {
2081 overflow-x: auto;
2082 -webkit-overflow-scrolling: touch;
2083 }
2084 }
2085 .form-label {
2086 margin-bottom: 0.5rem;
2087 }
2088
2089 .col-form-label {
2090 padding-top: calc(0.375rem + var(--bs-border-width));
2091 padding-bottom: calc(0.375rem + var(--bs-border-width));
2092 margin-bottom: 0;
2093 font-size: inherit;
2094 line-height: 1.5;
2095 }
2096
2097 .col-form-label-lg {
2098 padding-top: calc(0.5rem + var(--bs-border-width));
2099 padding-bottom: calc(0.5rem + var(--bs-border-width));
2100 font-size: 1.25rem;
2101 }
2102
2103 .col-form-label-sm {
2104 padding-top: calc(0.25rem + var(--bs-border-width));
2105 padding-bottom: calc(0.25rem + var(--bs-border-width));
2106 font-size: 0.875rem;
2107 }
2108
2109 .form-text {
2110 margin-top: 0.25rem;
2111 font-size: 0.875em;
2112 color: var(--bs-secondary-color);
2113 }
2114
2115 .form-control {
2116 display: block;
2117 width: 100%;
2118 padding: 0.375rem 0.75rem;
2119 font-size: 1rem;
2120 font-weight: 400;
2121 line-height: 1.5;
2122 color: var(--bs-body-color);
2123 -webkit-appearance: none;
2124 -moz-appearance: none;
2125 appearance: none;
2126 background-color: var(--bs-body-bg);
2127 background-clip: padding-box;
2128 border: var(--bs-border-width) solid var(--bs-border-color);
2129 border-radius: var(--bs-border-radius);
2130 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2131 }
2132 @media (prefers-reduced-motion: reduce) {
2133 .form-control {
2134 transition: none;
2135 }
2136 }
2137 .form-control[type=file] {
2138 overflow: hidden;
2139 }
2140 .form-control[type=file]:not(:disabled):not([readonly]) {
2141 cursor: pointer;
2142 }
2143 .form-control:focus {
2144 color: var(--bs-body-color);
2145 background-color: var(--bs-body-bg);
2146 border-color: #86b7fe;
2147 outline: 0;
2148 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2149 }
2150 .form-control::-webkit-date-and-time-value {
2151 min-width: 85px;
2152 height: 1.5em;
2153 margin: 0;
2154 }
2155 .form-control::-webkit-datetime-edit {
2156 display: block;
2157 padding: 0;
2158 }
2159 .form-control::-moz-placeholder {
2160 color: var(--bs-secondary-color);
2161 opacity: 1;
2162 }
2163 .form-control::placeholder {
2164 color: var(--bs-secondary-color);
2165 opacity: 1;
2166 }
2167 .form-control:disabled {
2168 background-color: var(--bs-secondary-bg);
2169 opacity: 1;
2170 }
2171 .form-control::-webkit-file-upload-button {
2172 padding: 0.375rem 0.75rem;
2173 margin: -0.375rem -0.75rem;
2174 -webkit-margin-end: 0.75rem;
2175 margin-inline-end: 0.75rem;
2176 color: var(--bs-body-color);
2177 background-color: var(--bs-tertiary-bg);
2178 pointer-events: none;
2179 border-color: inherit;
2180 border-style: solid;
2181 border-width: 0;
2182 border-inline-end-width: var(--bs-border-width);
2183 border-radius: 0;
2184 -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2185 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2186 }
2187 .form-control::file-selector-button {
2188 padding: 0.375rem 0.75rem;
2189 margin: -0.375rem -0.75rem;
2190 -webkit-margin-end: 0.75rem;
2191 margin-inline-end: 0.75rem;
2192 color: var(--bs-body-color);
2193 background-color: var(--bs-tertiary-bg);
2194 pointer-events: none;
2195 border-color: inherit;
2196 border-style: solid;
2197 border-width: 0;
2198 border-inline-end-width: var(--bs-border-width);
2199 border-radius: 0;
2200 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2201 }
2202 @media (prefers-reduced-motion: reduce) {
2203 .form-control::-webkit-file-upload-button {
2204 -webkit-transition: none;
2205 transition: none;
2206 }
2207 .form-control::file-selector-button {
2208 transition: none;
2209 }
2210 }
2211 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
2212 background-color: var(--bs-secondary-bg);
2213 }
2214 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2215 background-color: var(--bs-secondary-bg);
2216 }
2217
2218 .form-control-plaintext {
2219 display: block;
2220 width: 100%;
2221 padding: 0.375rem 0;
2222 margin-bottom: 0;
2223 line-height: 1.5;
2224 color: var(--bs-body-color);
2225 background-color: transparent;
2226 border: solid transparent;
2227 border-width: var(--bs-border-width) 0;
2228 }
2229 .form-control-plaintext:focus {
2230 outline: 0;
2231 }
2232 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
2233 padding-right: 0;
2234 padding-left: 0;
2235 }
2236
2237 .form-control-sm {
2238 min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2239 padding: 0.25rem 0.5rem;
2240 font-size: 0.875rem;
2241 border-radius: var(--bs-border-radius-sm);
2242 }
2243 .form-control-sm::-webkit-file-upload-button {
2244 padding: 0.25rem 0.5rem;
2245 margin: -0.25rem -0.5rem;
2246 -webkit-margin-end: 0.5rem;
2247 margin-inline-end: 0.5rem;
2248 }
2249 .form-control-sm::file-selector-button {
2250 padding: 0.25rem 0.5rem;
2251 margin: -0.25rem -0.5rem;
2252 -webkit-margin-end: 0.5rem;
2253 margin-inline-end: 0.5rem;
2254 }
2255
2256 .form-control-lg {
2257 min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2258 padding: 0.5rem 1rem;
2259 font-size: 1.25rem;
2260 border-radius: var(--bs-border-radius-lg);
2261 }
2262 .form-control-lg::-webkit-file-upload-button {
2263 padding: 0.5rem 1rem;
2264 margin: -0.5rem -1rem;
2265 -webkit-margin-end: 1rem;
2266 margin-inline-end: 1rem;
2267 }
2268 .form-control-lg::file-selector-button {
2269 padding: 0.5rem 1rem;
2270 margin: -0.5rem -1rem;
2271 -webkit-margin-end: 1rem;
2272 margin-inline-end: 1rem;
2273 }
2274
2275 textarea.form-control {
2276 min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2277 }
2278 textarea.form-control-sm {
2279 min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2280 }
2281 textarea.form-control-lg {
2282 min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2283 }
2284
2285 .form-control-color {
2286 width: 3rem;
2287 height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
2288 padding: 0.375rem;
2289 }
2290 .form-control-color:not(:disabled):not([readonly]) {
2291 cursor: pointer;
2292 }
2293 .form-control-color::-moz-color-swatch {
2294 border: 0 !important;
2295 border-radius: var(--bs-border-radius);
2296 }
2297 .form-control-color::-webkit-color-swatch {
2298 border: 0 !important;
2299 border-radius: var(--bs-border-radius);
2300 }
2301 .form-control-color.form-control-sm {
2302 height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
2303 }
2304 .form-control-color.form-control-lg {
2305 height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
2306 }
2307
2308 .form-select {
2309 --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2310 display: block;
2311 width: 100%;
2312 padding: 0.375rem 2.25rem 0.375rem 0.75rem;
2313 font-size: 1rem;
2314 font-weight: 400;
2315 line-height: 1.5;
2316 color: var(--bs-body-color);
2317 -webkit-appearance: none;
2318 -moz-appearance: none;
2319 appearance: none;
2320 background-color: var(--bs-body-bg);
2321 background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
2322 background-repeat: no-repeat;
2323 background-position: right 0.75rem center;
2324 background-size: 16px 12px;
2325 border: var(--bs-border-width) solid var(--bs-border-color);
2326 border-radius: var(--bs-border-radius);
2327 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2328 }
2329 @media (prefers-reduced-motion: reduce) {
2330 .form-select {
2331 transition: none;
2332 }
2333 }
2334 .form-select:focus {
2335 border-color: #86b7fe;
2336 outline: 0;
2337 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2338 }
2339 .form-select[multiple], .form-select[size]:not([size="1"]) {
2340 padding-right: 0.75rem;
2341 background-image: none;
2342 }
2343 .form-select:disabled {
2344 background-color: var(--bs-secondary-bg);
2345 }
2346 .form-select:-moz-focusring {
2347 color: transparent;
2348 text-shadow: 0 0 0 var(--bs-body-color);
2349 }
2350
2351 .form-select-sm {
2352 padding-top: 0.25rem;
2353 padding-bottom: 0.25rem;
2354 padding-left: 0.5rem;
2355 font-size: 0.875rem;
2356 border-radius: var(--bs-border-radius-sm);
2357 }
2358
2359 .form-select-lg {
2360 padding-top: 0.5rem;
2361 padding-bottom: 0.5rem;
2362 padding-left: 1rem;
2363 font-size: 1.25rem;
2364 border-radius: var(--bs-border-radius-lg);
2365 }
2366
2367 [data-bs-theme=dark] .form-select {
2368 --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
2369 }
2370
2371 .form-check {
2372 display: block;
2373 min-height: 1.5rem;
2374 padding-left: 1.5em;
2375 margin-bottom: 0.125rem;
2376 }
2377 .form-check .form-check-input {
2378 float: left;
2379 margin-left: -1.5em;
2380 }
2381
2382 .form-check-reverse {
2383 padding-right: 1.5em;
2384 padding-left: 0;
2385 text-align: right;
2386 }
2387 .form-check-reverse .form-check-input {
2388 float: right;
2389 margin-right: -1.5em;
2390 margin-left: 0;
2391 }
2392
2393 .form-check-input {
2394 --bs-form-check-bg: var(--bs-body-bg);
2395 flex-shrink: 0;
2396 width: 1em;
2397 height: 1em;
2398 margin-top: 0.25em;
2399 vertical-align: top;
2400 -webkit-appearance: none;
2401 -moz-appearance: none;
2402 appearance: none;
2403 background-color: var(--bs-form-check-bg);
2404 background-image: var(--bs-form-check-bg-image);
2405 background-repeat: no-repeat;
2406 background-position: center;
2407 background-size: contain;
2408 border: var(--bs-border-width) solid var(--bs-border-color);
2409 -webkit-print-color-adjust: exact;
2410 color-adjust: exact;
2411 print-color-adjust: exact;
2412 }
2413 .form-check-input[type=checkbox] {
2414 border-radius: 0.25em;
2415 }
2416 .form-check-input[type=radio] {
2417 border-radius: 50%;
2418 }
2419 .form-check-input:active {
2420 filter: brightness(90%);
2421 }
2422 .form-check-input:focus {
2423 border-color: #86b7fe;
2424 outline: 0;
2425 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2426 }
2427 .form-check-input:checked {
2428 background-color: #0d6efd;
2429 border-color: #0d6efd;
2430 }
2431 .form-check-input:checked[type=checkbox] {
2432 --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
2433 }
2434 .form-check-input:checked[type=radio] {
2435 --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
2436 }
2437 .form-check-input[type=checkbox]:indeterminate {
2438 background-color: #0d6efd;
2439 border-color: #0d6efd;
2440 --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
2441 }
2442 .form-check-input:disabled {
2443 pointer-events: none;
2444 filter: none;
2445 opacity: 0.5;
2446 }
2447 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
2448 cursor: default;
2449 opacity: 0.5;
2450 }
2451
2452 .form-switch {
2453 padding-left: 2.5em;
2454 }
2455 .form-switch .form-check-input {
2456 --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
2457 width: 2em;
2458 margin-left: -2.5em;
2459 background-image: var(--bs-form-switch-bg);
2460 background-position: left center;
2461 border-radius: 2em;
2462 transition: background-position 0.15s ease-in-out;
2463 }
2464 @media (prefers-reduced-motion: reduce) {
2465 .form-switch .form-check-input {
2466 transition: none;
2467 }
2468 }
2469 .form-switch .form-check-input:focus {
2470 --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
2471 }
2472 .form-switch .form-check-input:checked {
2473 background-position: right center;
2474 --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
2475 }
2476 .form-switch.form-check-reverse {
2477 padding-right: 2.5em;
2478 padding-left: 0;
2479 }
2480 .form-switch.form-check-reverse .form-check-input {
2481 margin-right: -2.5em;
2482 margin-left: 0;
2483 }
2484
2485 .form-check-inline {
2486 display: inline-block;
2487 margin-right: 1rem;
2488 }
2489
2490 .btn-check {
2491 position: absolute;
2492 clip: rect(0, 0, 0, 0);
2493 pointer-events: none;
2494 }
2495 .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
2496 pointer-events: none;
2497 filter: none;
2498 opacity: 0.65;
2499 }
2500
2501 [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
2502 --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
2503 }
2504
2505 .form-range {
2506 width: 100%;
2507 height: 1.5rem;
2508 padding: 0;
2509 -webkit-appearance: none;
2510 -moz-appearance: none;
2511 appearance: none;
2512 background-color: transparent;
2513 }
2514 .form-range:focus {
2515 outline: 0;
2516 }
2517 .form-range:focus::-webkit-slider-thumb {
2518 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2519 }
2520 .form-range:focus::-moz-range-thumb {
2521 box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
2522 }
2523 .form-range::-moz-focus-outer {
2524 border: 0;
2525 }
2526 .form-range::-webkit-slider-thumb {
2527 width: 1rem;
2528 height: 1rem;
2529 margin-top: -0.25rem;
2530 -webkit-appearance: none;
2531 appearance: none;
2532 background-color: #0d6efd;
2533 border: 0;
2534 border-radius: 1rem;
2535 -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2536 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2537 }
2538 @media (prefers-reduced-motion: reduce) {
2539 .form-range::-webkit-slider-thumb {
2540 -webkit-transition: none;
2541 transition: none;
2542 }
2543 }
2544 .form-range::-webkit-slider-thumb:active {
2545 background-color: #b6d4fe;
2546 }
2547 .form-range::-webkit-slider-runnable-track {
2548 width: 100%;
2549 height: 0.5rem;
2550 color: transparent;
2551 cursor: pointer;
2552 background-color: var(--bs-secondary-bg);
2553 border-color: transparent;
2554 border-radius: 1rem;
2555 }
2556 .form-range::-moz-range-thumb {
2557 width: 1rem;
2558 height: 1rem;
2559 -moz-appearance: none;
2560 appearance: none;
2561 background-color: #0d6efd;
2562 border: 0;
2563 border-radius: 1rem;
2564 -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2565 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
2566 }
2567 @media (prefers-reduced-motion: reduce) {
2568 .form-range::-moz-range-thumb {
2569 -moz-transition: none;
2570 transition: none;
2571 }
2572 }
2573 .form-range::-moz-range-thumb:active {
2574 background-color: #b6d4fe;
2575 }
2576 .form-range::-moz-range-track {
2577 width: 100%;
2578 height: 0.5rem;
2579 color: transparent;
2580 cursor: pointer;
2581 background-color: var(--bs-secondary-bg);
2582 border-color: transparent;
2583 border-radius: 1rem;
2584 }
2585 .form-range:disabled {
2586 pointer-events: none;
2587 }
2588 .form-range:disabled::-webkit-slider-thumb {
2589 background-color: var(--bs-secondary-color);
2590 }
2591 .form-range:disabled::-moz-range-thumb {
2592 background-color: var(--bs-secondary-color);
2593 }
2594
2595 .form-floating {
2596 position: relative;
2597 }
2598 .form-floating > .form-control,
2599 .form-floating > .form-control-plaintext,
2600 .form-floating > .form-select {
2601 height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2602 min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
2603 line-height: 1.25;
2604 }
2605 .form-floating > label {
2606 position: absolute;
2607 top: 0;
2608 left: 0;
2609 z-index: 2;
2610 height: 100%;
2611 padding: 1rem 0.75rem;
2612 overflow: hidden;
2613 text-align: start;
2614 text-overflow: ellipsis;
2615 white-space: nowrap;
2616 pointer-events: none;
2617 border: var(--bs-border-width) solid transparent;
2618 transform-origin: 0 0;
2619 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
2620 }
2621 @media (prefers-reduced-motion: reduce) {
2622 .form-floating > label {
2623 transition: none;
2624 }
2625 }
2626 .form-floating > .form-control,
2627 .form-floating > .form-control-plaintext {
2628 padding: 1rem 0.75rem;
2629 }
2630 .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
2631 color: transparent;
2632 }
2633 .form-floating > .form-control::placeholder,
2634 .form-floating > .form-control-plaintext::placeholder {
2635 color: transparent;
2636 }
2637 .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
2638 padding-top: 1.625rem;
2639 padding-bottom: 0.625rem;
2640 }
2641 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
2642 .form-floating > .form-control-plaintext:focus,
2643 .form-floating > .form-control-plaintext:not(:placeholder-shown) {
2644 padding-top: 1.625rem;
2645 padding-bottom: 0.625rem;
2646 }
2647 .form-floating > .form-control:-webkit-autofill,
2648 .form-floating > .form-control-plaintext:-webkit-autofill {
2649 padding-top: 1.625rem;
2650 padding-bottom: 0.625rem;
2651 }
2652 .form-floating > .form-select {
2653 padding-top: 1.625rem;
2654 padding-bottom: 0.625rem;
2655 }
2656 .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
2657 color: rgba(var(--bs-body-color-rgb), 0.65);
2658 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2659 }
2660 .form-floating > .form-control:focus ~ label,
2661 .form-floating > .form-control:not(:placeholder-shown) ~ label,
2662 .form-floating > .form-control-plaintext ~ label,
2663 .form-floating > .form-select ~ label {
2664 color: rgba(var(--bs-body-color-rgb), 0.65);
2665 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2666 }
2667 .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
2668 position: absolute;
2669 inset: 1rem 0.375rem;
2670 z-index: -1;
2671 height: 1.5em;
2672 content: "";
2673 background-color: var(--bs-body-bg);
2674 border-radius: var(--bs-border-radius);
2675 }
2676 .form-floating > .form-control:focus ~ label::after,
2677 .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2678 .form-floating > .form-control-plaintext ~ label::after,
2679 .form-floating > .form-select ~ label::after {
2680 position: absolute;
2681 inset: 1rem 0.375rem;
2682 z-index: -1;
2683 height: 1.5em;
2684 content: "";
2685 background-color: var(--bs-body-bg);
2686 border-radius: var(--bs-border-radius);
2687 }
2688 .form-floating > .form-control:-webkit-autofill ~ label {
2689 color: rgba(var(--bs-body-color-rgb), 0.65);
2690 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2691 }
2692 .form-floating > .form-control-plaintext ~ label {
2693 border-width: var(--bs-border-width) 0;
2694 }
2695 .form-floating > :disabled ~ label,
2696 .form-floating > .form-control:disabled ~ label {
2697 color: #6c757d;
2698 }
2699 .form-floating > :disabled ~ label::after,
2700 .form-floating > .form-control:disabled ~ label::after {
2701 background-color: var(--bs-secondary-bg);
2702 }
2703
2704 .input-group {
2705 position: relative;
2706 display: flex;
2707 flex-wrap: wrap;
2708 align-items: stretch;
2709 width: 100%;
2710 }
2711 .input-group > .form-control,
2712 .input-group > .form-select,
2713 .input-group > .form-floating {
2714 position: relative;
2715 flex: 1 1 auto;
2716 width: 1%;
2717 min-width: 0;
2718 }
2719 .input-group > .form-control:focus,
2720 .input-group > .form-select:focus,
2721 .input-group > .form-floating:focus-within {
2722 z-index: 5;
2723 }
2724 .input-group .btn {
2725 position: relative;
2726 z-index: 2;
2727 }
2728 .input-group .btn:focus {
2729 z-index: 5;
2730 }
2731
2732 .input-group-text {
2733 display: flex;
2734 align-items: center;
2735 padding: 0.375rem 0.75rem;
2736 font-size: 1rem;
2737 font-weight: 400;
2738 line-height: 1.5;
2739 color: var(--bs-body-color);
2740 text-align: center;
2741 white-space: nowrap;
2742 background-color: var(--bs-tertiary-bg);
2743 border: var(--bs-border-width) solid var(--bs-border-color);
2744 border-radius: var(--bs-border-radius);
2745 }
2746
2747 .input-group-lg > .form-control,
2748 .input-group-lg > .form-select,
2749 .input-group-lg > .input-group-text,
2750 .input-group-lg > .btn {
2751 padding: 0.5rem 1rem;
2752 font-size: 1.25rem;
2753 border-radius: var(--bs-border-radius-lg);
2754 }
2755
2756 .input-group-sm > .form-control,
2757 .input-group-sm > .form-select,
2758 .input-group-sm > .input-group-text,
2759 .input-group-sm > .btn {
2760 padding: 0.25rem 0.5rem;
2761 font-size: 0.875rem;
2762 border-radius: var(--bs-border-radius-sm);
2763 }
2764
2765 .input-group-lg > .form-select,
2766 .input-group-sm > .form-select {
2767 padding-right: 3rem;
2768 }
2769
2770 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
2771 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
2772 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
2773 .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
2774 border-top-right-radius: 0;
2775 border-bottom-right-radius: 0;
2776 }
2777 .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
2778 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
2779 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
2780 .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
2781 border-top-right-radius: 0;
2782 border-bottom-right-radius: 0;
2783 }
2784 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2785 margin-left: calc(var(--bs-border-width) * -1);
2786 border-top-left-radius: 0;
2787 border-bottom-left-radius: 0;
2788 }
2789 .input-group > .form-floating:not(:first-child) > .form-control,
2790 .input-group > .form-floating:not(:first-child) > .form-select {
2791 border-top-left-radius: 0;
2792 border-bottom-left-radius: 0;
2793 }
2794
2795 .valid-feedback {
2796 display: none;
2797 width: 100%;
2798 margin-top: 0.25rem;
2799 font-size: 0.875em;
2800 color: var(--bs-form-valid-color);
2801 }
2802
2803 .valid-tooltip {
2804 position: absolute;
2805 top: 100%;
2806 z-index: 5;
2807 display: none;
2808 max-width: 100%;
2809 padding: 0.25rem 0.5rem;
2810 margin-top: 0.1rem;
2811 font-size: 0.875rem;
2812 color: #fff;
2813 background-color: var(--bs-success);
2814 border-radius: var(--bs-border-radius);
2815 }
2816
2817 .was-validated :valid ~ .valid-feedback,
2818 .was-validated :valid ~ .valid-tooltip,
2819 .is-valid ~ .valid-feedback,
2820 .is-valid ~ .valid-tooltip {
2821 display: block;
2822 }
2823
2824 .was-validated .form-control:valid, .form-control.is-valid {
2825 border-color: var(--bs-form-valid-border-color);
2826 padding-right: calc(1.5em + 0.75rem);
2827 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2828 background-repeat: no-repeat;
2829 background-position: right calc(0.375em + 0.1875rem) center;
2830 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2831 }
2832 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
2833 border-color: var(--bs-form-valid-border-color);
2834 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2835 }
2836
2837 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
2838 padding-right: calc(1.5em + 0.75rem);
2839 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
2840 }
2841
2842 .was-validated .form-select:valid, .form-select.is-valid {
2843 border-color: var(--bs-form-valid-border-color);
2844 }
2845 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
2846 --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2847 padding-right: 4.125rem;
2848 background-position: right 0.75rem center, center right 2.25rem;
2849 background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2850 }
2851 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
2852 border-color: var(--bs-form-valid-border-color);
2853 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2854 }
2855
2856 .was-validated .form-control-color:valid, .form-control-color.is-valid {
2857 width: calc(3rem + calc(1.5em + 0.75rem));
2858 }
2859
2860 .was-validated .form-check-input:valid, .form-check-input.is-valid {
2861 border-color: var(--bs-form-valid-border-color);
2862 }
2863 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
2864 background-color: var(--bs-form-valid-color);
2865 }
2866 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
2867 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
2868 }
2869 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
2870 color: var(--bs-form-valid-color);
2871 }
2872
2873 .form-check-inline .form-check-input ~ .valid-feedback {
2874 margin-left: 0.5em;
2875 }
2876
2877 .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
2878 .was-validated .input-group > .form-select:not(:focus):valid,
2879 .input-group > .form-select:not(:focus).is-valid,
2880 .was-validated .input-group > .form-floating:not(:focus-within):valid,
2881 .input-group > .form-floating:not(:focus-within).is-valid {
2882 z-index: 3;
2883 }
2884
2885 .invalid-feedback {
2886 display: none;
2887 width: 100%;
2888 margin-top: 0.25rem;
2889 font-size: 0.875em;
2890 color: var(--bs-form-invalid-color);
2891 }
2892
2893 .invalid-tooltip {
2894 position: absolute;
2895 top: 100%;
2896 z-index: 5;
2897 display: none;
2898 max-width: 100%;
2899 padding: 0.25rem 0.5rem;
2900 margin-top: 0.1rem;
2901 font-size: 0.875rem;
2902 color: #fff;
2903 background-color: var(--bs-danger);
2904 border-radius: var(--bs-border-radius);
2905 }
2906
2907 .was-validated :invalid ~ .invalid-feedback,
2908 .was-validated :invalid ~ .invalid-tooltip,
2909 .is-invalid ~ .invalid-feedback,
2910 .is-invalid ~ .invalid-tooltip {
2911 display: block;
2912 }
2913
2914 .was-validated .form-control:invalid, .form-control.is-invalid {
2915 border-color: var(--bs-form-invalid-border-color);
2916 padding-right: calc(1.5em + 0.75rem);
2917 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
2918 background-repeat: no-repeat;
2919 background-position: right calc(0.375em + 0.1875rem) center;
2920 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2921 }
2922 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
2923 border-color: var(--bs-form-invalid-border-color);
2924 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2925 }
2926
2927 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
2928 padding-right: calc(1.5em + 0.75rem);
2929 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
2930 }
2931
2932 .was-validated .form-select:invalid, .form-select.is-invalid {
2933 border-color: var(--bs-form-invalid-border-color);
2934 }
2935 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
2936 --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
2937 padding-right: 4.125rem;
2938 background-position: right 0.75rem center, center right 2.25rem;
2939 background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
2940 }
2941 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
2942 border-color: var(--bs-form-invalid-border-color);
2943 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2944 }
2945
2946 .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
2947 width: calc(3rem + calc(1.5em + 0.75rem));
2948 }
2949
2950 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
2951 border-color: var(--bs-form-invalid-border-color);
2952 }
2953 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
2954 background-color: var(--bs-form-invalid-color);
2955 }
2956 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
2957 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
2958 }
2959 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
2960 color: var(--bs-form-invalid-color);
2961 }
2962
2963 .form-check-inline .form-check-input ~ .invalid-feedback {
2964 margin-left: 0.5em;
2965 }
2966
2967 .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
2968 .was-validated .input-group > .form-select:not(:focus):invalid,
2969 .input-group > .form-select:not(:focus).is-invalid,
2970 .was-validated .input-group > .form-floating:not(:focus-within):invalid,
2971 .input-group > .form-floating:not(:focus-within).is-invalid {
2972 z-index: 4;
2973 }
2974
2975 .btn {
2976 --bs-btn-padding-x: 0.75rem;
2977 --bs-btn-padding-y: 0.375rem;
2978 --bs-btn-font-family: ;
2979 --bs-btn-font-size: 1rem;
2980 --bs-btn-font-weight: 400;
2981 --bs-btn-line-height: 1.5;
2982 --bs-btn-color: var(--bs-body-color);
2983 --bs-btn-bg: transparent;
2984 --bs-btn-border-width: var(--bs-border-width);
2985 --bs-btn-border-color: transparent;
2986 --bs-btn-border-radius: var(--bs-border-radius);
2987 --bs-btn-hover-border-color: transparent;
2988 --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
2989 --bs-btn-disabled-opacity: 0.65;
2990 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
2991 display: inline-block;
2992 padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
2993 font-family: var(--bs-btn-font-family);
2994 font-size: var(--bs-btn-font-size);
2995 font-weight: var(--bs-btn-font-weight);
2996 line-height: var(--bs-btn-line-height);
2997 color: var(--bs-btn-color);
2998 text-align: center;
2999 text-decoration: none;
3000 vertical-align: middle;
3001 cursor: pointer;
3002 -webkit-user-select: none;
3003 -moz-user-select: none;
3004 user-select: none;
3005 border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
3006 border-radius: var(--bs-btn-border-radius);
3007 background-color: var(--bs-btn-bg);
3008 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
3009 }
3010 @media (prefers-reduced-motion: reduce) {
3011 .btn {
3012 transition: none;
3013 }
3014 }
3015 .btn:hover {
3016 color: var(--bs-btn-hover-color);
3017 background-color: var(--bs-btn-hover-bg);
3018 border-color: var(--bs-btn-hover-border-color);
3019 }
3020 .btn-check + .btn:hover {
3021 color: var(--bs-btn-color);
3022 background-color: var(--bs-btn-bg);
3023 border-color: var(--bs-btn-border-color);
3024 }
3025 .btn:focus-visible {
3026 color: var(--bs-btn-hover-color);
3027 background-color: var(--bs-btn-hover-bg);
3028 border-color: var(--bs-btn-hover-border-color);
3029 outline: 0;
3030 box-shadow: var(--bs-btn-focus-box-shadow);
3031 }
3032 .btn-check:focus-visible + .btn {
3033 border-color: var(--bs-btn-hover-border-color);
3034 outline: 0;
3035 box-shadow: var(--bs-btn-focus-box-shadow);
3036 }
3037 .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
3038 color: var(--bs-btn-active-color);
3039 background-color: var(--bs-btn-active-bg);
3040 border-color: var(--bs-btn-active-border-color);
3041 }
3042 .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
3043 box-shadow: var(--bs-btn-focus-box-shadow);
3044 }
3045 .btn-check:checked:focus-visible + .btn {
3046 box-shadow: var(--bs-btn-focus-box-shadow);
3047 }
3048 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
3049 color: var(--bs-btn-disabled-color);
3050 pointer-events: none;
3051 background-color: var(--bs-btn-disabled-bg);
3052 border-color: var(--bs-btn-disabled-border-color);
3053 opacity: var(--bs-btn-disabled-opacity);
3054 }
3055
3056 .btn-primary {
3057 --bs-btn-color: #fff;
3058 --bs-btn-bg: #0d6efd;
3059 --bs-btn-border-color: #0d6efd;
3060 --bs-btn-hover-color: #fff;
3061 --bs-btn-hover-bg: #0b5ed7;
3062 --bs-btn-hover-border-color: #0a58ca;
3063 --bs-btn-focus-shadow-rgb: 49, 132, 253;
3064 --bs-btn-active-color: #fff;
3065 --bs-btn-active-bg: #0a58ca;
3066 --bs-btn-active-border-color: #0a53be;
3067 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3068 --bs-btn-disabled-color: #fff;
3069 --bs-btn-disabled-bg: #0d6efd;
3070 --bs-btn-disabled-border-color: #0d6efd;
3071 }
3072
3073 .btn-secondary {
3074 --bs-btn-color: #fff;
3075 --bs-btn-bg: #6c757d;
3076 --bs-btn-border-color: #6c757d;
3077 --bs-btn-hover-color: #fff;
3078 --bs-btn-hover-bg: #5c636a;
3079 --bs-btn-hover-border-color: #565e64;
3080 --bs-btn-focus-shadow-rgb: 130, 138, 145;
3081 --bs-btn-active-color: #fff;
3082 --bs-btn-active-bg: #565e64;
3083 --bs-btn-active-border-color: #51585e;
3084 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3085 --bs-btn-disabled-color: #fff;
3086 --bs-btn-disabled-bg: #6c757d;
3087 --bs-btn-disabled-border-color: #6c757d;
3088 }
3089
3090 .btn-success {
3091 --bs-btn-color: #fff;
3092 --bs-btn-bg: #198754;
3093 --bs-btn-border-color: #198754;
3094 --bs-btn-hover-color: #fff;
3095 --bs-btn-hover-bg: #157347;
3096 --bs-btn-hover-border-color: #146c43;
3097 --bs-btn-focus-shadow-rgb: 60, 153, 110;
3098 --bs-btn-active-color: #fff;
3099 --bs-btn-active-bg: #146c43;
3100 --bs-btn-active-border-color: #13653f;
3101 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3102 --bs-btn-disabled-color: #fff;
3103 --bs-btn-disabled-bg: #198754;
3104 --bs-btn-disabled-border-color: #198754;
3105 }
3106
3107 .btn-info {
3108 --bs-btn-color: #000;
3109 --bs-btn-bg: #0dcaf0;
3110 --bs-btn-border-color: #0dcaf0;
3111 --bs-btn-hover-color: #000;
3112 --bs-btn-hover-bg: #31d2f2;
3113 --bs-btn-hover-border-color: #25cff2;
3114 --bs-btn-focus-shadow-rgb: 11, 172, 204;
3115 --bs-btn-active-color: #000;
3116 --bs-btn-active-bg: #3dd5f3;
3117 --bs-btn-active-border-color: #25cff2;
3118 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3119 --bs-btn-disabled-color: #000;
3120 --bs-btn-disabled-bg: #0dcaf0;
3121 --bs-btn-disabled-border-color: #0dcaf0;
3122 }
3123
3124 .btn-warning {
3125 --bs-btn-color: #000;
3126 --bs-btn-bg: #ffc107;
3127 --bs-btn-border-color: #ffc107;
3128 --bs-btn-hover-color: #000;
3129 --bs-btn-hover-bg: #ffca2c;
3130 --bs-btn-hover-border-color: #ffc720;
3131 --bs-btn-focus-shadow-rgb: 217, 164, 6;
3132 --bs-btn-active-color: #000;
3133 --bs-btn-active-bg: #ffcd39;
3134 --bs-btn-active-border-color: #ffc720;
3135 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3136 --bs-btn-disabled-color: #000;
3137 --bs-btn-disabled-bg: #ffc107;
3138 --bs-btn-disabled-border-color: #ffc107;
3139 }
3140
3141 .btn-danger {
3142 --bs-btn-color: #fff;
3143 --bs-btn-bg: #dc3545;
3144 --bs-btn-border-color: #dc3545;
3145 --bs-btn-hover-color: #fff;
3146 --bs-btn-hover-bg: #bb2d3b;
3147 --bs-btn-hover-border-color: #b02a37;
3148 --bs-btn-focus-shadow-rgb: 225, 83, 97;
3149 --bs-btn-active-color: #fff;
3150 --bs-btn-active-bg: #b02a37;
3151 --bs-btn-active-border-color: #a52834;
3152 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3153 --bs-btn-disabled-color: #fff;
3154 --bs-btn-disabled-bg: #dc3545;
3155 --bs-btn-disabled-border-color: #dc3545;
3156 }
3157
3158 .btn-light {
3159 --bs-btn-color: #000;
3160 --bs-btn-bg: #f8f9fa;
3161 --bs-btn-border-color: #f8f9fa;
3162 --bs-btn-hover-color: #000;
3163 --bs-btn-hover-bg: #d3d4d5;
3164 --bs-btn-hover-border-color: #c6c7c8;
3165 --bs-btn-focus-shadow-rgb: 211, 212, 213;
3166 --bs-btn-active-color: #000;
3167 --bs-btn-active-bg: #c6c7c8;
3168 --bs-btn-active-border-color: #babbbc;
3169 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3170 --bs-btn-disabled-color: #000;
3171 --bs-btn-disabled-bg: #f8f9fa;
3172 --bs-btn-disabled-border-color: #f8f9fa;
3173 }
3174
3175 .btn-dark {
3176 --bs-btn-color: #fff;
3177 --bs-btn-bg: #212529;
3178 --bs-btn-border-color: #212529;
3179 --bs-btn-hover-color: #fff;
3180 --bs-btn-hover-bg: #424649;
3181 --bs-btn-hover-border-color: #373b3e;
3182 --bs-btn-focus-shadow-rgb: 66, 70, 73;
3183 --bs-btn-active-color: #fff;
3184 --bs-btn-active-bg: #4d5154;
3185 --bs-btn-active-border-color: #373b3e;
3186 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3187 --bs-btn-disabled-color: #fff;
3188 --bs-btn-disabled-bg: #212529;
3189 --bs-btn-disabled-border-color: #212529;
3190 }
3191
3192 .btn-outline-primary {
3193 --bs-btn-color: #0d6efd;
3194 --bs-btn-border-color: #0d6efd;
3195 --bs-btn-hover-color: #fff;
3196 --bs-btn-hover-bg: #0d6efd;
3197 --bs-btn-hover-border-color: #0d6efd;
3198 --bs-btn-focus-shadow-rgb: 13, 110, 253;
3199 --bs-btn-active-color: #fff;
3200 --bs-btn-active-bg: #0d6efd;
3201 --bs-btn-active-border-color: #0d6efd;
3202 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3203 --bs-btn-disabled-color: #0d6efd;
3204 --bs-btn-disabled-bg: transparent;
3205 --bs-btn-disabled-border-color: #0d6efd;
3206 --bs-gradient: none;
3207 }
3208
3209 .btn-outline-secondary {
3210 --bs-btn-color: #6c757d;
3211 --bs-btn-border-color: #6c757d;
3212 --bs-btn-hover-color: #fff;
3213 --bs-btn-hover-bg: #6c757d;
3214 --bs-btn-hover-border-color: #6c757d;
3215 --bs-btn-focus-shadow-rgb: 108, 117, 125;
3216 --bs-btn-active-color: #fff;
3217 --bs-btn-active-bg: #6c757d;
3218 --bs-btn-active-border-color: #6c757d;
3219 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3220 --bs-btn-disabled-color: #6c757d;
3221 --bs-btn-disabled-bg: transparent;
3222 --bs-btn-disabled-border-color: #6c757d;
3223 --bs-gradient: none;
3224 }
3225
3226 .btn-outline-success {
3227 --bs-btn-color: #198754;
3228 --bs-btn-border-color: #198754;
3229 --bs-btn-hover-color: #fff;
3230 --bs-btn-hover-bg: #198754;
3231 --bs-btn-hover-border-color: #198754;
3232 --bs-btn-focus-shadow-rgb: 25, 135, 84;
3233 --bs-btn-active-color: #fff;
3234 --bs-btn-active-bg: #198754;
3235 --bs-btn-active-border-color: #198754;
3236 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3237 --bs-btn-disabled-color: #198754;
3238 --bs-btn-disabled-bg: transparent;
3239 --bs-btn-disabled-border-color: #198754;
3240 --bs-gradient: none;
3241 }
3242
3243 .btn-outline-info {
3244 --bs-btn-color: #0dcaf0;
3245 --bs-btn-border-color: #0dcaf0;
3246 --bs-btn-hover-color: #000;
3247 --bs-btn-hover-bg: #0dcaf0;
3248 --bs-btn-hover-border-color: #0dcaf0;
3249 --bs-btn-focus-shadow-rgb: 13, 202, 240;
3250 --bs-btn-active-color: #000;
3251 --bs-btn-active-bg: #0dcaf0;
3252 --bs-btn-active-border-color: #0dcaf0;
3253 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3254 --bs-btn-disabled-color: #0dcaf0;
3255 --bs-btn-disabled-bg: transparent;
3256 --bs-btn-disabled-border-color: #0dcaf0;
3257 --bs-gradient: none;
3258 }
3259
3260 .btn-outline-warning {
3261 --bs-btn-color: #ffc107;
3262 --bs-btn-border-color: #ffc107;
3263 --bs-btn-hover-color: #000;
3264 --bs-btn-hover-bg: #ffc107;
3265 --bs-btn-hover-border-color: #ffc107;
3266 --bs-btn-focus-shadow-rgb: 255, 193, 7;
3267 --bs-btn-active-color: #000;
3268 --bs-btn-active-bg: #ffc107;
3269 --bs-btn-active-border-color: #ffc107;
3270 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3271 --bs-btn-disabled-color: #ffc107;
3272 --bs-btn-disabled-bg: transparent;
3273 --bs-btn-disabled-border-color: #ffc107;
3274 --bs-gradient: none;
3275 }
3276
3277 .btn-outline-danger {
3278 --bs-btn-color: #dc3545;
3279 --bs-btn-border-color: #dc3545;
3280 --bs-btn-hover-color: #fff;
3281 --bs-btn-hover-bg: #dc3545;
3282 --bs-btn-hover-border-color: #dc3545;
3283 --bs-btn-focus-shadow-rgb: 220, 53, 69;
3284 --bs-btn-active-color: #fff;
3285 --bs-btn-active-bg: #dc3545;
3286 --bs-btn-active-border-color: #dc3545;
3287 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3288 --bs-btn-disabled-color: #dc3545;
3289 --bs-btn-disabled-bg: transparent;
3290 --bs-btn-disabled-border-color: #dc3545;
3291 --bs-gradient: none;
3292 }
3293
3294 .btn-outline-light {
3295 --bs-btn-color: #f8f9fa;
3296 --bs-btn-border-color: #f8f9fa;
3297 --bs-btn-hover-color: #000;
3298 --bs-btn-hover-bg: #f8f9fa;
3299 --bs-btn-hover-border-color: #f8f9fa;
3300 --bs-btn-focus-shadow-rgb: 248, 249, 250;
3301 --bs-btn-active-color: #000;
3302 --bs-btn-active-bg: #f8f9fa;
3303 --bs-btn-active-border-color: #f8f9fa;
3304 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3305 --bs-btn-disabled-color: #f8f9fa;
3306 --bs-btn-disabled-bg: transparent;
3307 --bs-btn-disabled-border-color: #f8f9fa;
3308 --bs-gradient: none;
3309 }
3310
3311 .btn-outline-dark {
3312 --bs-btn-color: #212529;
3313 --bs-btn-border-color: #212529;
3314 --bs-btn-hover-color: #fff;
3315 --bs-btn-hover-bg: #212529;
3316 --bs-btn-hover-border-color: #212529;
3317 --bs-btn-focus-shadow-rgb: 33, 37, 41;
3318 --bs-btn-active-color: #fff;
3319 --bs-btn-active-bg: #212529;
3320 --bs-btn-active-border-color: #212529;
3321 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3322 --bs-btn-disabled-color: #212529;
3323 --bs-btn-disabled-bg: transparent;
3324 --bs-btn-disabled-border-color: #212529;
3325 --bs-gradient: none;
3326 }
3327
3328 .btn-link {
3329 --bs-btn-font-weight: 400;
3330 --bs-btn-color: var(--bs-link-color);
3331 --bs-btn-bg: transparent;
3332 --bs-btn-border-color: transparent;
3333 --bs-btn-hover-color: var(--bs-link-hover-color);
3334 --bs-btn-hover-border-color: transparent;
3335 --bs-btn-active-color: var(--bs-link-hover-color);
3336 --bs-btn-active-border-color: transparent;
3337 --bs-btn-disabled-color: #6c757d;
3338 --bs-btn-disabled-border-color: transparent;
3339 --bs-btn-box-shadow: 0 0 0 #000;
3340 --bs-btn-focus-shadow-rgb: 49, 132, 253;
3341 text-decoration: underline;
3342 }
3343 .btn-link:focus-visible {
3344 color: var(--bs-btn-color);
3345 }
3346 .btn-link:hover {
3347 color: var(--bs-btn-hover-color);
3348 }
3349
3350 .btn-lg, .btn-group-lg > .btn {
3351 --bs-btn-padding-y: 0.5rem;
3352 --bs-btn-padding-x: 1rem;
3353 --bs-btn-font-size: 1.25rem;
3354 --bs-btn-border-radius: var(--bs-border-radius-lg);
3355 }
3356
3357 .btn-sm, .btn-group-sm > .btn {
3358 --bs-btn-padding-y: 0.25rem;
3359 --bs-btn-padding-x: 0.5rem;
3360 --bs-btn-font-size: 0.875rem;
3361 --bs-btn-border-radius: var(--bs-border-radius-sm);
3362 }
3363
3364 .fade {
3365 transition: opacity 0.15s linear;
3366 }
3367 @media (prefers-reduced-motion: reduce) {
3368 .fade {
3369 transition: none;
3370 }
3371 }
3372 .fade:not(.show) {
3373 opacity: 0;
3374 }
3375
3376 .collapse:not(.show) {
3377 display: none;
3378 }
3379
3380 .collapsing {
3381 height: 0;
3382 overflow: hidden;
3383 transition: height 0.35s ease;
3384 }
3385 @media (prefers-reduced-motion: reduce) {
3386 .collapsing {
3387 transition: none;
3388 }
3389 }
3390 .collapsing.collapse-horizontal {
3391 width: 0;
3392 height: auto;
3393 transition: width 0.35s ease;
3394 }
3395 @media (prefers-reduced-motion: reduce) {
3396 .collapsing.collapse-horizontal {
3397 transition: none;
3398 }
3399 }
3400
3401 .dropup,
3402 .dropend,
3403 .dropdown,
3404 .dropstart,
3405 .dropup-center,
3406 .dropdown-center {
3407 position: relative;
3408 }
3409
3410 .dropdown-toggle {
3411 white-space: nowrap;
3412 }
3413 .dropdown-toggle::after {
3414 display: inline-block;
3415 margin-left: 0.255em;
3416 vertical-align: 0.255em;
3417 content: "";
3418 border-top: 0.3em solid;
3419 border-right: 0.3em solid transparent;
3420 border-bottom: 0;
3421 border-left: 0.3em solid transparent;
3422 }
3423 .dropdown-toggle:empty::after {
3424 margin-left: 0;
3425 }
3426
3427 .dropdown-menu {
3428 --bs-dropdown-zindex: 1000;
3429 --bs-dropdown-min-width: 10rem;
3430 --bs-dropdown-padding-x: 0;
3431 --bs-dropdown-padding-y: 0.5rem;
3432 --bs-dropdown-spacer: 0.125rem;
3433 --bs-dropdown-font-size: 1rem;
3434 --bs-dropdown-color: var(--bs-body-color);
3435 --bs-dropdown-bg: var(--bs-body-bg);
3436 --bs-dropdown-border-color: var(--bs-border-color-translucent);
3437 --bs-dropdown-border-radius: var(--bs-border-radius);
3438 --bs-dropdown-border-width: var(--bs-border-width);
3439 --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
3440 --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
3441 --bs-dropdown-divider-margin-y: 0.5rem;
3442 --bs-dropdown-box-shadow: var(--bs-box-shadow);
3443 --bs-dropdown-link-color: var(--bs-body-color);
3444 --bs-dropdown-link-hover-color: var(--bs-body-color);
3445 --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
3446 --bs-dropdown-link-active-color: #fff;
3447 --bs-dropdown-link-active-bg: #0d6efd;
3448 --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
3449 --bs-dropdown-item-padding-x: 1rem;
3450 --bs-dropdown-item-padding-y: 0.25rem;
3451 --bs-dropdown-header-color: #6c757d;
3452 --bs-dropdown-header-padding-x: 1rem;
3453 --bs-dropdown-header-padding-y: 0.5rem;
3454 position: absolute;
3455 z-index: var(--bs-dropdown-zindex);
3456 display: none;
3457 min-width: var(--bs-dropdown-min-width);
3458 padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
3459 margin: 0;
3460 font-size: var(--bs-dropdown-font-size);
3461 color: var(--bs-dropdown-color);
3462 text-align: left;
3463 list-style: none;
3464 background-color: var(--bs-dropdown-bg);
3465 background-clip: padding-box;
3466 border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
3467 border-radius: var(--bs-dropdown-border-radius);
3468 }
3469 .dropdown-menu[data-bs-popper] {
3470 top: 100%;
3471 left: 0;
3472 margin-top: var(--bs-dropdown-spacer);
3473 }
3474
3475 .dropdown-menu-start {
3476 --bs-position: start;
3477 }
3478 .dropdown-menu-start[data-bs-popper] {
3479 right: auto;
3480 left: 0;
3481 }
3482
3483 .dropdown-menu-end {
3484 --bs-position: end;
3485 }
3486 .dropdown-menu-end[data-bs-popper] {
3487 right: 0;
3488 left: auto;
3489 }
3490
3491 @media (min-width: 576px) {
3492 .dropdown-menu-sm-start {
3493 --bs-position: start;
3494 }
3495 .dropdown-menu-sm-start[data-bs-popper] {
3496 right: auto;
3497 left: 0;
3498 }
3499 .dropdown-menu-sm-end {
3500 --bs-position: end;
3501 }
3502 .dropdown-menu-sm-end[data-bs-popper] {
3503 right: 0;
3504 left: auto;
3505 }
3506 }
3507 @media (min-width: 768px) {
3508 .dropdown-menu-md-start {
3509 --bs-position: start;
3510 }
3511 .dropdown-menu-md-start[data-bs-popper] {
3512 right: auto;
3513 left: 0;
3514 }
3515 .dropdown-menu-md-end {
3516 --bs-position: end;
3517 }
3518 .dropdown-menu-md-end[data-bs-popper] {
3519 right: 0;
3520 left: auto;
3521 }
3522 }
3523 @media (min-width: 992px) {
3524 .dropdown-menu-lg-start {
3525 --bs-position: start;
3526 }
3527 .dropdown-menu-lg-start[data-bs-popper] {
3528 right: auto;
3529 left: 0;
3530 }
3531 .dropdown-menu-lg-end {
3532 --bs-position: end;
3533 }
3534 .dropdown-menu-lg-end[data-bs-popper] {
3535 right: 0;
3536 left: auto;
3537 }
3538 }
3539 @media (min-width: 1200px) {
3540 .dropdown-menu-xl-start {
3541 --bs-position: start;
3542 }
3543 .dropdown-menu-xl-start[data-bs-popper] {
3544 right: auto;
3545 left: 0;
3546 }
3547 .dropdown-menu-xl-end {
3548 --bs-position: end;
3549 }
3550 .dropdown-menu-xl-end[data-bs-popper] {
3551 right: 0;
3552 left: auto;
3553 }
3554 }
3555 @media (min-width: 1400px) {
3556 .dropdown-menu-xxl-start {
3557 --bs-position: start;
3558 }
3559 .dropdown-menu-xxl-start[data-bs-popper] {
3560 right: auto;
3561 left: 0;
3562 }
3563 .dropdown-menu-xxl-end {
3564 --bs-position: end;
3565 }
3566 .dropdown-menu-xxl-end[data-bs-popper] {
3567 right: 0;
3568 left: auto;
3569 }
3570 }
3571 .dropup .dropdown-menu[data-bs-popper] {
3572 top: auto;
3573 bottom: 100%;
3574 margin-top: 0;
3575 margin-bottom: var(--bs-dropdown-spacer);
3576 }
3577 .dropup .dropdown-toggle::after {
3578 display: inline-block;
3579 margin-left: 0.255em;
3580 vertical-align: 0.255em;
3581 content: "";
3582 border-top: 0;
3583 border-right: 0.3em solid transparent;
3584 border-bottom: 0.3em solid;
3585 border-left: 0.3em solid transparent;
3586 }
3587 .dropup .dropdown-toggle:empty::after {
3588 margin-left: 0;
3589 }
3590
3591 .dropend .dropdown-menu[data-bs-popper] {
3592 top: 0;
3593 right: auto;
3594 left: 100%;
3595 margin-top: 0;
3596 margin-left: var(--bs-dropdown-spacer);
3597 }
3598 .dropend .dropdown-toggle::after {
3599 display: inline-block;
3600 margin-left: 0.255em;
3601 vertical-align: 0.255em;
3602 content: "";
3603 border-top: 0.3em solid transparent;
3604 border-right: 0;
3605 border-bottom: 0.3em solid transparent;
3606 border-left: 0.3em solid;
3607 }
3608 .dropend .dropdown-toggle:empty::after {
3609 margin-left: 0;
3610 }
3611 .dropend .dropdown-toggle::after {
3612 vertical-align: 0;
3613 }
3614
3615 .dropstart .dropdown-menu[data-bs-popper] {
3616 top: 0;
3617 right: 100%;
3618 left: auto;
3619 margin-top: 0;
3620 margin-right: var(--bs-dropdown-spacer);
3621 }
3622 .dropstart .dropdown-toggle::after {
3623 display: inline-block;
3624 margin-left: 0.255em;
3625 vertical-align: 0.255em;
3626 content: "";
3627 }
3628 .dropstart .dropdown-toggle::after {
3629 display: none;
3630 }
3631 .dropstart .dropdown-toggle::before {
3632 display: inline-block;
3633 margin-right: 0.255em;
3634 vertical-align: 0.255em;
3635 content: "";
3636 border-top: 0.3em solid transparent;
3637 border-right: 0.3em solid;
3638 border-bottom: 0.3em solid transparent;
3639 }
3640 .dropstart .dropdown-toggle:empty::after {
3641 margin-left: 0;
3642 }
3643 .dropstart .dropdown-toggle::before {
3644 vertical-align: 0;
3645 }
3646
3647 .dropdown-divider {
3648 height: 0;
3649 margin: var(--bs-dropdown-divider-margin-y) 0;
3650 overflow: hidden;
3651 border-top: 1px solid var(--bs-dropdown-divider-bg);
3652 opacity: 1;
3653 }
3654
3655 .dropdown-item {
3656 display: block;
3657 width: 100%;
3658 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3659 clear: both;
3660 font-weight: 400;
3661 color: var(--bs-dropdown-link-color);
3662 text-align: inherit;
3663 text-decoration: none;
3664 white-space: nowrap;
3665 background-color: transparent;
3666 border: 0;
3667 border-radius: var(--bs-dropdown-item-border-radius, 0);
3668 }
3669 .dropdown-item:hover, .dropdown-item:focus {
3670 color: var(--bs-dropdown-link-hover-color);
3671 background-color: var(--bs-dropdown-link-hover-bg);
3672 }
3673 .dropdown-item.active, .dropdown-item:active {
3674 color: var(--bs-dropdown-link-active-color);
3675 text-decoration: none;
3676 background-color: var(--bs-dropdown-link-active-bg);
3677 }
3678 .dropdown-item.disabled, .dropdown-item:disabled {
3679 color: var(--bs-dropdown-link-disabled-color);
3680 pointer-events: none;
3681 background-color: transparent;
3682 }
3683
3684 .dropdown-menu.show {
3685 display: block;
3686 }
3687
3688 .dropdown-header {
3689 display: block;
3690 padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
3691 margin-bottom: 0;
3692 font-size: 0.875rem;
3693 color: var(--bs-dropdown-header-color);
3694 white-space: nowrap;
3695 }
3696
3697 .dropdown-item-text {
3698 display: block;
3699 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
3700 color: var(--bs-dropdown-link-color);
3701 }
3702
3703 .dropdown-menu-dark {
3704 --bs-dropdown-color: #dee2e6;
3705 --bs-dropdown-bg: #343a40;
3706 --bs-dropdown-border-color: var(--bs-border-color-translucent);
3707 --bs-dropdown-box-shadow: ;
3708 --bs-dropdown-link-color: #dee2e6;
3709 --bs-dropdown-link-hover-color: #fff;
3710 --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
3711 --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
3712 --bs-dropdown-link-active-color: #fff;
3713 --bs-dropdown-link-active-bg: #0d6efd;
3714 --bs-dropdown-link-disabled-color: #adb5bd;
3715 --bs-dropdown-header-color: #adb5bd;
3716 }
3717
3718 .btn-group,
3719 .btn-group-vertical {
3720 position: relative;
3721 display: inline-flex;
3722 vertical-align: middle;
3723 }
3724 .btn-group > .btn,
3725 .btn-group-vertical > .btn {
3726 position: relative;
3727 flex: 1 1 auto;
3728 }
3729 .btn-group > .btn-check:checked + .btn,
3730 .btn-group > .btn-check:focus + .btn,
3731 .btn-group > .btn:hover,
3732 .btn-group > .btn:focus,
3733 .btn-group > .btn:active,
3734 .btn-group > .btn.active,
3735 .btn-group-vertical > .btn-check:checked + .btn,
3736 .btn-group-vertical > .btn-check:focus + .btn,
3737 .btn-group-vertical > .btn:hover,
3738 .btn-group-vertical > .btn:focus,
3739 .btn-group-vertical > .btn:active,
3740 .btn-group-vertical > .btn.active {
3741 z-index: 1;
3742 }
3743
3744 .btn-toolbar {
3745 display: flex;
3746 flex-wrap: wrap;
3747 justify-content: flex-start;
3748 }
3749 .btn-toolbar .input-group {
3750 width: auto;
3751 }
3752
3753 .btn-group {
3754 border-radius: var(--bs-border-radius);
3755 }
3756 .btn-group > :not(.btn-check:first-child) + .btn,
3757 .btn-group > .btn-group:not(:first-child) {
3758 margin-left: calc(var(--bs-border-width) * -1);
3759 }
3760 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3761 .btn-group > .btn.dropdown-toggle-split:first-child,
3762 .btn-group > .btn-group:not(:last-child) > .btn {
3763 border-top-right-radius: 0;
3764 border-bottom-right-radius: 0;
3765 }
3766 .btn-group > .btn:nth-child(n+3),
3767 .btn-group > :not(.btn-check) + .btn,
3768 .btn-group > .btn-group:not(:first-child) > .btn {
3769 border-top-left-radius: 0;
3770 border-bottom-left-radius: 0;
3771 }
3772
3773 .dropdown-toggle-split {
3774 padding-right: 0.5625rem;
3775 padding-left: 0.5625rem;
3776 }
3777 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
3778 margin-left: 0;
3779 }
3780 .dropstart .dropdown-toggle-split::before {
3781 margin-right: 0;
3782 }
3783
3784 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
3785 padding-right: 0.375rem;
3786 padding-left: 0.375rem;
3787 }
3788
3789 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
3790 padding-right: 0.75rem;
3791 padding-left: 0.75rem;
3792 }
3793
3794 .btn-group-vertical {
3795 flex-direction: column;
3796 align-items: flex-start;
3797 justify-content: center;
3798 }
3799 .btn-group-vertical > .btn,
3800 .btn-group-vertical > .btn-group {
3801 width: 100%;
3802 }
3803 .btn-group-vertical > .btn:not(:first-child),
3804 .btn-group-vertical > .btn-group:not(:first-child) {
3805 margin-top: calc(var(--bs-border-width) * -1);
3806 }
3807 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3808 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3809 border-bottom-right-radius: 0;
3810 border-bottom-left-radius: 0;
3811 }
3812 .btn-group-vertical > .btn ~ .btn,
3813 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3814 border-top-left-radius: 0;
3815 border-top-right-radius: 0;
3816 }
3817
3818 .nav {
3819 --bs-nav-link-padding-x: 1rem;
3820 --bs-nav-link-padding-y: 0.5rem;
3821 --bs-nav-link-font-weight: ;
3822 --bs-nav-link-color: var(--bs-link-color);
3823 --bs-nav-link-hover-color: var(--bs-link-hover-color);
3824 --bs-nav-link-disabled-color: var(--bs-secondary-color);
3825 display: flex;
3826 flex-wrap: wrap;
3827 padding-left: 0;
3828 margin-bottom: 0;
3829 list-style: none;
3830 }
3831
3832 .nav-link {
3833 display: block;
3834 padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
3835 font-size: var(--bs-nav-link-font-size);
3836 font-weight: var(--bs-nav-link-font-weight);
3837 color: var(--bs-nav-link-color);
3838 text-decoration: none;
3839 background: none;
3840 border: 0;
3841 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
3842 }
3843 @media (prefers-reduced-motion: reduce) {
3844 .nav-link {
3845 transition: none;
3846 }
3847 }
3848 .nav-link:hover, .nav-link:focus {
3849 color: var(--bs-nav-link-hover-color);
3850 }
3851 .nav-link:focus-visible {
3852 outline: 0;
3853 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
3854 }
3855 .nav-link.disabled, .nav-link:disabled {
3856 color: var(--bs-nav-link-disabled-color);
3857 pointer-events: none;
3858 cursor: default;
3859 }
3860
3861 .nav-tabs {
3862 --bs-nav-tabs-border-width: var(--bs-border-width);
3863 --bs-nav-tabs-border-color: var(--bs-border-color);
3864 --bs-nav-tabs-border-radius: var(--bs-border-radius);
3865 --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
3866 --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
3867 --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
3868 --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
3869 border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
3870 }
3871 .nav-tabs .nav-link {
3872 margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
3873 border: var(--bs-nav-tabs-border-width) solid transparent;
3874 border-top-left-radius: var(--bs-nav-tabs-border-radius);
3875 border-top-right-radius: var(--bs-nav-tabs-border-radius);
3876 }
3877 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
3878 isolation: isolate;
3879 border-color: var(--bs-nav-tabs-link-hover-border-color);
3880 }
3881 .nav-tabs .nav-link.active,
3882 .nav-tabs .nav-item.show .nav-link {
3883 color: var(--bs-nav-tabs-link-active-color);
3884 background-color: var(--bs-nav-tabs-link-active-bg);
3885 border-color: var(--bs-nav-tabs-link-active-border-color);
3886 }
3887 .nav-tabs .dropdown-menu {
3888 margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
3889 border-top-left-radius: 0;
3890 border-top-right-radius: 0;
3891 }
3892
3893 .nav-pills {
3894 --bs-nav-pills-border-radius: var(--bs-border-radius);
3895 --bs-nav-pills-link-active-color: #fff;
3896 --bs-nav-pills-link-active-bg: #0d6efd;
3897 }
3898 .nav-pills .nav-link {
3899 border-radius: var(--bs-nav-pills-border-radius);
3900 }
3901 .nav-pills .nav-link.active,
3902 .nav-pills .show > .nav-link {
3903 color: var(--bs-nav-pills-link-active-color);
3904 background-color: var(--bs-nav-pills-link-active-bg);
3905 }
3906
3907 .nav-underline {
3908 --bs-nav-underline-gap: 1rem;
3909 --bs-nav-underline-border-width: 0.125rem;
3910 --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
3911 gap: var(--bs-nav-underline-gap);
3912 }
3913 .nav-underline .nav-link {
3914 padding-right: 0;
3915 padding-left: 0;
3916 border-bottom: var(--bs-nav-underline-border-width) solid transparent;
3917 }
3918 .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
3919 border-bottom-color: currentcolor;
3920 }
3921 .nav-underline .nav-link.active,
3922 .nav-underline .show > .nav-link {
3923 font-weight: 700;
3924 color: var(--bs-nav-underline-link-active-color);
3925 border-bottom-color: currentcolor;
3926 }
3927
3928 .nav-fill > .nav-link,
3929 .nav-fill .nav-item {
3930 flex: 1 1 auto;
3931 text-align: center;
3932 }
3933
3934 .nav-justified > .nav-link,
3935 .nav-justified .nav-item {
3936 flex-basis: 0;
3937 flex-grow: 1;
3938 text-align: center;
3939 }
3940
3941 .nav-fill .nav-item .nav-link,
3942 .nav-justified .nav-item .nav-link {
3943 width: 100%;
3944 }
3945
3946 .tab-content > .tab-pane {
3947 display: none;
3948 }
3949 .tab-content > .active {
3950 display: block;
3951 }
3952
3953 .navbar {
3954 --bs-navbar-padding-x: 0;
3955 --bs-navbar-padding-y: 0.5rem;
3956 --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
3957 --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
3958 --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
3959 --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
3960 --bs-navbar-brand-padding-y: 0.3125rem;
3961 --bs-navbar-brand-margin-end: 1rem;
3962 --bs-navbar-brand-font-size: 1.25rem;
3963 --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
3964 --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
3965 --bs-navbar-nav-link-padding-x: 0.5rem;
3966 --bs-navbar-toggler-padding-y: 0.25rem;
3967 --bs-navbar-toggler-padding-x: 0.75rem;
3968 --bs-navbar-toggler-font-size: 1.25rem;
3969 --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
3970 --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
3971 --bs-navbar-toggler-border-radius: var(--bs-border-radius);
3972 --bs-navbar-toggler-focus-width: 0.25rem;
3973 --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
3974 position: relative;
3975 display: flex;
3976 flex-wrap: wrap;
3977 align-items: center;
3978 justify-content: space-between;
3979 padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
3980 }
3981 .navbar > .container,
3982 .navbar > .container-fluid,
3983 .navbar > .container-sm,
3984 .navbar > .container-md,
3985 .navbar > .container-lg,
3986 .navbar > .container-xl,
3987 .navbar > .container-xxl {
3988 display: flex;
3989 flex-wrap: inherit;
3990 align-items: center;
3991 justify-content: space-between;
3992 }
3993 .navbar-brand {
3994 padding-top: var(--bs-navbar-brand-padding-y);
3995 padding-bottom: var(--bs-navbar-brand-padding-y);
3996 margin-right: var(--bs-navbar-brand-margin-end);
3997 font-size: var(--bs-navbar-brand-font-size);
3998 color: var(--bs-navbar-brand-color);
3999 text-decoration: none;
4000 white-space: nowrap;
4001 }
4002 .navbar-brand:hover, .navbar-brand:focus {
4003 color: var(--bs-navbar-brand-hover-color);
4004 }
4005
4006 .navbar-nav {
4007 --bs-nav-link-padding-x: 0;
4008 --bs-nav-link-padding-y: 0.5rem;
4009 --bs-nav-link-font-weight: ;
4010 --bs-nav-link-color: var(--bs-navbar-color);
4011 --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
4012 --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
4013 display: flex;
4014 flex-direction: column;
4015 padding-left: 0;
4016 margin-bottom: 0;
4017 list-style: none;
4018 }
4019 .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
4020 color: var(--bs-navbar-active-color);
4021 }
4022 .navbar-nav .dropdown-menu {
4023 position: static;
4024 }
4025
4026 .navbar-text {
4027 padding-top: 0.5rem;
4028 padding-bottom: 0.5rem;
4029 color: var(--bs-navbar-color);
4030 }
4031 .navbar-text a,
4032 .navbar-text a:hover,
4033 .navbar-text a:focus {
4034 color: var(--bs-navbar-active-color);
4035 }
4036
4037 .navbar-collapse {
4038 flex-basis: 100%;
4039 flex-grow: 1;
4040 align-items: center;
4041 }
4042
4043 .navbar-toggler {
4044 padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
4045 font-size: var(--bs-navbar-toggler-font-size);
4046 line-height: 1;
4047 color: var(--bs-navbar-color);
4048 background-color: transparent;
4049 border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
4050 border-radius: var(--bs-navbar-toggler-border-radius);
4051 transition: var(--bs-navbar-toggler-transition);
4052 }
4053 @media (prefers-reduced-motion: reduce) {
4054 .navbar-toggler {
4055 transition: none;
4056 }
4057 }
4058 .navbar-toggler:hover {
4059 text-decoration: none;
4060 }
4061 .navbar-toggler:focus {
4062 text-decoration: none;
4063 outline: 0;
4064 box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
4065 }
4066
4067 .navbar-toggler-icon {
4068 display: inline-block;
4069 width: 1.5em;
4070 height: 1.5em;
4071 vertical-align: middle;
4072 background-image: var(--bs-navbar-toggler-icon-bg);
4073 background-repeat: no-repeat;
4074 background-position: center;
4075 background-size: 100%;
4076 }
4077
4078 .navbar-nav-scroll {
4079 max-height: var(--bs-scroll-height, 75vh);
4080 overflow-y: auto;
4081 }
4082
4083 @media (min-width: 576px) {
4084 .navbar-expand-sm {
4085 flex-wrap: nowrap;
4086 justify-content: flex-start;
4087 }
4088 .navbar-expand-sm .navbar-nav {
4089 flex-direction: row;
4090 }
4091 .navbar-expand-sm .navbar-nav .dropdown-menu {
4092 position: absolute;
4093 }
4094 .navbar-expand-sm .navbar-nav .nav-link {
4095 padding-right: var(--bs-navbar-nav-link-padding-x);
4096 padding-left: var(--bs-navbar-nav-link-padding-x);
4097 }
4098 .navbar-expand-sm .navbar-nav-scroll {
4099 overflow: visible;
4100 }
4101 .navbar-expand-sm .navbar-collapse {
4102 display: flex !important;
4103 flex-basis: auto;
4104 }
4105 .navbar-expand-sm .navbar-toggler {
4106 display: none;
4107 }
4108 .navbar-expand-sm .offcanvas {
4109 position: static;
4110 z-index: auto;
4111 flex-grow: 1;
4112 width: auto !important;
4113 height: auto !important;
4114 visibility: visible !important;
4115 background-color: transparent !important;
4116 border: 0 !important;
4117 transform: none !important;
4118 transition: none;
4119 }
4120 .navbar-expand-sm .offcanvas .offcanvas-header {
4121 display: none;
4122 }
4123 .navbar-expand-sm .offcanvas .offcanvas-body {
4124 display: flex;
4125 flex-grow: 0;
4126 padding: 0;
4127 overflow-y: visible;
4128 }
4129 }
4130 @media (min-width: 768px) {
4131 .navbar-expand-md {
4132 flex-wrap: nowrap;
4133 justify-content: flex-start;
4134 }
4135 .navbar-expand-md .navbar-nav {
4136 flex-direction: row;
4137 }
4138 .navbar-expand-md .navbar-nav .dropdown-menu {
4139 position: absolute;
4140 }
4141 .navbar-expand-md .navbar-nav .nav-link {
4142 padding-right: var(--bs-navbar-nav-link-padding-x);
4143 padding-left: var(--bs-navbar-nav-link-padding-x);
4144 }
4145 .navbar-expand-md .navbar-nav-scroll {
4146 overflow: visible;
4147 }
4148 .navbar-expand-md .navbar-collapse {
4149 display: flex !important;
4150 flex-basis: auto;
4151 }
4152 .navbar-expand-md .navbar-toggler {
4153 display: none;
4154 }
4155 .navbar-expand-md .offcanvas {
4156 position: static;
4157 z-index: auto;
4158 flex-grow: 1;
4159 width: auto !important;
4160 height: auto !important;
4161 visibility: visible !important;
4162 background-color: transparent !important;
4163 border: 0 !important;
4164 transform: none !important;
4165 transition: none;
4166 }
4167 .navbar-expand-md .offcanvas .offcanvas-header {
4168 display: none;
4169 }
4170 .navbar-expand-md .offcanvas .offcanvas-body {
4171 display: flex;
4172 flex-grow: 0;
4173 padding: 0;
4174 overflow-y: visible;
4175 }
4176 }
4177 @media (min-width: 992px) {
4178 .navbar-expand-lg {
4179 flex-wrap: nowrap;
4180 justify-content: flex-start;
4181 }
4182 .navbar-expand-lg .navbar-nav {
4183 flex-direction: row;
4184 }
4185 .navbar-expand-lg .navbar-nav .dropdown-menu {
4186 position: absolute;
4187 }
4188 .navbar-expand-lg .navbar-nav .nav-link {
4189 padding-right: var(--bs-navbar-nav-link-padding-x);
4190 padding-left: var(--bs-navbar-nav-link-padding-x);
4191 }
4192 .navbar-expand-lg .navbar-nav-scroll {
4193 overflow: visible;
4194 }
4195 .navbar-expand-lg .navbar-collapse {
4196 display: flex !important;
4197 flex-basis: auto;
4198 }
4199 .navbar-expand-lg .navbar-toggler {
4200 display: none;
4201 }
4202 .navbar-expand-lg .offcanvas {
4203 position: static;
4204 z-index: auto;
4205 flex-grow: 1;
4206 width: auto !important;
4207 height: auto !important;
4208 visibility: visible !important;
4209 background-color: transparent !important;
4210 border: 0 !important;
4211 transform: none !important;
4212 transition: none;
4213 }
4214 .navbar-expand-lg .offcanvas .offcanvas-header {
4215 display: none;
4216 }
4217 .navbar-expand-lg .offcanvas .offcanvas-body {
4218 display: flex;
4219 flex-grow: 0;
4220 padding: 0;
4221 overflow-y: visible;
4222 }
4223 }
4224 @media (min-width: 1200px) {
4225 .navbar-expand-xl {
4226 flex-wrap: nowrap;
4227 justify-content: flex-start;
4228 }
4229 .navbar-expand-xl .navbar-nav {
4230 flex-direction: row;
4231 }
4232 .navbar-expand-xl .navbar-nav .dropdown-menu {
4233 position: absolute;
4234 }
4235 .navbar-expand-xl .navbar-nav .nav-link {
4236 padding-right: var(--bs-navbar-nav-link-padding-x);
4237 padding-left: var(--bs-navbar-nav-link-padding-x);
4238 }
4239 .navbar-expand-xl .navbar-nav-scroll {
4240 overflow: visible;
4241 }
4242 .navbar-expand-xl .navbar-collapse {
4243 display: flex !important;
4244 flex-basis: auto;
4245 }
4246 .navbar-expand-xl .navbar-toggler {
4247 display: none;
4248 }
4249 .navbar-expand-xl .offcanvas {
4250 position: static;
4251 z-index: auto;
4252 flex-grow: 1;
4253 width: auto !important;
4254 height: auto !important;
4255 visibility: visible !important;
4256 background-color: transparent !important;
4257 border: 0 !important;
4258 transform: none !important;
4259 transition: none;
4260 }
4261 .navbar-expand-xl .offcanvas .offcanvas-header {
4262 display: none;
4263 }
4264 .navbar-expand-xl .offcanvas .offcanvas-body {
4265 display: flex;
4266 flex-grow: 0;
4267 padding: 0;
4268 overflow-y: visible;
4269 }
4270 }
4271 @media (min-width: 1400px) {
4272 .navbar-expand-xxl {
4273 flex-wrap: nowrap;
4274 justify-content: flex-start;
4275 }
4276 .navbar-expand-xxl .navbar-nav {
4277 flex-direction: row;
4278 }
4279 .navbar-expand-xxl .navbar-nav .dropdown-menu {
4280 position: absolute;
4281 }
4282 .navbar-expand-xxl .navbar-nav .nav-link {
4283 padding-right: var(--bs-navbar-nav-link-padding-x);
4284 padding-left: var(--bs-navbar-nav-link-padding-x);
4285 }
4286 .navbar-expand-xxl .navbar-nav-scroll {
4287 overflow: visible;
4288 }
4289 .navbar-expand-xxl .navbar-collapse {
4290 display: flex !important;
4291 flex-basis: auto;
4292 }
4293 .navbar-expand-xxl .navbar-toggler {
4294 display: none;
4295 }
4296 .navbar-expand-xxl .offcanvas {
4297 position: static;
4298 z-index: auto;
4299 flex-grow: 1;
4300 width: auto !important;
4301 height: auto !important;
4302 visibility: visible !important;
4303 background-color: transparent !important;
4304 border: 0 !important;
4305 transform: none !important;
4306 transition: none;
4307 }
4308 .navbar-expand-xxl .offcanvas .offcanvas-header {
4309 display: none;
4310 }
4311 .navbar-expand-xxl .offcanvas .offcanvas-body {
4312 display: flex;
4313 flex-grow: 0;
4314 padding: 0;
4315 overflow-y: visible;
4316 }
4317 }
4318 .navbar-expand {
4319 flex-wrap: nowrap;
4320 justify-content: flex-start;
4321 }
4322 .navbar-expand .navbar-nav {
4323 flex-direction: row;
4324 }
4325 .navbar-expand .navbar-nav .dropdown-menu {
4326 position: absolute;
4327 }
4328 .navbar-expand .navbar-nav .nav-link {
4329 padding-right: var(--bs-navbar-nav-link-padding-x);
4330 padding-left: var(--bs-navbar-nav-link-padding-x);
4331 }
4332 .navbar-expand .navbar-nav-scroll {
4333 overflow: visible;
4334 }
4335 .navbar-expand .navbar-collapse {
4336 display: flex !important;
4337 flex-basis: auto;
4338 }
4339 .navbar-expand .navbar-toggler {
4340 display: none;
4341 }
4342 .navbar-expand .offcanvas {
4343 position: static;
4344 z-index: auto;
4345 flex-grow: 1;
4346 width: auto !important;
4347 height: auto !important;
4348 visibility: visible !important;
4349 background-color: transparent !important;
4350 border: 0 !important;
4351 transform: none !important;
4352 transition: none;
4353 }
4354 .navbar-expand .offcanvas .offcanvas-header {
4355 display: none;
4356 }
4357 .navbar-expand .offcanvas .offcanvas-body {
4358 display: flex;
4359 flex-grow: 0;
4360 padding: 0;
4361 overflow-y: visible;
4362 }
4363
4364 .navbar-dark,
4365 .navbar[data-bs-theme=dark] {
4366 --bs-navbar-color: rgba(255, 255, 255, 0.55);
4367 --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
4368 --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
4369 --bs-navbar-active-color: #fff;
4370 --bs-navbar-brand-color: #fff;
4371 --bs-navbar-brand-hover-color: #fff;
4372 --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
4373 --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4374 }
4375
4376 [data-bs-theme=dark] .navbar-toggler-icon {
4377 --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
4378 }
4379
4380 .card {
4381 --bs-card-spacer-y: 1rem;
4382 --bs-card-spacer-x: 1rem;
4383 --bs-card-title-spacer-y: 0.5rem;
4384 --bs-card-title-color: ;
4385 --bs-card-subtitle-color: ;
4386 --bs-card-border-width: var(--bs-border-width);
4387 --bs-card-border-color: var(--bs-border-color-translucent);
4388 --bs-card-border-radius: var(--bs-border-radius);
4389 --bs-card-box-shadow: ;
4390 --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4391 --bs-card-cap-padding-y: 0.5rem;
4392 --bs-card-cap-padding-x: 1rem;
4393 --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
4394 --bs-card-cap-color: ;
4395 --bs-card-height: ;
4396 --bs-card-color: ;
4397 --bs-card-bg: var(--bs-body-bg);
4398 --bs-card-img-overlay-padding: 1rem;
4399 --bs-card-group-margin: 0.75rem;
4400 position: relative;
4401 display: flex;
4402 flex-direction: column;
4403 min-width: 0;
4404 height: var(--bs-card-height);
4405 color: var(--bs-body-color);
4406 word-wrap: break-word;
4407 background-color: var(--bs-card-bg);
4408 background-clip: border-box;
4409 border: var(--bs-card-border-width) solid var(--bs-card-border-color);
4410 border-radius: var(--bs-card-border-radius);
4411 }
4412 .card > hr {
4413 margin-right: 0;
4414 margin-left: 0;
4415 }
4416 .card > .list-group {
4417 border-top: inherit;
4418 border-bottom: inherit;
4419 }
4420 .card > .list-group:first-child {
4421 border-top-width: 0;
4422 border-top-left-radius: var(--bs-card-inner-border-radius);
4423 border-top-right-radius: var(--bs-card-inner-border-radius);
4424 }
4425 .card > .list-group:last-child {
4426 border-bottom-width: 0;
4427 border-bottom-right-radius: var(--bs-card-inner-border-radius);
4428 border-bottom-left-radius: var(--bs-card-inner-border-radius);
4429 }
4430 .card > .card-header + .list-group,
4431 .card > .list-group + .card-footer {
4432 border-top: 0;
4433 }
4434
4435 .card-body {
4436 flex: 1 1 auto;
4437 padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
4438 color: var(--bs-card-color);
4439 }
4440
4441 .card-title {
4442 margin-bottom: var(--bs-card-title-spacer-y);
4443 color: var(--bs-card-title-color);
4444 }
4445
4446 .card-subtitle {
4447 margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
4448 margin-bottom: 0;
4449 color: var(--bs-card-subtitle-color);
4450 }
4451
4452 .card-text:last-child {
4453 margin-bottom: 0;
4454 }
4455
4456 .card-link + .card-link {
4457 margin-left: var(--bs-card-spacer-x);
4458 }
4459
4460 .card-header {
4461 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
4462 margin-bottom: 0;
4463 color: var(--bs-card-cap-color);
4464 background-color: var(--bs-card-cap-bg);
4465 border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
4466 }
4467 .card-header:first-child {
4468 border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
4469 }
4470
4471 .card-footer {
4472 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
4473 color: var(--bs-card-cap-color);
4474 background-color: var(--bs-card-cap-bg);
4475 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
4476 }
4477 .card-footer:last-child {
4478 border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
4479 }
4480
4481 .card-header-tabs {
4482 margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
4483 margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
4484 margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
4485 border-bottom: 0;
4486 }
4487 .card-header-tabs .nav-link.active {
4488 background-color: var(--bs-card-bg);
4489 border-bottom-color: var(--bs-card-bg);
4490 }
4491
4492 .card-header-pills {
4493 margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
4494 margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
4495 }
4496
4497 .card-img-overlay {
4498 position: absolute;
4499 top: 0;
4500 right: 0;
4501 bottom: 0;
4502 left: 0;
4503 padding: var(--bs-card-img-overlay-padding);
4504 border-radius: var(--bs-card-inner-border-radius);
4505 }
4506
4507 .card-img,
4508 .card-img-top,
4509 .card-img-bottom {
4510 width: 100%;
4511 }
4512
4513 .card-img,
4514 .card-img-top {
4515 border-top-left-radius: var(--bs-card-inner-border-radius);
4516 border-top-right-radius: var(--bs-card-inner-border-radius);
4517 }
4518
4519 .card-img,
4520 .card-img-bottom {
4521 border-bottom-right-radius: var(--bs-card-inner-border-radius);
4522 border-bottom-left-radius: var(--bs-card-inner-border-radius);
4523 }
4524
4525 .card-group > .card {
4526 margin-bottom: var(--bs-card-group-margin);
4527 }
4528 @media (min-width: 576px) {
4529 .card-group {
4530 display: flex;
4531 flex-flow: row wrap;
4532 }
4533 .card-group > .card {
4534 flex: 1 0 0%;
4535 margin-bottom: 0;
4536 }
4537 .card-group > .card + .card {
4538 margin-left: 0;
4539 border-left: 0;
4540 }
4541 .card-group > .card:not(:last-child) {
4542 border-top-right-radius: 0;
4543 border-bottom-right-radius: 0;
4544 }
4545 .card-group > .card:not(:last-child) .card-img-top,
4546 .card-group > .card:not(:last-child) .card-header {
4547 border-top-right-radius: 0;
4548 }
4549 .card-group > .card:not(:last-child) .card-img-bottom,
4550 .card-group > .card:not(:last-child) .card-footer {
4551 border-bottom-right-radius: 0;
4552 }
4553 .card-group > .card:not(:first-child) {
4554 border-top-left-radius: 0;
4555 border-bottom-left-radius: 0;
4556 }
4557 .card-group > .card:not(:first-child) .card-img-top,
4558 .card-group > .card:not(:first-child) .card-header {
4559 border-top-left-radius: 0;
4560 }
4561 .card-group > .card:not(:first-child) .card-img-bottom,
4562 .card-group > .card:not(:first-child) .card-footer {
4563 border-bottom-left-radius: 0;
4564 }
4565 }
4566
4567 .accordion {
4568 --bs-accordion-color: var(--bs-body-color);
4569 --bs-accordion-bg: var(--bs-body-bg);
4570 --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
4571 --bs-accordion-border-color: var(--bs-border-color);
4572 --bs-accordion-border-width: var(--bs-border-width);
4573 --bs-accordion-border-radius: var(--bs-border-radius);
4574 --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
4575 --bs-accordion-btn-padding-x: 1.25rem;
4576 --bs-accordion-btn-padding-y: 1rem;
4577 --bs-accordion-btn-color: var(--bs-body-color);
4578 --bs-accordion-btn-bg: var(--bs-accordion-bg);
4579 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4580 --bs-accordion-btn-icon-width: 1.25rem;
4581 --bs-accordion-btn-icon-transform: rotate(-180deg);
4582 --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4583 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4584 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4585 --bs-accordion-body-padding-x: 1.25rem;
4586 --bs-accordion-body-padding-y: 1rem;
4587 --bs-accordion-active-color: var(--bs-primary-text-emphasis);
4588 --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
4589 }
4590
4591 .accordion-button {
4592 position: relative;
4593 display: flex;
4594 align-items: center;
4595 width: 100%;
4596 padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
4597 font-size: 1rem;
4598 color: var(--bs-accordion-btn-color);
4599 text-align: left;
4600 background-color: var(--bs-accordion-btn-bg);
4601 border: 0;
4602 border-radius: 0;
4603 overflow-anchor: none;
4604 transition: var(--bs-accordion-transition);
4605 }
4606 @media (prefers-reduced-motion: reduce) {
4607 .accordion-button {
4608 transition: none;
4609 }
4610 }
4611 .accordion-button:not(.collapsed) {
4612 color: var(--bs-accordion-active-color);
4613 background-color: var(--bs-accordion-active-bg);
4614 box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
4615 }
4616 .accordion-button:not(.collapsed)::after {
4617 background-image: var(--bs-accordion-btn-active-icon);
4618 transform: var(--bs-accordion-btn-icon-transform);
4619 }
4620 .accordion-button::after {
4621 flex-shrink: 0;
4622 width: var(--bs-accordion-btn-icon-width);
4623 height: var(--bs-accordion-btn-icon-width);
4624 margin-left: auto;
4625 content: "";
4626 background-image: var(--bs-accordion-btn-icon);
4627 background-repeat: no-repeat;
4628 background-size: var(--bs-accordion-btn-icon-width);
4629 transition: var(--bs-accordion-btn-icon-transition);
4630 }
4631 @media (prefers-reduced-motion: reduce) {
4632 .accordion-button::after {
4633 transition: none;
4634 }
4635 }
4636 .accordion-button:hover {
4637 z-index: 2;
4638 }
4639 .accordion-button:focus {
4640 z-index: 3;
4641 outline: 0;
4642 box-shadow: var(--bs-accordion-btn-focus-box-shadow);
4643 }
4644
4645 .accordion-header {
4646 margin-bottom: 0;
4647 }
4648
4649 .accordion-item {
4650 color: var(--bs-accordion-color);
4651 background-color: var(--bs-accordion-bg);
4652 border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
4653 }
4654 .accordion-item:first-of-type {
4655 border-top-left-radius: var(--bs-accordion-border-radius);
4656 border-top-right-radius: var(--bs-accordion-border-radius);
4657 }
4658 .accordion-item:first-of-type > .accordion-header .accordion-button {
4659 border-top-left-radius: var(--bs-accordion-inner-border-radius);
4660 border-top-right-radius: var(--bs-accordion-inner-border-radius);
4661 }
4662 .accordion-item:not(:first-of-type) {
4663 border-top: 0;
4664 }
4665 .accordion-item:last-of-type {
4666 border-bottom-right-radius: var(--bs-accordion-border-radius);
4667 border-bottom-left-radius: var(--bs-accordion-border-radius);
4668 }
4669 .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
4670 border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
4671 border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
4672 }
4673 .accordion-item:last-of-type > .accordion-collapse {
4674 border-bottom-right-radius: var(--bs-accordion-border-radius);
4675 border-bottom-left-radius: var(--bs-accordion-border-radius);
4676 }
4677
4678 .accordion-body {
4679 padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
4680 }
4681
4682 .accordion-flush > .accordion-item {
4683 border-right: 0;
4684 border-left: 0;
4685 border-radius: 0;
4686 }
4687 .accordion-flush > .accordion-item:first-child {
4688 border-top: 0;
4689 }
4690 .accordion-flush > .accordion-item:last-child {
4691 border-bottom: 0;
4692 }
4693 .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4694 border-radius: 0;
4695 }
4696 .accordion-flush > .accordion-item > .accordion-collapse {
4697 border-radius: 0;
4698 }
4699
4700 [data-bs-theme=dark] .accordion-button::after {
4701 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4702 --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4703 }
4704
4705 .breadcrumb {
4706 --bs-breadcrumb-padding-x: 0;
4707 --bs-breadcrumb-padding-y: 0;
4708 --bs-breadcrumb-margin-bottom: 1rem;
4709 --bs-breadcrumb-bg: ;
4710 --bs-breadcrumb-border-radius: ;
4711 --bs-breadcrumb-divider-color: var(--bs-secondary-color);
4712 --bs-breadcrumb-item-padding-x: 0.5rem;
4713 --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
4714 display: flex;
4715 flex-wrap: wrap;
4716 padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
4717 margin-bottom: var(--bs-breadcrumb-margin-bottom);
4718 font-size: var(--bs-breadcrumb-font-size);
4719 list-style: none;
4720 background-color: var(--bs-breadcrumb-bg);
4721 border-radius: var(--bs-breadcrumb-border-radius);
4722 }
4723
4724 .breadcrumb-item + .breadcrumb-item {
4725 padding-left: var(--bs-breadcrumb-item-padding-x);
4726 }
4727 .breadcrumb-item + .breadcrumb-item::before {
4728 float: left;
4729 padding-right: var(--bs-breadcrumb-item-padding-x);
4730 color: var(--bs-breadcrumb-divider-color);
4731 content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
4732 }
4733 .breadcrumb-item.active {
4734 color: var(--bs-breadcrumb-item-active-color);
4735 }
4736
4737 .pagination {
4738 --bs-pagination-padding-x: 0.75rem;
4739 --bs-pagination-padding-y: 0.375rem;
4740 --bs-pagination-font-size: 1rem;
4741 --bs-pagination-color: var(--bs-link-color);
4742 --bs-pagination-bg: var(--bs-body-bg);
4743 --bs-pagination-border-width: var(--bs-border-width);
4744 --bs-pagination-border-color: var(--bs-border-color);
4745 --bs-pagination-border-radius: var(--bs-border-radius);
4746 --bs-pagination-hover-color: var(--bs-link-hover-color);
4747 --bs-pagination-hover-bg: var(--bs-tertiary-bg);
4748 --bs-pagination-hover-border-color: var(--bs-border-color);
4749 --bs-pagination-focus-color: var(--bs-link-hover-color);
4750 --bs-pagination-focus-bg: var(--bs-secondary-bg);
4751 --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4752 --bs-pagination-active-color: #fff;
4753 --bs-pagination-active-bg: #0d6efd;
4754 --bs-pagination-active-border-color: #0d6efd;
4755 --bs-pagination-disabled-color: var(--bs-secondary-color);
4756 --bs-pagination-disabled-bg: var(--bs-secondary-bg);
4757 --bs-pagination-disabled-border-color: var(--bs-border-color);
4758 display: flex;
4759 padding-left: 0;
4760 list-style: none;
4761 }
4762
4763 .page-link {
4764 position: relative;
4765 display: block;
4766 padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
4767 font-size: var(--bs-pagination-font-size);
4768 color: var(--bs-pagination-color);
4769 text-decoration: none;
4770 background-color: var(--bs-pagination-bg);
4771 border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
4772 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
4773 }
4774 @media (prefers-reduced-motion: reduce) {
4775 .page-link {
4776 transition: none;
4777 }
4778 }
4779 .page-link:hover {
4780 z-index: 2;
4781 color: var(--bs-pagination-hover-color);
4782 background-color: var(--bs-pagination-hover-bg);
4783 border-color: var(--bs-pagination-hover-border-color);
4784 }
4785 .page-link:focus {
4786 z-index: 3;
4787 color: var(--bs-pagination-focus-color);
4788 background-color: var(--bs-pagination-focus-bg);
4789 outline: 0;
4790 box-shadow: var(--bs-pagination-focus-box-shadow);
4791 }
4792 .page-link.active, .active > .page-link {
4793 z-index: 3;
4794 color: var(--bs-pagination-active-color);
4795 background-color: var(--bs-pagination-active-bg);
4796 border-color: var(--bs-pagination-active-border-color);
4797 }
4798 .page-link.disabled, .disabled > .page-link {
4799 color: var(--bs-pagination-disabled-color);
4800 pointer-events: none;
4801 background-color: var(--bs-pagination-disabled-bg);
4802 border-color: var(--bs-pagination-disabled-border-color);
4803 }
4804
4805 .page-item:not(:first-child) .page-link {
4806 margin-left: calc(var(--bs-border-width) * -1);
4807 }
4808 .page-item:first-child .page-link {
4809 border-top-left-radius: var(--bs-pagination-border-radius);
4810 border-bottom-left-radius: var(--bs-pagination-border-radius);
4811 }
4812 .page-item:last-child .page-link {
4813 border-top-right-radius: var(--bs-pagination-border-radius);
4814 border-bottom-right-radius: var(--bs-pagination-border-radius);
4815 }
4816
4817 .pagination-lg {
4818 --bs-pagination-padding-x: 1.5rem;
4819 --bs-pagination-padding-y: 0.75rem;
4820 --bs-pagination-font-size: 1.25rem;
4821 --bs-pagination-border-radius: var(--bs-border-radius-lg);
4822 }
4823
4824 .pagination-sm {
4825 --bs-pagination-padding-x: 0.5rem;
4826 --bs-pagination-padding-y: 0.25rem;
4827 --bs-pagination-font-size: 0.875rem;
4828 --bs-pagination-border-radius: var(--bs-border-radius-sm);
4829 }
4830
4831 .badge {
4832 --bs-badge-padding-x: 0.65em;
4833 --bs-badge-padding-y: 0.35em;
4834 --bs-badge-font-size: 0.75em;
4835 --bs-badge-font-weight: 700;
4836 --bs-badge-color: #fff;
4837 --bs-badge-border-radius: var(--bs-border-radius);
4838 display: inline-block;
4839 padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
4840 font-size: var(--bs-badge-font-size);
4841 font-weight: var(--bs-badge-font-weight);
4842 line-height: 1;
4843 color: var(--bs-badge-color);
4844 text-align: center;
4845 white-space: nowrap;
4846 vertical-align: baseline;
4847 border-radius: var(--bs-badge-border-radius);
4848 }
4849 .badge:empty {
4850 display: none;
4851 }
4852
4853 .btn .badge {
4854 position: relative;
4855 top: -1px;
4856 }
4857
4858 .alert {
4859 --bs-alert-bg: transparent;
4860 --bs-alert-padding-x: 1rem;
4861 --bs-alert-padding-y: 1rem;
4862 --bs-alert-margin-bottom: 1rem;
4863 --bs-alert-color: inherit;
4864 --bs-alert-border-color: transparent;
4865 --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
4866 --bs-alert-border-radius: var(--bs-border-radius);
4867 --bs-alert-link-color: inherit;
4868 position: relative;
4869 padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
4870 margin-bottom: var(--bs-alert-margin-bottom);
4871 color: var(--bs-alert-color);
4872 background-color: var(--bs-alert-bg);
4873 border: var(--bs-alert-border);
4874 border-radius: var(--bs-alert-border-radius);
4875 }
4876
4877 .alert-heading {
4878 color: inherit;
4879 }
4880
4881 .alert-link {
4882 font-weight: 700;
4883 color: var(--bs-alert-link-color);
4884 }
4885
4886 .alert-dismissible {
4887 padding-right: 3rem;
4888 }
4889 .alert-dismissible .btn-close {
4890 position: absolute;
4891 top: 0;
4892 right: 0;
4893 z-index: 2;
4894 padding: 1.25rem 1rem;
4895 }
4896
4897 .alert-primary {
4898 --bs-alert-color: var(--bs-primary-text-emphasis);
4899 --bs-alert-bg: var(--bs-primary-bg-subtle);
4900 --bs-alert-border-color: var(--bs-primary-border-subtle);
4901 --bs-alert-link-color: var(--bs-primary-text-emphasis);
4902 }
4903
4904 .alert-secondary {
4905 --bs-alert-color: var(--bs-secondary-text-emphasis);
4906 --bs-alert-bg: var(--bs-secondary-bg-subtle);
4907 --bs-alert-border-color: var(--bs-secondary-border-subtle);
4908 --bs-alert-link-color: var(--bs-secondary-text-emphasis);
4909 }
4910
4911 .alert-success {
4912 --bs-alert-color: var(--bs-success-text-emphasis);
4913 --bs-alert-bg: var(--bs-success-bg-subtle);
4914 --bs-alert-border-color: var(--bs-success-border-subtle);
4915 --bs-alert-link-color: var(--bs-success-text-emphasis);
4916 }
4917
4918 .alert-info {
4919 --bs-alert-color: var(--bs-info-text-emphasis);
4920 --bs-alert-bg: var(--bs-info-bg-subtle);
4921 --bs-alert-border-color: var(--bs-info-border-subtle);
4922 --bs-alert-link-color: var(--bs-info-text-emphasis);
4923 }
4924
4925 .alert-warning {
4926 --bs-alert-color: var(--bs-warning-text-emphasis);
4927 --bs-alert-bg: var(--bs-warning-bg-subtle);
4928 --bs-alert-border-color: var(--bs-warning-border-subtle);
4929 --bs-alert-link-color: var(--bs-warning-text-emphasis);
4930 }
4931
4932 .alert-danger {
4933 --bs-alert-color: var(--bs-danger-text-emphasis);
4934 --bs-alert-bg: var(--bs-danger-bg-subtle);
4935 --bs-alert-border-color: var(--bs-danger-border-subtle);
4936 --bs-alert-link-color: var(--bs-danger-text-emphasis);
4937 }
4938
4939 .alert-light {
4940 --bs-alert-color: var(--bs-light-text-emphasis);
4941 --bs-alert-bg: var(--bs-light-bg-subtle);
4942 --bs-alert-border-color: var(--bs-light-border-subtle);
4943 --bs-alert-link-color: var(--bs-light-text-emphasis);
4944 }
4945
4946 .alert-dark {
4947 --bs-alert-color: var(--bs-dark-text-emphasis);
4948 --bs-alert-bg: var(--bs-dark-bg-subtle);
4949 --bs-alert-border-color: var(--bs-dark-border-subtle);
4950 --bs-alert-link-color: var(--bs-dark-text-emphasis);
4951 }
4952
4953 @keyframes progress-bar-stripes {
4954 0% {
4955 background-position-x: 1rem;
4956 }
4957 }
4958 .progress,
4959 .progress-stacked {
4960 --bs-progress-height: 1rem;
4961 --bs-progress-font-size: 0.75rem;
4962 --bs-progress-bg: var(--bs-secondary-bg);
4963 --bs-progress-border-radius: var(--bs-border-radius);
4964 --bs-progress-box-shadow: var(--bs-box-shadow-inset);
4965 --bs-progress-bar-color: #fff;
4966 --bs-progress-bar-bg: #0d6efd;
4967 --bs-progress-bar-transition: width 0.6s ease;
4968 display: flex;
4969 height: var(--bs-progress-height);
4970 overflow: hidden;
4971 font-size: var(--bs-progress-font-size);
4972 background-color: var(--bs-progress-bg);
4973 border-radius: var(--bs-progress-border-radius);
4974 }
4975
4976 .progress-bar {
4977 display: flex;
4978 flex-direction: column;
4979 justify-content: center;
4980 overflow: hidden;
4981 color: var(--bs-progress-bar-color);
4982 text-align: center;
4983 white-space: nowrap;
4984 background-color: var(--bs-progress-bar-bg);
4985 transition: var(--bs-progress-bar-transition);
4986 }
4987 @media (prefers-reduced-motion: reduce) {
4988 .progress-bar {
4989 transition: none;
4990 }
4991 }
4992
4993 .progress-bar-striped {
4994 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
4995 background-size: var(--bs-progress-height) var(--bs-progress-height);
4996 }
4997
4998 .progress-stacked > .progress {
4999 overflow: visible;
5000 }
Showing first 5,000 of 12,057 lines. View raw