[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 @charset "UTF-8"; 2 /*! 3 * Bootstrap v5.1.3 (https://getbootstrap.com/) 4 * Copyright 2011-2021 The Bootstrap Authors 5 * Copyright 2011-2021 Twitter, Inc. 6 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 7 */ 8 :root { 9 --blue: #010156; 10 --indigo: #6812f3; 11 --purple: #6f42c2; 12 --pink: #e93f8e; 13 --red: #a51f18; 14 --orange: #fd7e17; 15 --yellow: #ad6200; 16 --green: #448344; 17 --teal: #5abfdd; 18 --cyan: #30638d; 19 --white: white; 20 --gray-100: #f9fafb; 21 --gray-200: #eaedf0; 22 --gray-300: #dfe3e7; 23 --gray-400: #ced4da; 24 --gray-500: #adb5bd; 25 --gray-600: #6d757e; 26 --gray-700: #484f56; 27 --gray-800: #353b41; 28 --gray-900: #22262a; 29 --primary: #010156; 30 --secondary: #6d757e; 31 --success: #448344; 32 --info: #30638d; 33 --warning: #ad6200; 34 --danger: #a51f18; 35 --light: #f9fafb; 36 --dark: #353b41; 37 --primary-rgb: 1, 1, 86; 38 --secondary-rgb: 109, 117, 126; 39 --success-rgb: 68, 131, 68; 40 --info-rgb: 48, 99, 141; 41 --warning-rgb: 173, 98, 0; 42 --danger-rgb: 165, 31, 24; 43 --light-rgb: 249, 250, 251; 44 --dark-rgb: 53, 59, 65; 45 --white-rgb: 255, 255, 255; 46 --black-rgb: 0, 0, 0; 47 --body-color-rgb: 34, 38, 42; 48 --body-bg-rgb: 255, 255, 255; 49 --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 50 --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 51 --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); 52 --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 53 --body-font-size: 1rem; 54 --body-font-weight: 400; 55 --body-line-height: 1.5; 56 --body-color: #22262a; 57 --body-bg: white; 58 } 59 60 *, 61 *::before, 62 *::after { 63 box-sizing: border-box; 64 } 65 66 @media (prefers-reduced-motion: no-preference) { 67 :root { 68 scroll-behavior: smooth; 69 } 70 } 71 72 body { 73 margin: 0; 74 font-family: var(--body-font-family); 75 font-size: var(--body-font-size); 76 font-weight: var(--body-font-weight); 77 line-height: var(--body-line-height); 78 color: var(--body-color); 79 text-align: var(--body-text-align); 80 background-color: var(--body-bg); 81 -webkit-text-size-adjust: 100%; 82 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 83 } 84 85 hr { 86 margin: 1rem 0; 87 color: inherit; 88 background-color: currentColor; 89 border: 0; 90 opacity: 0.25; 91 } 92 93 hr:not([size]) { 94 height: 1px; 95 } 96 97 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 98 margin-top: 0; 99 margin-bottom: 0.5rem; 100 font-weight: 500; 101 line-height: 1.2; 102 } 103 104 h1, .h1 { 105 font-size: calc(1.375rem + 1.5vw); 106 } 107 @media (min-width: 1200px) { 108 h1, .h1 { 109 font-size: 2.5rem; 110 } 111 } 112 113 h2, .h2 { 114 font-size: calc(1.325rem + 0.9vw); 115 } 116 @media (min-width: 1200px) { 117 h2, .h2 { 118 font-size: 2rem; 119 } 120 } 121 122 h3, .h3 { 123 font-size: calc(1.3rem + 0.6vw); 124 } 125 @media (min-width: 1200px) { 126 h3, .h3 { 127 font-size: 1.75rem; 128 } 129 } 130 131 h4, .h4 { 132 font-size: calc(1.275rem + 0.3vw); 133 } 134 @media (min-width: 1200px) { 135 h4, .h4 { 136 font-size: 1.5rem; 137 } 138 } 139 140 h5, .h5 { 141 font-size: 1.25rem; 142 } 143 144 h6, .h6 { 145 font-size: 1rem; 146 } 147 148 p { 149 margin-top: 0; 150 margin-bottom: 1rem; 151 } 152 153 abbr[title], 154 abbr[data-bs-original-title] { 155 -webkit-text-decoration: underline dotted; 156 text-decoration: underline dotted; 157 cursor: help; 158 -webkit-text-decoration-skip-ink: none; 159 text-decoration-skip-ink: none; 160 } 161 162 address { 163 margin-bottom: 1rem; 164 font-style: normal; 165 line-height: inherit; 166 } 167 168 ol, 169 ul { 170 padding-left: 2rem; 171 } 172 173 ol, 174 ul, 175 dl { 176 margin-top: 0; 177 margin-bottom: 1rem; 178 } 179 180 ol ol, 181 ul ul, 182 ol ul, 183 ul ol { 184 margin-bottom: 0; 185 } 186 187 dt { 188 font-weight: 700; 189 } 190 191 dd { 192 margin-bottom: 0.5rem; 193 margin-left: 0; 194 } 195 196 blockquote { 197 margin: 0 0 1rem; 198 } 199 200 b, 201 strong { 202 font-weight: bolder; 203 } 204 205 small, .small { 206 font-size: 0.875em; 207 } 208 209 mark, .mark { 210 padding: 0.2em; 211 background-color: #fbeea8; 212 } 213 214 sub, 215 sup { 216 position: relative; 217 font-size: 0.75em; 218 line-height: 0; 219 vertical-align: baseline; 220 } 221 222 sub { 223 bottom: -0.25em; 224 } 225 226 sup { 227 top: -0.5em; 228 } 229 230 a { 231 color: var(--cassiopeia-color-link); 232 text-decoration: underline; 233 } 234 a:hover { 235 color: var(--cassiopeia-color-hover); 236 } 237 238 a:not([href]):not([class]), a:not([href]):not([class]):hover { 239 color: inherit; 240 text-decoration: none; 241 } 242 243 pre, 244 code, 245 kbd, 246 samp { 247 font-family: var(--font-monospace); 248 font-size: 1em; 249 direction: ltr /* rtl:ignore */; 250 unicode-bidi: bidi-override; 251 } 252 253 pre { 254 display: block; 255 margin-top: 0; 256 margin-bottom: 1rem; 257 overflow: auto; 258 font-size: 0.875em; 259 } 260 pre code { 261 font-size: inherit; 262 color: inherit; 263 word-break: normal; 264 } 265 266 code { 267 font-size: 0.875em; 268 color: #e93f8e; 269 word-wrap: break-word; 270 } 271 a > code { 272 color: inherit; 273 } 274 275 kbd { 276 padding: 0.2rem 0.4rem; 277 font-size: 0.875em; 278 color: white; 279 background-color: #22262a; 280 border-radius: 0.2rem; 281 } 282 kbd kbd { 283 padding: 0; 284 font-size: 1em; 285 font-weight: 700; 286 } 287 288 figure { 289 margin: 0 0 1rem; 290 } 291 292 img, 293 svg { 294 vertical-align: middle; 295 } 296 297 table { 298 caption-side: bottom; 299 border-collapse: collapse; 300 } 301 302 caption { 303 padding-top: 0.5rem; 304 padding-bottom: 0.5rem; 305 color: #6d757e; 306 text-align: left; 307 } 308 309 th { 310 text-align: inherit; 311 text-align: -webkit-match-parent; 312 } 313 314 thead, 315 tbody, 316 tfoot, 317 tr, 318 td, 319 th { 320 border-color: inherit; 321 border-style: solid; 322 border-width: 0; 323 } 324 325 label { 326 display: inline-block; 327 } 328 329 button { 330 border-radius: 0; 331 } 332 333 button:focus:not(:focus-visible) { 334 outline: 0; 335 } 336 337 input, 338 button, 339 select, 340 optgroup, 341 textarea { 342 margin: 0; 343 font-family: inherit; 344 font-size: inherit; 345 line-height: inherit; 346 } 347 348 button, 349 select { 350 text-transform: none; 351 } 352 353 [role=button] { 354 cursor: pointer; 355 } 356 357 select { 358 word-wrap: normal; 359 } 360 select:disabled { 361 opacity: 1; 362 } 363 364 [list]::-webkit-calendar-picker-indicator { 365 display: none; 366 } 367 368 button, 369 [type=button], 370 [type=reset], 371 [type=submit] { 372 -webkit-appearance: button; 373 } 374 button:not(:disabled), 375 [type=button]:not(:disabled), 376 [type=reset]:not(:disabled), 377 [type=submit]:not(:disabled) { 378 cursor: pointer; 379 } 380 381 ::-moz-focus-inner { 382 padding: 0; 383 border-style: none; 384 } 385 386 textarea { 387 resize: vertical; 388 } 389 390 fieldset { 391 min-width: 0; 392 padding: 0; 393 margin: 0; 394 border: 0; 395 } 396 397 legend { 398 float: left; 399 width: 100%; 400 padding: 0; 401 margin-bottom: 0.5rem; 402 font-size: calc(1.275rem + 0.3vw); 403 line-height: inherit; 404 } 405 @media (min-width: 1200px) { 406 legend { 407 font-size: 1.5rem; 408 } 409 } 410 legend + * { 411 clear: left; 412 } 413 414 ::-webkit-datetime-edit-fields-wrapper, 415 ::-webkit-datetime-edit-text, 416 ::-webkit-datetime-edit-minute, 417 ::-webkit-datetime-edit-hour-field, 418 ::-webkit-datetime-edit-day-field, 419 ::-webkit-datetime-edit-month-field, 420 ::-webkit-datetime-edit-year-field { 421 padding: 0; 422 } 423 424 ::-webkit-inner-spin-button { 425 height: auto; 426 } 427 428 [type=search] { 429 outline-offset: -2px; 430 -webkit-appearance: textfield; 431 } 432 433 /* rtl:raw: 434 [type="tel"], 435 [type="url"], 436 [type="email"], 437 [type="number"] { 438 direction: ltr; 439 } 440 */ 441 ::-webkit-search-decoration { 442 -webkit-appearance: none; 443 } 444 445 ::-webkit-color-swatch-wrapper { 446 padding: 0; 447 } 448 449 ::-webkit-file-upload-button { 450 font: inherit; 451 } 452 453 ::file-selector-button { 454 font: inherit; 455 } 456 457 ::-webkit-file-upload-button { 458 font: inherit; 459 -webkit-appearance: button; 460 } 461 462 output { 463 display: inline-block; 464 } 465 466 iframe { 467 border: 0; 468 } 469 470 summary { 471 display: list-item; 472 cursor: pointer; 473 } 474 475 progress { 476 vertical-align: baseline; 477 } 478 479 [hidden] { 480 display: none !important; 481 } 482 483 .lead { 484 font-size: 1.25rem; 485 font-weight: 300; 486 } 487 488 .display-1 { 489 font-size: calc(1.625rem + 4.5vw); 490 font-weight: 300; 491 line-height: 1.2; 492 } 493 @media (min-width: 1200px) { 494 .display-1 { 495 font-size: 5rem; 496 } 497 } 498 499 .display-2 { 500 font-size: calc(1.575rem + 3.9vw); 501 font-weight: 300; 502 line-height: 1.2; 503 } 504 @media (min-width: 1200px) { 505 .display-2 { 506 font-size: 4.5rem; 507 } 508 } 509 510 .display-3 { 511 font-size: calc(1.525rem + 3.3vw); 512 font-weight: 300; 513 line-height: 1.2; 514 } 515 @media (min-width: 1200px) { 516 .display-3 { 517 font-size: 4rem; 518 } 519 } 520 521 .display-4 { 522 font-size: calc(1.475rem + 2.7vw); 523 font-weight: 300; 524 line-height: 1.2; 525 } 526 @media (min-width: 1200px) { 527 .display-4 { 528 font-size: 3.5rem; 529 } 530 } 531 532 .display-5 { 533 font-size: calc(1.425rem + 2.1vw); 534 font-weight: 300; 535 line-height: 1.2; 536 } 537 @media (min-width: 1200px) { 538 .display-5 { 539 font-size: 3rem; 540 } 541 } 542 543 .display-6 { 544 font-size: calc(1.375rem + 1.5vw); 545 font-weight: 300; 546 line-height: 1.2; 547 } 548 @media (min-width: 1200px) { 549 .display-6 { 550 font-size: 2.5rem; 551 } 552 } 553 554 .list-unstyled { 555 padding-left: 0; 556 list-style: none; 557 } 558 559 .list-inline { 560 padding-left: 0; 561 list-style: none; 562 } 563 564 .list-inline-item { 565 display: inline-block; 566 } 567 .list-inline-item:not(:last-child) { 568 margin-right: 0.5rem; 569 } 570 571 .initialism { 572 font-size: 0.875em; 573 text-transform: uppercase; 574 } 575 576 .blockquote { 577 margin-bottom: 1rem; 578 font-size: 1.25rem; 579 } 580 .blockquote > :last-child { 581 margin-bottom: 0; 582 } 583 584 .blockquote-footer { 585 margin-top: -1rem; 586 margin-bottom: 1rem; 587 font-size: 0.875em; 588 color: #6d757e; 589 } 590 .blockquote-footer::before { 591 content: "— "; 592 } 593 594 .img-fluid { 595 max-width: 100%; 596 height: auto; 597 } 598 599 .img-thumbnail { 600 padding: 0.25rem; 601 background-color: white; 602 border: 1px solid #dfe3e7; 603 border-radius: 0.25rem; 604 max-width: 100%; 605 height: auto; 606 } 607 608 .figure { 609 display: inline-block; 610 } 611 612 .figure-img { 613 margin-bottom: 0.5rem; 614 line-height: 1; 615 } 616 617 .figure-caption { 618 font-size: 0.875em; 619 color: #6d757e; 620 } 621 622 .container, 623 .container-fluid, 624 .container-xxl, 625 .container-xl, 626 .container-lg, 627 .container-md, 628 .container-sm { 629 width: 100%; 630 padding-right: var(--gutter-x, 0.5em); 631 padding-left: var(--gutter-x, 0.5em); 632 margin-right: auto; 633 margin-left: auto; 634 } 635 636 @media (min-width: 576px) { 637 .container-sm, .container { 638 max-width: 540px; 639 } 640 } 641 @media (min-width: 768px) { 642 .container-md, .container-sm, .container { 643 max-width: 720px; 644 } 645 } 646 @media (min-width: 992px) { 647 .container-lg, .container-md, .container-sm, .container { 648 max-width: 960px; 649 } 650 } 651 @media (min-width: 1200px) { 652 .container-xl, .container-lg, .container-md, .container-sm, .container { 653 max-width: 1140px; 654 } 655 } 656 @media (min-width: 1400px) { 657 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { 658 max-width: 1320px; 659 } 660 } 661 .row { 662 --gutter-x: 1em; 663 --gutter-y: 0; 664 display: flex; 665 flex-wrap: wrap; 666 margin-top: calc(-1 * var(--gutter-y)); 667 margin-right: calc(-0.5 * var(--gutter-x)); 668 margin-left: calc(-0.5 * var(--gutter-x)); 669 } 670 .row > * { 671 flex-shrink: 0; 672 width: 100%; 673 max-width: 100%; 674 padding-right: calc(var(--gutter-x) * 0.5); 675 padding-left: calc(var(--gutter-x) * 0.5); 676 margin-top: var(--gutter-y); 677 } 678 679 .col { 680 flex: 1 0 0%; 681 } 682 683 .row-cols-auto > * { 684 flex: 0 0 auto; 685 width: auto; 686 } 687 688 .row-cols-1 > * { 689 flex: 0 0 auto; 690 width: 100%; 691 } 692 693 .row-cols-2 > * { 694 flex: 0 0 auto; 695 width: 50%; 696 } 697 698 .row-cols-3 > * { 699 flex: 0 0 auto; 700 width: 33.3333333333%; 701 } 702 703 .row-cols-4 > * { 704 flex: 0 0 auto; 705 width: 25%; 706 } 707 708 .row-cols-5 > * { 709 flex: 0 0 auto; 710 width: 20%; 711 } 712 713 .row-cols-6 > * { 714 flex: 0 0 auto; 715 width: 16.6666666667%; 716 } 717 718 .col-auto { 719 flex: 0 0 auto; 720 width: auto; 721 } 722 723 .col-1 { 724 flex: 0 0 auto; 725 width: 8.33333333%; 726 } 727 728 .col-2 { 729 flex: 0 0 auto; 730 width: 16.66666667%; 731 } 732 733 .col-3 { 734 flex: 0 0 auto; 735 width: 25%; 736 } 737 738 .col-4 { 739 flex: 0 0 auto; 740 width: 33.33333333%; 741 } 742 743 .col-5 { 744 flex: 0 0 auto; 745 width: 41.66666667%; 746 } 747 748 .col-6 { 749 flex: 0 0 auto; 750 width: 50%; 751 } 752 753 .col-7 { 754 flex: 0 0 auto; 755 width: 58.33333333%; 756 } 757 758 .col-8 { 759 flex: 0 0 auto; 760 width: 66.66666667%; 761 } 762 763 .col-9 { 764 flex: 0 0 auto; 765 width: 75%; 766 } 767 768 .col-10 { 769 flex: 0 0 auto; 770 width: 83.33333333%; 771 } 772 773 .col-11 { 774 flex: 0 0 auto; 775 width: 91.66666667%; 776 } 777 778 .col-12 { 779 flex: 0 0 auto; 780 width: 100%; 781 } 782 783 .offset-1 { 784 margin-left: 8.33333333%; 785 } 786 787 .offset-2 { 788 margin-left: 16.66666667%; 789 } 790 791 .offset-3 { 792 margin-left: 25%; 793 } 794 795 .offset-4 { 796 margin-left: 33.33333333%; 797 } 798 799 .offset-5 { 800 margin-left: 41.66666667%; 801 } 802 803 .offset-6 { 804 margin-left: 50%; 805 } 806 807 .offset-7 { 808 margin-left: 58.33333333%; 809 } 810 811 .offset-8 { 812 margin-left: 66.66666667%; 813 } 814 815 .offset-9 { 816 margin-left: 75%; 817 } 818 819 .offset-10 { 820 margin-left: 83.33333333%; 821 } 822 823 .offset-11 { 824 margin-left: 91.66666667%; 825 } 826 827 .g-0, 828 .gx-0 { 829 --gutter-x: 0; 830 } 831 832 .g-0, 833 .gy-0 { 834 --gutter-y: 0; 835 } 836 837 .g-1, 838 .gx-1 { 839 --gutter-x: 0.25rem; 840 } 841 842 .g-1, 843 .gy-1 { 844 --gutter-y: 0.25rem; 845 } 846 847 .g-2, 848 .gx-2 { 849 --gutter-x: 0.5rem; 850 } 851 852 .g-2, 853 .gy-2 { 854 --gutter-y: 0.5rem; 855 } 856 857 .g-3, 858 .gx-3 { 859 --gutter-x: 1rem; 860 } 861 862 .g-3, 863 .gy-3 { 864 --gutter-y: 1rem; 865 } 866 867 .g-4, 868 .gx-4 { 869 --gutter-x: 1.5rem; 870 } 871 872 .g-4, 873 .gy-4 { 874 --gutter-y: 1.5rem; 875 } 876 877 .g-5, 878 .gx-5 { 879 --gutter-x: 3rem; 880 } 881 882 .g-5, 883 .gy-5 { 884 --gutter-y: 3rem; 885 } 886 887 @media (min-width: 576px) { 888 .col-sm { 889 flex: 1 0 0%; 890 } 891 892 .row-cols-sm-auto > * { 893 flex: 0 0 auto; 894 width: auto; 895 } 896 897 .row-cols-sm-1 > * { 898 flex: 0 0 auto; 899 width: 100%; 900 } 901 902 .row-cols-sm-2 > * { 903 flex: 0 0 auto; 904 width: 50%; 905 } 906 907 .row-cols-sm-3 > * { 908 flex: 0 0 auto; 909 width: 33.3333333333%; 910 } 911 912 .row-cols-sm-4 > * { 913 flex: 0 0 auto; 914 width: 25%; 915 } 916 917 .row-cols-sm-5 > * { 918 flex: 0 0 auto; 919 width: 20%; 920 } 921 922 .row-cols-sm-6 > * { 923 flex: 0 0 auto; 924 width: 16.6666666667%; 925 } 926 927 .col-sm-auto { 928 flex: 0 0 auto; 929 width: auto; 930 } 931 932 .col-sm-1 { 933 flex: 0 0 auto; 934 width: 8.33333333%; 935 } 936 937 .col-sm-2 { 938 flex: 0 0 auto; 939 width: 16.66666667%; 940 } 941 942 .col-sm-3 { 943 flex: 0 0 auto; 944 width: 25%; 945 } 946 947 .col-sm-4 { 948 flex: 0 0 auto; 949 width: 33.33333333%; 950 } 951 952 .col-sm-5 { 953 flex: 0 0 auto; 954 width: 41.66666667%; 955 } 956 957 .col-sm-6 { 958 flex: 0 0 auto; 959 width: 50%; 960 } 961 962 .col-sm-7 { 963 flex: 0 0 auto; 964 width: 58.33333333%; 965 } 966 967 .col-sm-8 { 968 flex: 0 0 auto; 969 width: 66.66666667%; 970 } 971 972 .col-sm-9 { 973 flex: 0 0 auto; 974 width: 75%; 975 } 976 977 .col-sm-10 { 978 flex: 0 0 auto; 979 width: 83.33333333%; 980 } 981 982 .col-sm-11 { 983 flex: 0 0 auto; 984 width: 91.66666667%; 985 } 986 987 .col-sm-12 { 988 flex: 0 0 auto; 989 width: 100%; 990 } 991 992 .offset-sm-0 { 993 margin-left: 0; 994 } 995 996 .offset-sm-1 { 997 margin-left: 8.33333333%; 998 } 999 1000 .offset-sm-2 { 1001 margin-left: 16.66666667%; 1002 } 1003 1004 .offset-sm-3 { 1005 margin-left: 25%; 1006 } 1007 1008 .offset-sm-4 { 1009 margin-left: 33.33333333%; 1010 } 1011 1012 .offset-sm-5 { 1013 margin-left: 41.66666667%; 1014 } 1015 1016 .offset-sm-6 { 1017 margin-left: 50%; 1018 } 1019 1020 .offset-sm-7 { 1021 margin-left: 58.33333333%; 1022 } 1023 1024 .offset-sm-8 { 1025 margin-left: 66.66666667%; 1026 } 1027 1028 .offset-sm-9 { 1029 margin-left: 75%; 1030 } 1031 1032 .offset-sm-10 { 1033 margin-left: 83.33333333%; 1034 } 1035 1036 .offset-sm-11 { 1037 margin-left: 91.66666667%; 1038 } 1039 1040 .g-sm-0, 1041 .gx-sm-0 { 1042 --gutter-x: 0; 1043 } 1044 1045 .g-sm-0, 1046 .gy-sm-0 { 1047 --gutter-y: 0; 1048 } 1049 1050 .g-sm-1, 1051 .gx-sm-1 { 1052 --gutter-x: 0.25rem; 1053 } 1054 1055 .g-sm-1, 1056 .gy-sm-1 { 1057 --gutter-y: 0.25rem; 1058 } 1059 1060 .g-sm-2, 1061 .gx-sm-2 { 1062 --gutter-x: 0.5rem; 1063 } 1064 1065 .g-sm-2, 1066 .gy-sm-2 { 1067 --gutter-y: 0.5rem; 1068 } 1069 1070 .g-sm-3, 1071 .gx-sm-3 { 1072 --gutter-x: 1rem; 1073 } 1074 1075 .g-sm-3, 1076 .gy-sm-3 { 1077 --gutter-y: 1rem; 1078 } 1079 1080 .g-sm-4, 1081 .gx-sm-4 { 1082 --gutter-x: 1.5rem; 1083 } 1084 1085 .g-sm-4, 1086 .gy-sm-4 { 1087 --gutter-y: 1.5rem; 1088 } 1089 1090 .g-sm-5, 1091 .gx-sm-5 { 1092 --gutter-x: 3rem; 1093 } 1094 1095 .g-sm-5, 1096 .gy-sm-5 { 1097 --gutter-y: 3rem; 1098 } 1099 } 1100 @media (min-width: 768px) { 1101 .col-md { 1102 flex: 1 0 0%; 1103 } 1104 1105 .row-cols-md-auto > * { 1106 flex: 0 0 auto; 1107 width: auto; 1108 } 1109 1110 .row-cols-md-1 > * { 1111 flex: 0 0 auto; 1112 width: 100%; 1113 } 1114 1115 .row-cols-md-2 > * { 1116 flex: 0 0 auto; 1117 width: 50%; 1118 } 1119 1120 .row-cols-md-3 > * { 1121 flex: 0 0 auto; 1122 width: 33.3333333333%; 1123 } 1124 1125 .row-cols-md-4 > * { 1126 flex: 0 0 auto; 1127 width: 25%; 1128 } 1129 1130 .row-cols-md-5 > * { 1131 flex: 0 0 auto; 1132 width: 20%; 1133 } 1134 1135 .row-cols-md-6 > * { 1136 flex: 0 0 auto; 1137 width: 16.6666666667%; 1138 } 1139 1140 .col-md-auto { 1141 flex: 0 0 auto; 1142 width: auto; 1143 } 1144 1145 .col-md-1 { 1146 flex: 0 0 auto; 1147 width: 8.33333333%; 1148 } 1149 1150 .col-md-2 { 1151 flex: 0 0 auto; 1152 width: 16.66666667%; 1153 } 1154 1155 .col-md-3 { 1156 flex: 0 0 auto; 1157 width: 25%; 1158 } 1159 1160 .col-md-4 { 1161 flex: 0 0 auto; 1162 width: 33.33333333%; 1163 } 1164 1165 .col-md-5 { 1166 flex: 0 0 auto; 1167 width: 41.66666667%; 1168 } 1169 1170 .col-md-6 { 1171 flex: 0 0 auto; 1172 width: 50%; 1173 } 1174 1175 .col-md-7 { 1176 flex: 0 0 auto; 1177 width: 58.33333333%; 1178 } 1179 1180 .col-md-8 { 1181 flex: 0 0 auto; 1182 width: 66.66666667%; 1183 } 1184 1185 .col-md-9 { 1186 flex: 0 0 auto; 1187 width: 75%; 1188 } 1189 1190 .col-md-10 { 1191 flex: 0 0 auto; 1192 width: 83.33333333%; 1193 } 1194 1195 .col-md-11 { 1196 flex: 0 0 auto; 1197 width: 91.66666667%; 1198 } 1199 1200 .col-md-12 { 1201 flex: 0 0 auto; 1202 width: 100%; 1203 } 1204 1205 .offset-md-0 { 1206 margin-left: 0; 1207 } 1208 1209 .offset-md-1 { 1210 margin-left: 8.33333333%; 1211 } 1212 1213 .offset-md-2 { 1214 margin-left: 16.66666667%; 1215 } 1216 1217 .offset-md-3 { 1218 margin-left: 25%; 1219 } 1220 1221 .offset-md-4 { 1222 margin-left: 33.33333333%; 1223 } 1224 1225 .offset-md-5 { 1226 margin-left: 41.66666667%; 1227 } 1228 1229 .offset-md-6 { 1230 margin-left: 50%; 1231 } 1232 1233 .offset-md-7 { 1234 margin-left: 58.33333333%; 1235 } 1236 1237 .offset-md-8 { 1238 margin-left: 66.66666667%; 1239 } 1240 1241 .offset-md-9 { 1242 margin-left: 75%; 1243 } 1244 1245 .offset-md-10 { 1246 margin-left: 83.33333333%; 1247 } 1248 1249 .offset-md-11 { 1250 margin-left: 91.66666667%; 1251 } 1252 1253 .g-md-0, 1254 .gx-md-0 { 1255 --gutter-x: 0; 1256 } 1257 1258 .g-md-0, 1259 .gy-md-0 { 1260 --gutter-y: 0; 1261 } 1262 1263 .g-md-1, 1264 .gx-md-1 { 1265 --gutter-x: 0.25rem; 1266 } 1267 1268 .g-md-1, 1269 .gy-md-1 { 1270 --gutter-y: 0.25rem; 1271 } 1272 1273 .g-md-2, 1274 .gx-md-2 { 1275 --gutter-x: 0.5rem; 1276 } 1277 1278 .g-md-2, 1279 .gy-md-2 { 1280 --gutter-y: 0.5rem; 1281 } 1282 1283 .g-md-3, 1284 .gx-md-3 { 1285 --gutter-x: 1rem; 1286 } 1287 1288 .g-md-3, 1289 .gy-md-3 { 1290 --gutter-y: 1rem; 1291 } 1292 1293 .g-md-4, 1294 .gx-md-4 { 1295 --gutter-x: 1.5rem; 1296 } 1297 1298 .g-md-4, 1299 .gy-md-4 { 1300 --gutter-y: 1.5rem; 1301 } 1302 1303 .g-md-5, 1304 .gx-md-5 { 1305 --gutter-x: 3rem; 1306 } 1307 1308 .g-md-5, 1309 .gy-md-5 { 1310 --gutter-y: 3rem; 1311 } 1312 } 1313 @media (min-width: 992px) { 1314 .col-lg { 1315 flex: 1 0 0%; 1316 } 1317 1318 .row-cols-lg-auto > * { 1319 flex: 0 0 auto; 1320 width: auto; 1321 } 1322 1323 .row-cols-lg-1 > * { 1324 flex: 0 0 auto; 1325 width: 100%; 1326 } 1327 1328 .row-cols-lg-2 > * { 1329 flex: 0 0 auto; 1330 width: 50%; 1331 } 1332 1333 .row-cols-lg-3 > * { 1334 flex: 0 0 auto; 1335 width: 33.3333333333%; 1336 } 1337 1338 .row-cols-lg-4 > * { 1339 flex: 0 0 auto; 1340 width: 25%; 1341 } 1342 1343 .row-cols-lg-5 > * { 1344 flex: 0 0 auto; 1345 width: 20%; 1346 } 1347 1348 .row-cols-lg-6 > * { 1349 flex: 0 0 auto; 1350 width: 16.6666666667%; 1351 } 1352 1353 .col-lg-auto { 1354 flex: 0 0 auto; 1355 width: auto; 1356 } 1357 1358 .col-lg-1 { 1359 flex: 0 0 auto; 1360 width: 8.33333333%; 1361 } 1362 1363 .col-lg-2 { 1364 flex: 0 0 auto; 1365 width: 16.66666667%; 1366 } 1367 1368 .col-lg-3 { 1369 flex: 0 0 auto; 1370 width: 25%; 1371 } 1372 1373 .col-lg-4 { 1374 flex: 0 0 auto; 1375 width: 33.33333333%; 1376 } 1377 1378 .col-lg-5 { 1379 flex: 0 0 auto; 1380 width: 41.66666667%; 1381 } 1382 1383 .col-lg-6 { 1384 flex: 0 0 auto; 1385 width: 50%; 1386 } 1387 1388 .col-lg-7 { 1389 flex: 0 0 auto; 1390 width: 58.33333333%; 1391 } 1392 1393 .col-lg-8 { 1394 flex: 0 0 auto; 1395 width: 66.66666667%; 1396 } 1397 1398 .col-lg-9 { 1399 flex: 0 0 auto; 1400 width: 75%; 1401 } 1402 1403 .col-lg-10 { 1404 flex: 0 0 auto; 1405 width: 83.33333333%; 1406 } 1407 1408 .col-lg-11 { 1409 flex: 0 0 auto; 1410 width: 91.66666667%; 1411 } 1412 1413 .col-lg-12 { 1414 flex: 0 0 auto; 1415 width: 100%; 1416 } 1417 1418 .offset-lg-0 { 1419 margin-left: 0; 1420 } 1421 1422 .offset-lg-1 { 1423 margin-left: 8.33333333%; 1424 } 1425 1426 .offset-lg-2 { 1427 margin-left: 16.66666667%; 1428 } 1429 1430 .offset-lg-3 { 1431 margin-left: 25%; 1432 } 1433 1434 .offset-lg-4 { 1435 margin-left: 33.33333333%; 1436 } 1437 1438 .offset-lg-5 { 1439 margin-left: 41.66666667%; 1440 } 1441 1442 .offset-lg-6 { 1443 margin-left: 50%; 1444 } 1445 1446 .offset-lg-7 { 1447 margin-left: 58.33333333%; 1448 } 1449 1450 .offset-lg-8 { 1451 margin-left: 66.66666667%; 1452 } 1453 1454 .offset-lg-9 { 1455 margin-left: 75%; 1456 } 1457 1458 .offset-lg-10 { 1459 margin-left: 83.33333333%; 1460 } 1461 1462 .offset-lg-11 { 1463 margin-left: 91.66666667%; 1464 } 1465 1466 .g-lg-0, 1467 .gx-lg-0 { 1468 --gutter-x: 0; 1469 } 1470 1471 .g-lg-0, 1472 .gy-lg-0 { 1473 --gutter-y: 0; 1474 } 1475 1476 .g-lg-1, 1477 .gx-lg-1 { 1478 --gutter-x: 0.25rem; 1479 } 1480 1481 .g-lg-1, 1482 .gy-lg-1 { 1483 --gutter-y: 0.25rem; 1484 } 1485 1486 .g-lg-2, 1487 .gx-lg-2 { 1488 --gutter-x: 0.5rem; 1489 } 1490 1491 .g-lg-2, 1492 .gy-lg-2 { 1493 --gutter-y: 0.5rem; 1494 } 1495 1496 .g-lg-3, 1497 .gx-lg-3 { 1498 --gutter-x: 1rem; 1499 } 1500 1501 .g-lg-3, 1502 .gy-lg-3 { 1503 --gutter-y: 1rem; 1504 } 1505 1506 .g-lg-4, 1507 .gx-lg-4 { 1508 --gutter-x: 1.5rem; 1509 } 1510 1511 .g-lg-4, 1512 .gy-lg-4 { 1513 --gutter-y: 1.5rem; 1514 } 1515 1516 .g-lg-5, 1517 .gx-lg-5 { 1518 --gutter-x: 3rem; 1519 } 1520 1521 .g-lg-5, 1522 .gy-lg-5 { 1523 --gutter-y: 3rem; 1524 } 1525 } 1526 @media (min-width: 1200px) { 1527 .col-xl { 1528 flex: 1 0 0%; 1529 } 1530 1531 .row-cols-xl-auto > * { 1532 flex: 0 0 auto; 1533 width: auto; 1534 } 1535 1536 .row-cols-xl-1 > * { 1537 flex: 0 0 auto; 1538 width: 100%; 1539 } 1540 1541 .row-cols-xl-2 > * { 1542 flex: 0 0 auto; 1543 width: 50%; 1544 } 1545 1546 .row-cols-xl-3 > * { 1547 flex: 0 0 auto; 1548 width: 33.3333333333%; 1549 } 1550 1551 .row-cols-xl-4 > * { 1552 flex: 0 0 auto; 1553 width: 25%; 1554 } 1555 1556 .row-cols-xl-5 > * { 1557 flex: 0 0 auto; 1558 width: 20%; 1559 } 1560 1561 .row-cols-xl-6 > * { 1562 flex: 0 0 auto; 1563 width: 16.6666666667%; 1564 } 1565 1566 .col-xl-auto { 1567 flex: 0 0 auto; 1568 width: auto; 1569 } 1570 1571 .col-xl-1 { 1572 flex: 0 0 auto; 1573 width: 8.33333333%; 1574 } 1575 1576 .col-xl-2 { 1577 flex: 0 0 auto; 1578 width: 16.66666667%; 1579 } 1580 1581 .col-xl-3 { 1582 flex: 0 0 auto; 1583 width: 25%; 1584 } 1585 1586 .col-xl-4 { 1587 flex: 0 0 auto; 1588 width: 33.33333333%; 1589 } 1590 1591 .col-xl-5 { 1592 flex: 0 0 auto; 1593 width: 41.66666667%; 1594 } 1595 1596 .col-xl-6 { 1597 flex: 0 0 auto; 1598 width: 50%; 1599 } 1600 1601 .col-xl-7 { 1602 flex: 0 0 auto; 1603 width: 58.33333333%; 1604 } 1605 1606 .col-xl-8 { 1607 flex: 0 0 auto; 1608 width: 66.66666667%; 1609 } 1610 1611 .col-xl-9 { 1612 flex: 0 0 auto; 1613 width: 75%; 1614 } 1615 1616 .col-xl-10 { 1617 flex: 0 0 auto; 1618 width: 83.33333333%; 1619 } 1620 1621 .col-xl-11 { 1622 flex: 0 0 auto; 1623 width: 91.66666667%; 1624 } 1625 1626 .col-xl-12 { 1627 flex: 0 0 auto; 1628 width: 100%; 1629 } 1630 1631 .offset-xl-0 { 1632 margin-left: 0; 1633 } 1634 1635 .offset-xl-1 { 1636 margin-left: 8.33333333%; 1637 } 1638 1639 .offset-xl-2 { 1640 margin-left: 16.66666667%; 1641 } 1642 1643 .offset-xl-3 { 1644 margin-left: 25%; 1645 } 1646 1647 .offset-xl-4 { 1648 margin-left: 33.33333333%; 1649 } 1650 1651 .offset-xl-5 { 1652 margin-left: 41.66666667%; 1653 } 1654 1655 .offset-xl-6 { 1656 margin-left: 50%; 1657 } 1658 1659 .offset-xl-7 { 1660 margin-left: 58.33333333%; 1661 } 1662 1663 .offset-xl-8 { 1664 margin-left: 66.66666667%; 1665 } 1666 1667 .offset-xl-9 { 1668 margin-left: 75%; 1669 } 1670 1671 .offset-xl-10 { 1672 margin-left: 83.33333333%; 1673 } 1674 1675 .offset-xl-11 { 1676 margin-left: 91.66666667%; 1677 } 1678 1679 .g-xl-0, 1680 .gx-xl-0 { 1681 --gutter-x: 0; 1682 } 1683 1684 .g-xl-0, 1685 .gy-xl-0 { 1686 --gutter-y: 0; 1687 } 1688 1689 .g-xl-1, 1690 .gx-xl-1 { 1691 --gutter-x: 0.25rem; 1692 } 1693 1694 .g-xl-1, 1695 .gy-xl-1 { 1696 --gutter-y: 0.25rem; 1697 } 1698 1699 .g-xl-2, 1700 .gx-xl-2 { 1701 --gutter-x: 0.5rem; 1702 } 1703 1704 .g-xl-2, 1705 .gy-xl-2 { 1706 --gutter-y: 0.5rem; 1707 } 1708 1709 .g-xl-3, 1710 .gx-xl-3 { 1711 --gutter-x: 1rem; 1712 } 1713 1714 .g-xl-3, 1715 .gy-xl-3 { 1716 --gutter-y: 1rem; 1717 } 1718 1719 .g-xl-4, 1720 .gx-xl-4 { 1721 --gutter-x: 1.5rem; 1722 } 1723 1724 .g-xl-4, 1725 .gy-xl-4 { 1726 --gutter-y: 1.5rem; 1727 } 1728 1729 .g-xl-5, 1730 .gx-xl-5 { 1731 --gutter-x: 3rem; 1732 } 1733 1734 .g-xl-5, 1735 .gy-xl-5 { 1736 --gutter-y: 3rem; 1737 } 1738 } 1739 @media (min-width: 1400px) { 1740 .col-xxl { 1741 flex: 1 0 0%; 1742 } 1743 1744 .row-cols-xxl-auto > * { 1745 flex: 0 0 auto; 1746 width: auto; 1747 } 1748 1749 .row-cols-xxl-1 > * { 1750 flex: 0 0 auto; 1751 width: 100%; 1752 } 1753 1754 .row-cols-xxl-2 > * { 1755 flex: 0 0 auto; 1756 width: 50%; 1757 } 1758 1759 .row-cols-xxl-3 > * { 1760 flex: 0 0 auto; 1761 width: 33.3333333333%; 1762 } 1763 1764 .row-cols-xxl-4 > * { 1765 flex: 0 0 auto; 1766 width: 25%; 1767 } 1768 1769 .row-cols-xxl-5 > * { 1770 flex: 0 0 auto; 1771 width: 20%; 1772 } 1773 1774 .row-cols-xxl-6 > * { 1775 flex: 0 0 auto; 1776 width: 16.6666666667%; 1777 } 1778 1779 .col-xxl-auto { 1780 flex: 0 0 auto; 1781 width: auto; 1782 } 1783 1784 .col-xxl-1 { 1785 flex: 0 0 auto; 1786 width: 8.33333333%; 1787 } 1788 1789 .col-xxl-2 { 1790 flex: 0 0 auto; 1791 width: 16.66666667%; 1792 } 1793 1794 .col-xxl-3 { 1795 flex: 0 0 auto; 1796 width: 25%; 1797 } 1798 1799 .col-xxl-4 { 1800 flex: 0 0 auto; 1801 width: 33.33333333%; 1802 } 1803 1804 .col-xxl-5 { 1805 flex: 0 0 auto; 1806 width: 41.66666667%; 1807 } 1808 1809 .col-xxl-6 { 1810 flex: 0 0 auto; 1811 width: 50%; 1812 } 1813 1814 .col-xxl-7 { 1815 flex: 0 0 auto; 1816 width: 58.33333333%; 1817 } 1818 1819 .col-xxl-8 { 1820 flex: 0 0 auto; 1821 width: 66.66666667%; 1822 } 1823 1824 .col-xxl-9 { 1825 flex: 0 0 auto; 1826 width: 75%; 1827 } 1828 1829 .col-xxl-10 { 1830 flex: 0 0 auto; 1831 width: 83.33333333%; 1832 } 1833 1834 .col-xxl-11 { 1835 flex: 0 0 auto; 1836 width: 91.66666667%; 1837 } 1838 1839 .col-xxl-12 { 1840 flex: 0 0 auto; 1841 width: 100%; 1842 } 1843 1844 .offset-xxl-0 { 1845 margin-left: 0; 1846 } 1847 1848 .offset-xxl-1 { 1849 margin-left: 8.33333333%; 1850 } 1851 1852 .offset-xxl-2 { 1853 margin-left: 16.66666667%; 1854 } 1855 1856 .offset-xxl-3 { 1857 margin-left: 25%; 1858 } 1859 1860 .offset-xxl-4 { 1861 margin-left: 33.33333333%; 1862 } 1863 1864 .offset-xxl-5 { 1865 margin-left: 41.66666667%; 1866 } 1867 1868 .offset-xxl-6 { 1869 margin-left: 50%; 1870 } 1871 1872 .offset-xxl-7 { 1873 margin-left: 58.33333333%; 1874 } 1875 1876 .offset-xxl-8 { 1877 margin-left: 66.66666667%; 1878 } 1879 1880 .offset-xxl-9 { 1881 margin-left: 75%; 1882 } 1883 1884 .offset-xxl-10 { 1885 margin-left: 83.33333333%; 1886 } 1887 1888 .offset-xxl-11 { 1889 margin-left: 91.66666667%; 1890 } 1891 1892 .g-xxl-0, 1893 .gx-xxl-0 { 1894 --gutter-x: 0; 1895 } 1896 1897 .g-xxl-0, 1898 .gy-xxl-0 { 1899 --gutter-y: 0; 1900 } 1901 1902 .g-xxl-1, 1903 .gx-xxl-1 { 1904 --gutter-x: 0.25rem; 1905 } 1906 1907 .g-xxl-1, 1908 .gy-xxl-1 { 1909 --gutter-y: 0.25rem; 1910 } 1911 1912 .g-xxl-2, 1913 .gx-xxl-2 { 1914 --gutter-x: 0.5rem; 1915 } 1916 1917 .g-xxl-2, 1918 .gy-xxl-2 { 1919 --gutter-y: 0.5rem; 1920 } 1921 1922 .g-xxl-3, 1923 .gx-xxl-3 { 1924 --gutter-x: 1rem; 1925 } 1926 1927 .g-xxl-3, 1928 .gy-xxl-3 { 1929 --gutter-y: 1rem; 1930 } 1931 1932 .g-xxl-4, 1933 .gx-xxl-4 { 1934 --gutter-x: 1.5rem; 1935 } 1936 1937 .g-xxl-4, 1938 .gy-xxl-4 { 1939 --gutter-y: 1.5rem; 1940 } 1941 1942 .g-xxl-5, 1943 .gx-xxl-5 { 1944 --gutter-x: 3rem; 1945 } 1946 1947 .g-xxl-5, 1948 .gy-xxl-5 { 1949 --gutter-y: 3rem; 1950 } 1951 } 1952 .table { 1953 --table-bg: transparent; 1954 --table-accent-bg: transparent; 1955 --table-striped-color: #22262a; 1956 --table-striped-bg: rgba(0, 0, 0, 0.05); 1957 --table-active-color: #22262a; 1958 --table-active-bg: rgba(0, 0, 0, 0.1); 1959 --table-hover-color: #22262a; 1960 --table-hover-bg: rgba(0, 0, 0, 0.075); 1961 width: 100%; 1962 margin-bottom: 1rem; 1963 color: #22262a; 1964 vertical-align: top; 1965 border-color: #dfe3e7; 1966 } 1967 .table > :not(caption) > * > * { 1968 padding: 0.5rem 0.5rem; 1969 background-color: var(--table-bg); 1970 border-bottom-width: 1px; 1971 box-shadow: inset 0 0 0 9999px var(--table-accent-bg); 1972 } 1973 .table > tbody { 1974 vertical-align: inherit; 1975 } 1976 .table > thead { 1977 vertical-align: bottom; 1978 } 1979 .table > :not(:first-child) { 1980 border-top: 2px solid currentColor; 1981 } 1982 1983 .caption-top { 1984 caption-side: top; 1985 } 1986 1987 .table-sm > :not(caption) > * > * { 1988 padding: 0.25rem 0.25rem; 1989 } 1990 1991 .table-bordered > :not(caption) > * { 1992 border-width: 1px 0; 1993 } 1994 .table-bordered > :not(caption) > * > * { 1995 border-width: 0 1px; 1996 } 1997 1998 .table-borderless > :not(caption) > * > * { 1999 border-bottom-width: 0; 2000 } 2001 .table-borderless > :not(:first-child) { 2002 border-top-width: 0; 2003 } 2004 2005 .table-striped > tbody > tr:nth-of-type(odd) > * { 2006 --table-accent-bg: var(--table-striped-bg); 2007 color: var(--table-striped-color); 2008 } 2009 2010 .table-active { 2011 --table-accent-bg: var(--table-active-bg); 2012 color: var(--table-active-color); 2013 } 2014 2015 .table-hover > tbody > tr:hover > * { 2016 --table-accent-bg: var(--table-hover-bg); 2017 color: var(--table-hover-color); 2018 } 2019 2020 .table-primary { 2021 --table-bg: #cfd4dd; 2022 --table-striped-bg: #c5c9d2; 2023 --table-striped-color: black; 2024 --table-active-bg: #babfc7; 2025 --table-active-color: black; 2026 --table-hover-bg: #bfc4cc; 2027 --table-hover-color: black; 2028 color: black; 2029 border-color: #babfc7; 2030 } 2031 2032 .table-secondary { 2033 --table-bg: #e2e3e5; 2034 --table-striped-bg: #d7d8da; 2035 --table-striped-color: black; 2036 --table-active-bg: #cbccce; 2037 --table-active-color: black; 2038 --table-hover-bg: #d1d2d4; 2039 --table-hover-color: black; 2040 color: black; 2041 border-color: #cbccce; 2042 } 2043 2044 .table-success { 2045 --table-bg: #dae6da; 2046 --table-striped-bg: #cfdbcf; 2047 --table-striped-color: black; 2048 --table-active-bg: #c4cfc4; 2049 --table-active-color: black; 2050 --table-hover-bg: #cad5ca; 2051 --table-hover-color: black; 2052 color: black; 2053 border-color: #c4cfc4; 2054 } 2055 2056 .table-info { 2057 --table-bg: #d6e0e8; 2058 --table-striped-bg: #cbd5dc; 2059 --table-striped-color: black; 2060 --table-active-bg: #c1cad1; 2061 --table-active-color: black; 2062 --table-hover-bg: #c6cfd7; 2063 --table-hover-color: black; 2064 color: black; 2065 border-color: #c1cad1; 2066 } 2067 2068 .table-warning { 2069 --table-bg: #efe0cc; 2070 --table-striped-bg: #e3d5c2; 2071 --table-striped-color: black; 2072 --table-active-bg: #d7cab8; 2073 --table-active-color: black; 2074 --table-hover-bg: #ddcfbd; 2075 --table-hover-color: black; 2076 color: black; 2077 border-color: #d7cab8; 2078 } 2079 2080 .table-danger { 2081 --table-bg: #edd2d1; 2082 --table-striped-bg: #e1c8c7; 2083 --table-striped-color: black; 2084 --table-active-bg: #d5bdbc; 2085 --table-active-color: black; 2086 --table-hover-bg: #dbc2c1; 2087 --table-hover-color: black; 2088 color: black; 2089 border-color: #d5bdbc; 2090 } 2091 2092 .table-light { 2093 --table-bg: #f9fafb; 2094 --table-striped-bg: #edeeee; 2095 --table-striped-color: black; 2096 --table-active-bg: #e0e1e2; 2097 --table-active-color: black; 2098 --table-hover-bg: #e6e7e8; 2099 --table-hover-color: black; 2100 color: black; 2101 border-color: #e0e1e2; 2102 } 2103 2104 .table-dark { 2105 --table-bg: #353b41; 2106 --table-striped-bg: #3f454b; 2107 --table-striped-color: white; 2108 --table-active-bg: #494f54; 2109 --table-active-color: white; 2110 --table-hover-bg: #444a4f; 2111 --table-hover-color: white; 2112 color: white; 2113 border-color: #494f54; 2114 } 2115 2116 .table-responsive { 2117 overflow-x: auto; 2118 -webkit-overflow-scrolling: touch; 2119 } 2120 2121 @media (max-width: 575.98px) { 2122 .table-responsive-sm { 2123 overflow-x: auto; 2124 -webkit-overflow-scrolling: touch; 2125 } 2126 } 2127 @media (max-width: 767.98px) { 2128 .table-responsive-md { 2129 overflow-x: auto; 2130 -webkit-overflow-scrolling: touch; 2131 } 2132 } 2133 @media (max-width: 991.98px) { 2134 .table-responsive-lg { 2135 overflow-x: auto; 2136 -webkit-overflow-scrolling: touch; 2137 } 2138 } 2139 @media (max-width: 1199.98px) { 2140 .table-responsive-xl { 2141 overflow-x: auto; 2142 -webkit-overflow-scrolling: touch; 2143 } 2144 } 2145 @media (max-width: 1399.98px) { 2146 .table-responsive-xxl { 2147 overflow-x: auto; 2148 -webkit-overflow-scrolling: touch; 2149 } 2150 } 2151 .form-label { 2152 margin-bottom: 0.5rem; 2153 } 2154 2155 .col-form-label { 2156 padding-top: calc(0.6rem + 1px); 2157 padding-bottom: calc(0.6rem + 1px); 2158 margin-bottom: 0; 2159 font-size: inherit; 2160 line-height: 1.5; 2161 } 2162 2163 .col-form-label-lg { 2164 padding-top: calc(0.5rem + 1px); 2165 padding-bottom: calc(0.5rem + 1px); 2166 font-size: 1.25rem; 2167 } 2168 2169 .col-form-label-sm { 2170 padding-top: calc(0.25rem + 1px); 2171 padding-bottom: calc(0.25rem + 1px); 2172 font-size: 0.875rem; 2173 } 2174 2175 .form-text { 2176 margin-top: 0.25rem; 2177 font-size: 0.875em; 2178 color: #6d757e; 2179 } 2180 2181 .form-control { 2182 display: block; 2183 width: 100%; 2184 padding: 0.6rem 1rem; 2185 font-size: 1rem; 2186 font-weight: 400; 2187 line-height: 1.5; 2188 color: #22262a; 2189 background-color: white; 2190 background-clip: padding-box; 2191 border: 1px solid #ced4da; 2192 -webkit-appearance: none; 2193 -moz-appearance: none; 2194 appearance: none; 2195 border-radius: 0.25rem; 2196 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2197 } 2198 @media (prefers-reduced-motion: reduce) { 2199 .form-control { 2200 transition: none; 2201 } 2202 } 2203 .form-control[type=file] { 2204 overflow: hidden; 2205 } 2206 .form-control[type=file]:not(:disabled):not([readonly]) { 2207 cursor: pointer; 2208 } 2209 .form-control:focus { 2210 color: #22262a; 2211 background-color: white; 2212 border-color: #8894aa; 2213 outline: 0; 2214 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 2215 } 2216 .form-control::-webkit-date-and-time-value { 2217 height: 1.5em; 2218 } 2219 .form-control::-webkit-input-placeholder { 2220 color: #6d757e; 2221 opacity: 1; 2222 } 2223 .form-control::-moz-placeholder { 2224 color: #6d757e; 2225 opacity: 1; 2226 } 2227 .form-control:-ms-input-placeholder { 2228 color: #6d757e; 2229 opacity: 1; 2230 } 2231 .form-control::-ms-input-placeholder { 2232 color: #6d757e; 2233 opacity: 1; 2234 } 2235 .form-control::placeholder { 2236 color: #6d757e; 2237 opacity: 1; 2238 } 2239 .form-control:disabled, .form-control[readonly] { 2240 background-color: #eaedf0; 2241 opacity: 1; 2242 } 2243 .form-control::-webkit-file-upload-button { 2244 padding: 0.6rem 1rem; 2245 margin: -0.6rem -1rem; 2246 -webkit-margin-end: 1rem; 2247 margin-inline-end: 1rem; 2248 color: #22262a; 2249 background-color: #eaedf0; 2250 pointer-events: none; 2251 border-color: inherit; 2252 border-style: solid; 2253 border-width: 0; 2254 border-inline-end-width: 1px; 2255 border-radius: 0; 2256 -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; 2257 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; 2258 } 2259 .form-control::file-selector-button { 2260 padding: 0.6rem 1rem; 2261 margin: -0.6rem -1rem; 2262 -webkit-margin-end: 1rem; 2263 margin-inline-end: 1rem; 2264 color: #22262a; 2265 background-color: #eaedf0; 2266 pointer-events: none; 2267 border-color: inherit; 2268 border-style: solid; 2269 border-width: 0; 2270 border-inline-end-width: 1px; 2271 border-radius: 0; 2272 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; 2273 } 2274 @media (prefers-reduced-motion: reduce) { 2275 .form-control::-webkit-file-upload-button { 2276 -webkit-transition: none; 2277 transition: none; 2278 } 2279 .form-control::file-selector-button { 2280 transition: none; 2281 } 2282 } 2283 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 2284 background-color: #dee1e4; 2285 } 2286 .form-control:hover:not(:disabled):not([readonly])::file-selector-button { 2287 background-color: #dee1e4; 2288 } 2289 .form-control::-webkit-file-upload-button { 2290 padding: 0.6rem 1rem; 2291 margin: -0.6rem -1rem; 2292 -webkit-margin-end: 1rem; 2293 margin-inline-end: 1rem; 2294 color: #22262a; 2295 background-color: #eaedf0; 2296 pointer-events: none; 2297 border-color: inherit; 2298 border-style: solid; 2299 border-width: 0; 2300 border-inline-end-width: 1px; 2301 border-radius: 0; 2302 -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; 2303 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; 2304 } 2305 @media (prefers-reduced-motion: reduce) { 2306 .form-control::-webkit-file-upload-button { 2307 -webkit-transition: none; 2308 transition: none; 2309 } 2310 } 2311 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { 2312 background-color: #dee1e4; 2313 } 2314 2315 .form-control-plaintext { 2316 display: block; 2317 width: 100%; 2318 padding: 0.6rem 0; 2319 margin-bottom: 0; 2320 line-height: 1.5; 2321 color: #22262a; 2322 background-color: transparent; 2323 border: solid transparent; 2324 border-width: 1px 0; 2325 } 2326 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { 2327 padding-right: 0; 2328 padding-left: 0; 2329 } 2330 2331 .form-control-sm { 2332 min-height: calc(1.5em + 0.5rem + 2px); 2333 padding: 0.25rem 0.5rem; 2334 font-size: 0.875rem; 2335 border-radius: 0.2rem; 2336 } 2337 .form-control-sm::-webkit-file-upload-button { 2338 padding: 0.25rem 0.5rem; 2339 margin: -0.25rem -0.5rem; 2340 -webkit-margin-end: 0.5rem; 2341 margin-inline-end: 0.5rem; 2342 } 2343 .form-control-sm::file-selector-button { 2344 padding: 0.25rem 0.5rem; 2345 margin: -0.25rem -0.5rem; 2346 -webkit-margin-end: 0.5rem; 2347 margin-inline-end: 0.5rem; 2348 } 2349 .form-control-sm::-webkit-file-upload-button { 2350 padding: 0.25rem 0.5rem; 2351 margin: -0.25rem -0.5rem; 2352 -webkit-margin-end: 0.5rem; 2353 margin-inline-end: 0.5rem; 2354 } 2355 2356 .form-control-lg { 2357 min-height: calc(1.5em + 1rem + 2px); 2358 padding: 0.5rem 1rem; 2359 font-size: 1.25rem; 2360 border-radius: 0.3rem; 2361 } 2362 .form-control-lg::-webkit-file-upload-button { 2363 padding: 0.5rem 1rem; 2364 margin: -0.5rem -1rem; 2365 -webkit-margin-end: 1rem; 2366 margin-inline-end: 1rem; 2367 } 2368 .form-control-lg::file-selector-button { 2369 padding: 0.5rem 1rem; 2370 margin: -0.5rem -1rem; 2371 -webkit-margin-end: 1rem; 2372 margin-inline-end: 1rem; 2373 } 2374 .form-control-lg::-webkit-file-upload-button { 2375 padding: 0.5rem 1rem; 2376 margin: -0.5rem -1rem; 2377 -webkit-margin-end: 1rem; 2378 margin-inline-end: 1rem; 2379 } 2380 2381 textarea.form-control { 2382 min-height: calc(1.5em + 1.2rem + 2px); 2383 } 2384 textarea.form-control-sm { 2385 min-height: calc(1.5em + 0.5rem + 2px); 2386 } 2387 textarea.form-control-lg { 2388 min-height: calc(1.5em + 1rem + 2px); 2389 } 2390 2391 .form-control-color { 2392 width: 3rem; 2393 height: auto; 2394 padding: 0.6rem; 2395 } 2396 .form-control-color:not(:disabled):not([readonly]) { 2397 cursor: pointer; 2398 } 2399 .form-control-color::-moz-color-swatch { 2400 height: 1.5em; 2401 border-radius: 0.25rem; 2402 } 2403 .form-control-color::-webkit-color-swatch { 2404 height: 1.5em; 2405 border-radius: 0.25rem; 2406 } 2407 2408 .form-select, .custom-select { 2409 display: block; 2410 width: 100%; 2411 padding: 0.6rem 3rem 0.6rem 1rem; 2412 -moz-padding-start: calc(1rem - 3px); 2413 font-size: 1rem; 2414 font-weight: 400; 2415 line-height: 1.5; 2416 color: #22262a; 2417 background-color: #eaedf0; 2418 background-image: url("../images/select-bg.svg"); 2419 background-repeat: no-repeat; 2420 background-position: right 1rem center; 2421 background-size: 116rem; 2422 border: 1px solid #ced4da; 2423 border-radius: 0.25rem; 2424 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2425 -webkit-appearance: none; 2426 -moz-appearance: none; 2427 appearance: none; 2428 } 2429 @media (prefers-reduced-motion: reduce) { 2430 .form-select, .custom-select { 2431 transition: none; 2432 } 2433 } 2434 .form-select:focus, .custom-select:focus { 2435 border-color: #8894aa; 2436 outline: 0; 2437 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 2438 } 2439 .form-select[multiple], [multiple].custom-select, .form-select[size]:not([size="1"]), [size].custom-select:not([size="1"]) { 2440 padding-right: 1rem; 2441 background-image: none; 2442 } 2443 .form-select:disabled, .custom-select:disabled { 2444 background-color: #eaedf0; 2445 } 2446 .form-select:-moz-focusring, .custom-select:-moz-focusring { 2447 color: transparent; 2448 text-shadow: 0 0 0 #22262a; 2449 } 2450 2451 .form-select-sm { 2452 padding-top: 0.25rem; 2453 padding-bottom: 0.25rem; 2454 padding-left: 0.5rem; 2455 font-size: 0.875rem; 2456 border-radius: 0.2rem; 2457 } 2458 2459 .form-select-lg { 2460 padding-top: 0.5rem; 2461 padding-bottom: 0.5rem; 2462 padding-left: 1rem; 2463 font-size: 1.25rem; 2464 border-radius: 0.3rem; 2465 } 2466 2467 .form-check { 2468 display: block; 2469 min-height: 1.5rem; 2470 padding-left: 1.5em; 2471 margin-bottom: 0.125rem; 2472 } 2473 .form-check .form-check-input { 2474 float: left; 2475 margin-left: -1.5em; 2476 } 2477 2478 .form-check-input { 2479 width: 1em; 2480 height: 1em; 2481 margin-top: 0.25em; 2482 vertical-align: top; 2483 background-color: white; 2484 background-repeat: no-repeat; 2485 background-position: center; 2486 background-size: contain; 2487 border: 1px solid rgba(0, 0, 0, 0.25); 2488 -webkit-appearance: none; 2489 -moz-appearance: none; 2490 appearance: none; 2491 -webkit-print-color-adjust: exact; 2492 color-adjust: exact; 2493 } 2494 .form-check-input[type=checkbox] { 2495 border-radius: 0.25em; 2496 } 2497 .form-check-input[type=radio] { 2498 border-radius: 50%; 2499 } 2500 .form-check-input:active { 2501 -webkit-filter: brightness(90%); 2502 filter: brightness(90%); 2503 } 2504 .form-check-input:focus { 2505 border-color: #8894aa; 2506 outline: 0; 2507 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 2508 } 2509 .form-check-input:checked { 2510 background-color: var(--cassiopeia-color-primary); 2511 border-color: var(--cassiopeia-color-primary); 2512 } 2513 .form-check-input:checked[type=checkbox] { 2514 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); 2515 } 2516 .form-check-input:checked[type=radio] { 2517 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e"); 2518 } 2519 .form-check-input[type=checkbox]:indeterminate { 2520 background-color: var(--cassiopeia-color-primary); 2521 border-color: var(--cassiopeia-color-primary); 2522 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); 2523 } 2524 .form-check-input:disabled { 2525 pointer-events: none; 2526 -webkit-filter: none; 2527 filter: none; 2528 opacity: 0.5; 2529 } 2530 .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { 2531 opacity: 0.5; 2532 } 2533 2534 .form-switch { 2535 padding-left: 2.5em; 2536 } 2537 .form-switch .form-check-input { 2538 width: 2em; 2539 margin-left: -2.5em; 2540 background-image: 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"); 2541 background-position: left center; 2542 border-radius: 2em; 2543 transition: background-position 0.15s ease-in-out; 2544 } 2545 @media (prefers-reduced-motion: reduce) { 2546 .form-switch .form-check-input { 2547 transition: none; 2548 } 2549 } 2550 .form-switch .form-check-input:focus { 2551 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238894aa'/%3e%3c/svg%3e"); 2552 } 2553 .form-switch .form-check-input:checked { 2554 background-position: right center; 2555 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e"); 2556 } 2557 2558 .form-check-inline { 2559 display: inline-block; 2560 margin-right: 1rem; 2561 } 2562 2563 .btn-check { 2564 position: absolute; 2565 clip: rect(0, 0, 0, 0); 2566 pointer-events: none; 2567 } 2568 .btn-check[disabled] + .btn, .btn-check:disabled + .btn { 2569 pointer-events: none; 2570 -webkit-filter: none; 2571 filter: none; 2572 opacity: 0.65; 2573 } 2574 2575 .form-range { 2576 width: 100%; 2577 height: 1.5rem; 2578 padding: 0; 2579 background-color: transparent; 2580 -webkit-appearance: none; 2581 -moz-appearance: none; 2582 appearance: none; 2583 } 2584 .form-range:focus { 2585 outline: 0; 2586 } 2587 .form-range:focus::-webkit-slider-thumb { 2588 box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 2589 } 2590 .form-range:focus::-moz-range-thumb { 2591 box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 2592 } 2593 .form-range::-moz-focus-outer { 2594 border: 0; 2595 } 2596 .form-range::-webkit-slider-thumb { 2597 width: 1rem; 2598 height: 1rem; 2599 margin-top: -0.25rem; 2600 background-color: var(--cassiopeia-color-primary); 2601 border: 0; 2602 border-radius: 1rem; 2603 -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2604 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2605 -webkit-appearance: none; 2606 appearance: none; 2607 } 2608 @media (prefers-reduced-motion: reduce) { 2609 .form-range::-webkit-slider-thumb { 2610 -webkit-transition: none; 2611 transition: none; 2612 } 2613 } 2614 .form-range::-webkit-slider-thumb:active { 2615 background-color: #b8bfcc; 2616 } 2617 .form-range::-webkit-slider-runnable-track { 2618 width: 100%; 2619 height: 0.5rem; 2620 color: transparent; 2621 cursor: pointer; 2622 background-color: #dfe3e7; 2623 border-color: transparent; 2624 border-radius: 1rem; 2625 } 2626 .form-range::-moz-range-thumb { 2627 width: 1rem; 2628 height: 1rem; 2629 background-color: var(--cassiopeia-color-primary); 2630 border: 0; 2631 border-radius: 1rem; 2632 -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2633 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2634 -moz-appearance: none; 2635 appearance: none; 2636 } 2637 @media (prefers-reduced-motion: reduce) { 2638 .form-range::-moz-range-thumb { 2639 -moz-transition: none; 2640 transition: none; 2641 } 2642 } 2643 .form-range::-moz-range-thumb:active { 2644 background-color: #b8bfcc; 2645 } 2646 .form-range::-moz-range-track { 2647 width: 100%; 2648 height: 0.5rem; 2649 color: transparent; 2650 cursor: pointer; 2651 background-color: #dfe3e7; 2652 border-color: transparent; 2653 border-radius: 1rem; 2654 } 2655 .form-range:disabled { 2656 pointer-events: none; 2657 } 2658 .form-range:disabled::-webkit-slider-thumb { 2659 background-color: #adb5bd; 2660 } 2661 .form-range:disabled::-moz-range-thumb { 2662 background-color: #adb5bd; 2663 } 2664 2665 .form-floating { 2666 position: relative; 2667 } 2668 .form-floating > .form-control, 2669 .form-floating > .form-select, 2670 .form-floating > .custom-select { 2671 height: calc(3.5rem + 2px); 2672 line-height: 1.25; 2673 } 2674 .form-floating > label { 2675 position: absolute; 2676 top: 0; 2677 left: 0; 2678 height: 100%; 2679 padding: 1rem 1rem; 2680 pointer-events: none; 2681 border: 1px solid transparent; 2682 -webkit-transform-origin: 0 0; 2683 transform-origin: 0 0; 2684 transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; 2685 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; 2686 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; 2687 } 2688 @media (prefers-reduced-motion: reduce) { 2689 .form-floating > label { 2690 transition: none; 2691 } 2692 } 2693 .form-floating > .form-control { 2694 padding: 1rem 1rem; 2695 } 2696 .form-floating > .form-control::-webkit-input-placeholder { 2697 color: transparent; 2698 } 2699 .form-floating > .form-control::-moz-placeholder { 2700 color: transparent; 2701 } 2702 .form-floating > .form-control:-ms-input-placeholder { 2703 color: transparent; 2704 } 2705 .form-floating > .form-control::-ms-input-placeholder { 2706 color: transparent; 2707 } 2708 .form-floating > .form-control::placeholder { 2709 color: transparent; 2710 } 2711 .form-floating > .form-control:not(:-moz-placeholder-shown) { 2712 padding-top: 1.625rem; 2713 padding-bottom: 0.625rem; 2714 } 2715 .form-floating > .form-control:not(:-ms-input-placeholder) { 2716 padding-top: 1.625rem; 2717 padding-bottom: 0.625rem; 2718 } 2719 .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { 2720 padding-top: 1.625rem; 2721 padding-bottom: 0.625rem; 2722 } 2723 .form-floating > .form-control:-webkit-autofill { 2724 padding-top: 1.625rem; 2725 padding-bottom: 0.625rem; 2726 } 2727 .form-floating > .form-select, .form-floating > .custom-select { 2728 padding-top: 1.625rem; 2729 padding-bottom: 0.625rem; 2730 } 2731 .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { 2732 opacity: 0.65; 2733 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2734 } 2735 .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { 2736 opacity: 0.65; 2737 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2738 } 2739 .form-floating > .form-control:focus ~ label, 2740 .form-floating > .form-control:not(:placeholder-shown) ~ label, 2741 .form-floating > .form-select ~ label, 2742 .form-floating > .custom-select ~ label { 2743 opacity: 0.65; 2744 -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2745 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2746 } 2747 .form-floating > .form-control:-webkit-autofill ~ label { 2748 opacity: 0.65; 2749 -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2750 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2751 } 2752 2753 .input-group { 2754 position: relative; 2755 display: flex; 2756 flex-wrap: wrap; 2757 align-items: stretch; 2758 width: 100%; 2759 } 2760 .input-group > .form-control, 2761 .input-group > .form-select, 2762 .input-group > .custom-select { 2763 position: relative; 2764 flex: 1 1 auto; 2765 width: 1%; 2766 min-width: 0; 2767 } 2768 .input-group > .form-control:focus, 2769 .input-group > .form-select:focus, 2770 .input-group > .custom-select:focus { 2771 z-index: 3; 2772 } 2773 .input-group .btn { 2774 position: relative; 2775 z-index: 2; 2776 } 2777 .input-group .btn:focus { 2778 z-index: 3; 2779 } 2780 2781 .input-group-text { 2782 display: flex; 2783 align-items: center; 2784 padding: 0.6rem 1rem; 2785 font-size: 1rem; 2786 font-weight: 400; 2787 line-height: 1.5; 2788 color: #22262a; 2789 text-align: center; 2790 white-space: nowrap; 2791 background-color: #eaedf0; 2792 border: 1px solid #ced4da; 2793 border-radius: 0.25rem; 2794 } 2795 2796 .input-group-lg > .form-control, 2797 .input-group-lg > .form-select, 2798 .input-group-lg > .custom-select, 2799 .input-group-lg > .input-group-text, 2800 .input-group-lg > .btn { 2801 padding: 0.5rem 1rem; 2802 font-size: 1.25rem; 2803 border-radius: 0.3rem; 2804 } 2805 2806 .input-group-sm > .form-control, 2807 .input-group-sm > .form-select, 2808 .input-group-sm > .custom-select, 2809 .input-group-sm > .input-group-text, 2810 .input-group-sm > .btn { 2811 padding: 0.25rem 0.5rem; 2812 font-size: 0.875rem; 2813 border-radius: 0.2rem; 2814 } 2815 2816 .input-group-lg > .form-select, .input-group-lg > .custom-select, 2817 .input-group-sm > .form-select, 2818 .input-group-sm > .custom-select { 2819 padding-right: 4rem; 2820 } 2821 2822 .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), 2823 .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { 2824 border-top-right-radius: 0; 2825 border-bottom-right-radius: 0; 2826 } 2827 .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), 2828 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { 2829 border-top-right-radius: 0; 2830 border-bottom-right-radius: 0; 2831 } 2832 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 2833 margin-left: -1px; 2834 border-top-left-radius: 0; 2835 border-bottom-left-radius: 0; 2836 } 2837 2838 .valid-feedback { 2839 display: none; 2840 width: 100%; 2841 margin-top: 0.25rem; 2842 font-size: 0.875em; 2843 color: #448344; 2844 } 2845 2846 .valid-tooltip { 2847 position: absolute; 2848 top: 100%; 2849 z-index: 5; 2850 display: none; 2851 max-width: 100%; 2852 padding: 0.25rem 0.5rem; 2853 margin-top: 0.1rem; 2854 font-size: 0.875rem; 2855 color: white; 2856 background-color: rgba(68, 131, 68, 0.9); 2857 border-radius: 0.25rem; 2858 } 2859 2860 .was-validated :valid ~ .valid-feedback, 2861 .was-validated :valid ~ .valid-tooltip, 2862 .is-valid ~ .valid-feedback, 2863 .is-valid ~ .valid-tooltip { 2864 display: block; 2865 } 2866 2867 .was-validated .form-control:valid, .form-control.is-valid { 2868 border-color: #448344; 2869 padding-right: calc(1.5em + 1.2rem); 2870 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' d='M2.3 6.73L.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"); 2871 background-repeat: no-repeat; 2872 background-position: right calc(0.375em + 0.3rem) center; 2873 background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); 2874 } 2875 .was-validated .form-control:valid:focus, .form-control.is-valid:focus { 2876 border-color: #448344; 2877 box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25); 2878 } 2879 2880 .was-validated textarea.form-control:valid, textarea.form-control.is-valid { 2881 padding-right: calc(1.5em + 1.2rem); 2882 background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); 2883 } 2884 2885 .was-validated .form-select:valid, .was-validated .custom-select:valid, .form-select.is-valid, .is-valid.custom-select { 2886 border-color: #448344; 2887 } 2888 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .custom-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .custom-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.custom-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.custom-select:not([multiple])[size="1"] { 2889 padding-right: 5.5rem; 2890 background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23448344' d='M2.3 6.73L.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"); 2891 background-position: right 1rem center, center right 3rem; 2892 background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); 2893 } 2894 .was-validated .form-select:valid:focus, .was-validated .custom-select:valid:focus, .form-select.is-valid:focus, .is-valid.custom-select:focus { 2895 border-color: #448344; 2896 box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25); 2897 } 2898 2899 .was-validated .form-check-input:valid, .form-check-input.is-valid { 2900 border-color: #448344; 2901 } 2902 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { 2903 background-color: #448344; 2904 } 2905 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { 2906 box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25); 2907 } 2908 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { 2909 color: #448344; 2910 } 2911 2912 .form-check-inline .form-check-input ~ .valid-feedback { 2913 margin-left: 0.5em; 2914 } 2915 2916 .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, 2917 .was-validated .input-group .form-select:valid, 2918 .was-validated .input-group .custom-select:valid, 2919 .input-group .form-select.is-valid, 2920 .input-group .is-valid.custom-select { 2921 z-index: 1; 2922 } 2923 .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, 2924 .was-validated .input-group .form-select:valid:focus, 2925 .was-validated .input-group .custom-select:valid:focus, 2926 .input-group .form-select.is-valid:focus, 2927 .input-group .is-valid.custom-select:focus { 2928 z-index: 3; 2929 } 2930 2931 .invalid-feedback { 2932 display: none; 2933 width: 100%; 2934 margin-top: 0.25rem; 2935 font-size: 0.875em; 2936 color: #a51f18; 2937 } 2938 2939 .invalid-tooltip { 2940 position: absolute; 2941 top: 100%; 2942 z-index: 5; 2943 display: none; 2944 max-width: 100%; 2945 padding: 0.25rem 0.5rem; 2946 margin-top: 0.1rem; 2947 font-size: 0.875rem; 2948 color: white; 2949 background-color: rgba(165, 31, 24, 0.9); 2950 border-radius: 0.25rem; 2951 } 2952 2953 .was-validated :invalid ~ .invalid-feedback, 2954 .was-validated :invalid ~ .invalid-tooltip, 2955 .is-invalid ~ .invalid-feedback, 2956 .is-invalid ~ .invalid-tooltip { 2957 display: block; 2958 } 2959 2960 .was-validated .form-control:invalid, .form-control.is-invalid { 2961 border-color: #a51f18; 2962 padding-right: calc(1.5em + 1.2rem); 2963 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='%23a51f18'%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='%23a51f18' stroke='none'/%3e%3c/svg%3e"); 2964 background-repeat: no-repeat; 2965 background-position: right calc(0.375em + 0.3rem) center; 2966 background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); 2967 } 2968 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { 2969 border-color: #a51f18; 2970 box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25); 2971 } 2972 2973 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { 2974 padding-right: calc(1.5em + 1.2rem); 2975 background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem); 2976 } 2977 2978 .was-validated .form-select:invalid, .was-validated .custom-select:invalid, .form-select.is-invalid, .is-invalid.custom-select { 2979 border-color: #a51f18; 2980 } 2981 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .custom-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .custom-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.custom-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.custom-select:not([multiple])[size="1"] { 2982 padding-right: 5.5rem; 2983 background-image: url("../images/select-bg.svg"), 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='%23a51f18'%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='%23a51f18' stroke='none'/%3e%3c/svg%3e"); 2984 background-position: right 1rem center, center right 3rem; 2985 background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem); 2986 } 2987 .was-validated .form-select:invalid:focus, .was-validated .custom-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.custom-select:focus { 2988 border-color: #a51f18; 2989 box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25); 2990 } 2991 2992 .was-validated .form-check-input:invalid, .form-check-input.is-invalid { 2993 border-color: #a51f18; 2994 } 2995 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { 2996 background-color: #a51f18; 2997 } 2998 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { 2999 box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25); 3000 } 3001 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { 3002 color: #a51f18; 3003 } 3004 3005 .form-check-inline .form-check-input ~ .invalid-feedback { 3006 margin-left: 0.5em; 3007 } 3008 3009 .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, 3010 .was-validated .input-group .form-select:invalid, 3011 .was-validated .input-group .custom-select:invalid, 3012 .input-group .form-select.is-invalid, 3013 .input-group .is-invalid.custom-select { 3014 z-index: 2; 3015 } 3016 .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, 3017 .was-validated .input-group .form-select:invalid:focus, 3018 .was-validated .input-group .custom-select:invalid:focus, 3019 .input-group .form-select.is-invalid:focus, 3020 .input-group .is-invalid.custom-select:focus { 3021 z-index: 3; 3022 } 3023 3024 .btn { 3025 display: inline-block; 3026 font-weight: 400; 3027 line-height: 1.5; 3028 color: #22262a; 3029 text-align: center; 3030 text-decoration: none; 3031 vertical-align: middle; 3032 cursor: pointer; 3033 -webkit-user-select: none; 3034 -moz-user-select: none; 3035 -ms-user-select: none; 3036 user-select: none; 3037 background-color: transparent; 3038 border: 1px solid transparent; 3039 padding: 0.6rem 1rem; 3040 font-size: 1rem; 3041 border-radius: 0.25rem; 3042 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; 3043 } 3044 @media (prefers-reduced-motion: reduce) { 3045 .btn { 3046 transition: none; 3047 } 3048 } 3049 .btn:hover { 3050 color: #22262a; 3051 } 3052 .btn-check:focus + .btn, .btn:focus { 3053 outline: 0; 3054 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 3055 } 3056 .btn:disabled, .btn.disabled, fieldset:disabled .btn { 3057 pointer-events: none; 3058 opacity: 0.65; 3059 } 3060 3061 .btn-primary { 3062 color: white; 3063 background-color: #010156; 3064 border-color: #010156; 3065 } 3066 .btn-primary:hover { 3067 color: white; 3068 background-color: #010149; 3069 border-color: #010145; 3070 } 3071 .btn-check:focus + .btn-primary, .btn-primary:focus { 3072 color: white; 3073 background-color: #010149; 3074 border-color: #010145; 3075 box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); 3076 } 3077 .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { 3078 color: white; 3079 background-color: #010145; 3080 border-color: #010141; 3081 } 3082 .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { 3083 box-shadow: 0 0 0 0.25rem rgba(39, 39, 111, 0.5); 3084 } 3085 .btn-primary:disabled, .btn-primary.disabled { 3086 color: white; 3087 background-color: #010156; 3088 border-color: #010156; 3089 } 3090 3091 .btn-secondary { 3092 color: white; 3093 background-color: #6d757e; 3094 border-color: #6d757e; 3095 } 3096 .btn-secondary:hover { 3097 color: white; 3098 background-color: #5d636b; 3099 border-color: #575e65; 3100 } 3101 .btn-check:focus + .btn-secondary, .btn-secondary:focus { 3102 color: white; 3103 background-color: #5d636b; 3104 border-color: #575e65; 3105 box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); 3106 } 3107 .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { 3108 color: white; 3109 background-color: #575e65; 3110 border-color: #52585f; 3111 } 3112 .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { 3113 box-shadow: 0 0 0 0.25rem rgba(131, 138, 145, 0.5); 3114 } 3115 .btn-secondary:disabled, .btn-secondary.disabled { 3116 color: white; 3117 background-color: #6d757e; 3118 border-color: #6d757e; 3119 } 3120 3121 .btn-success { 3122 color: white; 3123 background-color: #448344; 3124 border-color: #448344; 3125 } 3126 .btn-success:hover { 3127 color: white; 3128 background-color: #3a6f3a; 3129 border-color: #366936; 3130 } 3131 .btn-check:focus + .btn-success, .btn-success:focus { 3132 color: white; 3133 background-color: #3a6f3a; 3134 border-color: #366936; 3135 box-shadow: 0 0 0 0.25rem rgba(96, 150, 96, 0.5); 3136 } 3137 .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { 3138 color: white; 3139 background-color: #366936; 3140 border-color: #336233; 3141 } 3142 .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { 3143 box-shadow: 0 0 0 0.25rem rgba(96, 150, 96, 0.5); 3144 } 3145 .btn-success:disabled, .btn-success.disabled { 3146 color: white; 3147 background-color: #448344; 3148 border-color: #448344; 3149 } 3150 3151 .btn-info { 3152 color: white; 3153 background-color: #30638d; 3154 border-color: #30638d; 3155 } 3156 .btn-info:hover { 3157 color: white; 3158 background-color: #295478; 3159 border-color: #264f71; 3160 } 3161 .btn-check:focus + .btn-info, .btn-info:focus { 3162 color: white; 3163 background-color: #295478; 3164 border-color: #264f71; 3165 box-shadow: 0 0 0 0.25rem rgba(79, 122, 158, 0.5); 3166 } 3167 .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { 3168 color: white; 3169 background-color: #264f71; 3170 border-color: #244a6a; 3171 } 3172 .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { 3173 box-shadow: 0 0 0 0.25rem rgba(79, 122, 158, 0.5); 3174 } 3175 .btn-info:disabled, .btn-info.disabled { 3176 color: white; 3177 background-color: #30638d; 3178 border-color: #30638d; 3179 } 3180 3181 .btn-warning { 3182 color: white; 3183 background-color: #ad6200; 3184 border-color: #ad6200; 3185 } 3186 .btn-warning:hover { 3187 color: white; 3188 background-color: #935300; 3189 border-color: #8a4e00; 3190 } 3191 .btn-check:focus + .btn-warning, .btn-warning:focus { 3192 color: white; 3193 background-color: #935300; 3194 border-color: #8a4e00; 3195 box-shadow: 0 0 0 0.25rem rgba(185, 122, 38, 0.5); 3196 } 3197 .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { 3198 color: white; 3199 background-color: #8a4e00; 3200 border-color: #824a00; 3201 } 3202 .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { 3203 box-shadow: 0 0 0 0.25rem rgba(185, 122, 38, 0.5); 3204 } 3205 .btn-warning:disabled, .btn-warning.disabled { 3206 color: white; 3207 background-color: #ad6200; 3208 border-color: #ad6200; 3209 } 3210 3211 .btn-danger { 3212 color: white; 3213 background-color: #a51f18; 3214 border-color: #a51f18; 3215 } 3216 .btn-danger:hover { 3217 color: white; 3218 background-color: #8c1a14; 3219 border-color: #841913; 3220 } 3221 .btn-check:focus + .btn-danger, .btn-danger:focus { 3222 color: white; 3223 background-color: #8c1a14; 3224 border-color: #841913; 3225 box-shadow: 0 0 0 0.25rem rgba(179, 65, 59, 0.5); 3226 } 3227 .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { 3228 color: white; 3229 background-color: #841913; 3230 border-color: #7c1712; 3231 } 3232 .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { 3233 box-shadow: 0 0 0 0.25rem rgba(179, 65, 59, 0.5); 3234 } 3235 .btn-danger:disabled, .btn-danger.disabled { 3236 color: white; 3237 background-color: #a51f18; 3238 border-color: #a51f18; 3239 } 3240 3241 .btn-light { 3242 color: black; 3243 background-color: #f9fafb; 3244 border-color: #f9fafb; 3245 } 3246 .btn-light:hover { 3247 color: black; 3248 background-color: #fafbfc; 3249 border-color: #fafbfb; 3250 } 3251 .btn-check:focus + .btn-light, .btn-light:focus { 3252 color: black; 3253 background-color: #fafbfc; 3254 border-color: #fafbfb; 3255 box-shadow: 0 0 0 0.25rem rgba(212, 213, 213, 0.5); 3256 } 3257 .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { 3258 color: black; 3259 background-color: #fafbfc; 3260 border-color: #fafbfb; 3261 } 3262 .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { 3263 box-shadow: 0 0 0 0.25rem rgba(212, 213, 213, 0.5); 3264 } 3265 .btn-light:disabled, .btn-light.disabled { 3266 color: black; 3267 background-color: #f9fafb; 3268 border-color: #f9fafb; 3269 } 3270 3271 .btn-dark { 3272 color: white; 3273 background-color: #353b41; 3274 border-color: #353b41; 3275 } 3276 .btn-dark:hover { 3277 color: white; 3278 background-color: #2d3237; 3279 border-color: #2a2f34; 3280 } 3281 .btn-check:focus + .btn-dark, .btn-dark:focus { 3282 color: white; 3283 background-color: #2d3237; 3284 border-color: #2a2f34; 3285 box-shadow: 0 0 0 0.25rem rgba(83, 88, 94, 0.5); 3286 } 3287 .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { 3288 color: white; 3289 background-color: #2a2f34; 3290 border-color: #282c31; 3291 } 3292 .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { 3293 box-shadow: 0 0 0 0.25rem rgba(83, 88, 94, 0.5); 3294 } 3295 .btn-dark:disabled, .btn-dark.disabled { 3296 color: white; 3297 background-color: #353b41; 3298 border-color: #353b41; 3299 } 3300 3301 .btn-outline-primary { 3302 color: #010156; 3303 border-color: #010156; 3304 } 3305 .btn-outline-primary:hover { 3306 color: white; 3307 background-color: #010156; 3308 border-color: #010156; 3309 } 3310 .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { 3311 box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.5); 3312 } 3313 .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { 3314 color: white; 3315 background-color: #010156; 3316 border-color: #010156; 3317 } 3318 .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { 3319 box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.5); 3320 } 3321 .btn-outline-primary:disabled, .btn-outline-primary.disabled { 3322 color: #010156; 3323 background-color: transparent; 3324 } 3325 3326 .btn-outline-secondary { 3327 color: #6d757e; 3328 border-color: #6d757e; 3329 } 3330 .btn-outline-secondary:hover { 3331 color: white; 3332 background-color: #6d757e; 3333 border-color: #6d757e; 3334 } 3335 .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { 3336 box-shadow: 0 0 0 0.25rem rgba(109, 117, 126, 0.5); 3337 } 3338 .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { 3339 color: white; 3340 background-color: #6d757e; 3341 border-color: #6d757e; 3342 } 3343 .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { 3344 box-shadow: 0 0 0 0.25rem rgba(109, 117, 126, 0.5); 3345 } 3346 .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { 3347 color: #6d757e; 3348 background-color: transparent; 3349 } 3350 3351 .btn-outline-success { 3352 color: #448344; 3353 border-color: #448344; 3354 } 3355 .btn-outline-success:hover { 3356 color: white; 3357 background-color: #448344; 3358 border-color: #448344; 3359 } 3360 .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { 3361 box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.5); 3362 } 3363 .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { 3364 color: white; 3365 background-color: #448344; 3366 border-color: #448344; 3367 } 3368 .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { 3369 box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.5); 3370 } 3371 .btn-outline-success:disabled, .btn-outline-success.disabled { 3372 color: #448344; 3373 background-color: transparent; 3374 } 3375 3376 .btn-outline-info { 3377 color: #30638d; 3378 border-color: #30638d; 3379 } 3380 .btn-outline-info:hover { 3381 color: white; 3382 background-color: #30638d; 3383 border-color: #30638d; 3384 } 3385 .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { 3386 box-shadow: 0 0 0 0.25rem rgba(48, 99, 141, 0.5); 3387 } 3388 .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { 3389 color: white; 3390 background-color: #30638d; 3391 border-color: #30638d; 3392 } 3393 .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { 3394 box-shadow: 0 0 0 0.25rem rgba(48, 99, 141, 0.5); 3395 } 3396 .btn-outline-info:disabled, .btn-outline-info.disabled { 3397 color: #30638d; 3398 background-color: transparent; 3399 } 3400 3401 .btn-outline-warning { 3402 color: #ad6200; 3403 border-color: #ad6200; 3404 } 3405 .btn-outline-warning:hover { 3406 color: white; 3407 background-color: #ad6200; 3408 border-color: #ad6200; 3409 } 3410 .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { 3411 box-shadow: 0 0 0 0.25rem rgba(173, 98, 0, 0.5); 3412 } 3413 .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { 3414 color: white; 3415 background-color: #ad6200; 3416 border-color: #ad6200; 3417 } 3418 .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { 3419 box-shadow: 0 0 0 0.25rem rgba(173, 98, 0, 0.5); 3420 } 3421 .btn-outline-warning:disabled, .btn-outline-warning.disabled { 3422 color: #ad6200; 3423 background-color: transparent; 3424 } 3425 3426 .btn-outline-danger { 3427 color: #a51f18; 3428 border-color: #a51f18; 3429 } 3430 .btn-outline-danger:hover { 3431 color: white; 3432 background-color: #a51f18; 3433 border-color: #a51f18; 3434 } 3435 .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { 3436 box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.5); 3437 } 3438 .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { 3439 color: white; 3440 background-color: #a51f18; 3441 border-color: #a51f18; 3442 } 3443 .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { 3444 box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.5); 3445 } 3446 .btn-outline-danger:disabled, .btn-outline-danger.disabled { 3447 color: #a51f18; 3448 background-color: transparent; 3449 } 3450 3451 .btn-outline-light { 3452 color: #f9fafb; 3453 border-color: #f9fafb; 3454 } 3455 .btn-outline-light:hover { 3456 color: black; 3457 background-color: #f9fafb; 3458 border-color: #f9fafb; 3459 } 3460 .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { 3461 box-shadow: 0 0 0 0.25rem rgba(249, 250, 251, 0.5); 3462 } 3463 .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { 3464 color: black; 3465 background-color: #f9fafb; 3466 border-color: #f9fafb; 3467 } 3468 .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { 3469 box-shadow: 0 0 0 0.25rem rgba(249, 250, 251, 0.5); 3470 } 3471 .btn-outline-light:disabled, .btn-outline-light.disabled { 3472 color: #f9fafb; 3473 background-color: transparent; 3474 } 3475 3476 .btn-outline-dark { 3477 color: #353b41; 3478 border-color: #353b41; 3479 } 3480 .btn-outline-dark:hover { 3481 color: white; 3482 background-color: #353b41; 3483 border-color: #353b41; 3484 } 3485 .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { 3486 box-shadow: 0 0 0 0.25rem rgba(53, 59, 65, 0.5); 3487 } 3488 .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { 3489 color: white; 3490 background-color: #353b41; 3491 border-color: #353b41; 3492 } 3493 .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { 3494 box-shadow: 0 0 0 0.25rem rgba(53, 59, 65, 0.5); 3495 } 3496 .btn-outline-dark:disabled, .btn-outline-dark.disabled { 3497 color: #353b41; 3498 background-color: transparent; 3499 } 3500 3501 .btn-link { 3502 font-weight: 400; 3503 color: var(--cassiopeia-color-link); 3504 text-decoration: underline; 3505 } 3506 .btn-link:hover { 3507 color: var(--cassiopeia-color-hover); 3508 } 3509 .btn-link:disabled, .btn-link.disabled { 3510 color: #6d757e; 3511 } 3512 3513 .btn-lg, .btn-group-lg > .btn { 3514 padding: 0.5rem 1rem; 3515 font-size: 1.25rem; 3516 border-radius: 0.3rem; 3517 } 3518 3519 .btn-sm, .btn-group-sm > .btn { 3520 padding: 0.25rem 0.5rem; 3521 font-size: 0.875rem; 3522 border-radius: 0.2rem; 3523 } 3524 3525 .fade { 3526 transition: opacity 0.15s linear; 3527 } 3528 @media (prefers-reduced-motion: reduce) { 3529 .fade { 3530 transition: none; 3531 } 3532 } 3533 .fade:not(.show) { 3534 opacity: 0; 3535 } 3536 3537 .collapse:not(.show) { 3538 display: none; 3539 } 3540 3541 .collapsing { 3542 height: 0; 3543 overflow: hidden; 3544 transition: height 0.35s ease; 3545 } 3546 @media (prefers-reduced-motion: reduce) { 3547 .collapsing { 3548 transition: none; 3549 } 3550 } 3551 .collapsing.collapse-horizontal { 3552 width: 0; 3553 height: auto; 3554 transition: width 0.35s ease; 3555 } 3556 @media (prefers-reduced-motion: reduce) { 3557 .collapsing.collapse-horizontal { 3558 transition: none; 3559 } 3560 } 3561 3562 .dropup, 3563 .dropend, 3564 .dropdown, 3565 .dropstart { 3566 position: relative; 3567 } 3568 3569 .dropdown-toggle { 3570 white-space: nowrap; 3571 } 3572 .dropdown-toggle::after { 3573 display: inline-block; 3574 margin-left: 0.255em; 3575 vertical-align: 0.255em; 3576 content: ""; 3577 border-top: 0.3em solid; 3578 border-right: 0.3em solid transparent; 3579 border-bottom: 0; 3580 border-left: 0.3em solid transparent; 3581 } 3582 .dropdown-toggle:empty::after { 3583 margin-left: 0; 3584 } 3585 3586 .dropdown-menu { 3587 position: absolute; 3588 z-index: 1000; 3589 display: none; 3590 min-width: 10rem; 3591 padding: 0.5rem 0; 3592 margin: 0; 3593 font-size: 1rem; 3594 color: #22262a; 3595 text-align: left; 3596 list-style: none; 3597 background-color: white; 3598 background-clip: padding-box; 3599 border: 1px solid rgba(0, 0, 0, 0.15); 3600 border-radius: 0.25rem; 3601 } 3602 .dropdown-menu[data-bs-popper] { 3603 top: 100%; 3604 left: 0; 3605 margin-top: 0.125rem; 3606 } 3607 3608 .dropdown-menu-start { 3609 --bs-position: start; 3610 } 3611 .dropdown-menu-start[data-bs-popper] { 3612 right: auto; 3613 left: 0; 3614 } 3615 3616 .dropdown-menu-end { 3617 --bs-position: end; 3618 } 3619 .dropdown-menu-end[data-bs-popper] { 3620 right: 0; 3621 left: auto; 3622 } 3623 3624 @media (min-width: 576px) { 3625 .dropdown-menu-sm-start { 3626 --bs-position: start; 3627 } 3628 .dropdown-menu-sm-start[data-bs-popper] { 3629 right: auto; 3630 left: 0; 3631 } 3632 3633 .dropdown-menu-sm-end { 3634 --bs-position: end; 3635 } 3636 .dropdown-menu-sm-end[data-bs-popper] { 3637 right: 0; 3638 left: auto; 3639 } 3640 } 3641 @media (min-width: 768px) { 3642 .dropdown-menu-md-start { 3643 --bs-position: start; 3644 } 3645 .dropdown-menu-md-start[data-bs-popper] { 3646 right: auto; 3647 left: 0; 3648 } 3649 3650 .dropdown-menu-md-end { 3651 --bs-position: end; 3652 } 3653 .dropdown-menu-md-end[data-bs-popper] { 3654 right: 0; 3655 left: auto; 3656 } 3657 } 3658 @media (min-width: 992px) { 3659 .dropdown-menu-lg-start { 3660 --bs-position: start; 3661 } 3662 .dropdown-menu-lg-start[data-bs-popper] { 3663 right: auto; 3664 left: 0; 3665 } 3666 3667 .dropdown-menu-lg-end { 3668 --bs-position: end; 3669 } 3670 .dropdown-menu-lg-end[data-bs-popper] { 3671 right: 0; 3672 left: auto; 3673 } 3674 } 3675 @media (min-width: 1200px) { 3676 .dropdown-menu-xl-start { 3677 --bs-position: start; 3678 } 3679 .dropdown-menu-xl-start[data-bs-popper] { 3680 right: auto; 3681 left: 0; 3682 } 3683 3684 .dropdown-menu-xl-end { 3685 --bs-position: end; 3686 } 3687 .dropdown-menu-xl-end[data-bs-popper] { 3688 right: 0; 3689 left: auto; 3690 } 3691 } 3692 @media (min-width: 1400px) { 3693 .dropdown-menu-xxl-start { 3694 --bs-position: start; 3695 } 3696 .dropdown-menu-xxl-start[data-bs-popper] { 3697 right: auto; 3698 left: 0; 3699 } 3700 3701 .dropdown-menu-xxl-end { 3702 --bs-position: end; 3703 } 3704 .dropdown-menu-xxl-end[data-bs-popper] { 3705 right: 0; 3706 left: auto; 3707 } 3708 } 3709 .dropup .dropdown-menu[data-bs-popper] { 3710 top: auto; 3711 bottom: 100%; 3712 margin-top: 0; 3713 margin-bottom: 0.125rem; 3714 } 3715 .dropup .dropdown-toggle::after { 3716 display: inline-block; 3717 margin-left: 0.255em; 3718 vertical-align: 0.255em; 3719 content: ""; 3720 border-top: 0; 3721 border-right: 0.3em solid transparent; 3722 border-bottom: 0.3em solid; 3723 border-left: 0.3em solid transparent; 3724 } 3725 .dropup .dropdown-toggle:empty::after { 3726 margin-left: 0; 3727 } 3728 3729 .dropend .dropdown-menu[data-bs-popper] { 3730 top: 0; 3731 right: auto; 3732 left: 100%; 3733 margin-top: 0; 3734 margin-left: 0.125rem; 3735 } 3736 .dropend .dropdown-toggle::after { 3737 display: inline-block; 3738 margin-left: 0.255em; 3739 vertical-align: 0.255em; 3740 content: ""; 3741 border-top: 0.3em solid transparent; 3742 border-right: 0; 3743 border-bottom: 0.3em solid transparent; 3744 border-left: 0.3em solid; 3745 } 3746 .dropend .dropdown-toggle:empty::after { 3747 margin-left: 0; 3748 } 3749 .dropend .dropdown-toggle::after { 3750 vertical-align: 0; 3751 } 3752 3753 .dropstart .dropdown-menu[data-bs-popper] { 3754 top: 0; 3755 right: 100%; 3756 left: auto; 3757 margin-top: 0; 3758 margin-right: 0.125rem; 3759 } 3760 .dropstart .dropdown-toggle::after { 3761 display: inline-block; 3762 margin-left: 0.255em; 3763 vertical-align: 0.255em; 3764 content: ""; 3765 } 3766 .dropstart .dropdown-toggle::after { 3767 display: none; 3768 } 3769 .dropstart .dropdown-toggle::before { 3770 display: inline-block; 3771 margin-right: 0.255em; 3772 vertical-align: 0.255em; 3773 content: ""; 3774 border-top: 0.3em solid transparent; 3775 border-right: 0.3em solid; 3776 border-bottom: 0.3em solid transparent; 3777 } 3778 .dropstart .dropdown-toggle:empty::after { 3779 margin-left: 0; 3780 } 3781 .dropstart .dropdown-toggle::before { 3782 vertical-align: 0; 3783 } 3784 3785 .dropdown-divider { 3786 height: 0; 3787 margin: 0.5rem 0; 3788 overflow: hidden; 3789 border-top: 1px solid rgba(0, 0, 0, 0.15); 3790 } 3791 3792 .dropdown-item { 3793 display: block; 3794 width: 100%; 3795 padding: 0.25rem 1rem; 3796 clear: both; 3797 font-weight: 400; 3798 color: #22262a; 3799 text-align: inherit; 3800 text-decoration: none; 3801 white-space: nowrap; 3802 background-color: transparent; 3803 border: 0; 3804 } 3805 .dropdown-item:hover, .dropdown-item:focus { 3806 color: #1f2226; 3807 background-color: #eaedf0; 3808 } 3809 .dropdown-item.active, .dropdown-item:active { 3810 color: white; 3811 text-decoration: none; 3812 background-color: var(--cassiopeia-color-primary); 3813 } 3814 .dropdown-item.disabled, .dropdown-item:disabled { 3815 color: #adb5bd; 3816 pointer-events: none; 3817 background-color: transparent; 3818 } 3819 3820 .dropdown-menu.show { 3821 display: block; 3822 } 3823 3824 .dropdown-header { 3825 display: block; 3826 padding: 0.5rem 1rem; 3827 margin-bottom: 0; 3828 font-size: 0.875rem; 3829 color: #6d757e; 3830 white-space: nowrap; 3831 } 3832 3833 .dropdown-item-text { 3834 display: block; 3835 padding: 0.25rem 1rem; 3836 color: #22262a; 3837 } 3838 3839 .dropdown-menu-dark { 3840 color: #dfe3e7; 3841 background-color: #353b41; 3842 border-color: rgba(0, 0, 0, 0.15); 3843 } 3844 .dropdown-menu-dark .dropdown-item { 3845 color: #dfe3e7; 3846 } 3847 .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { 3848 color: white; 3849 background-color: rgba(255, 255, 255, 0.15); 3850 } 3851 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { 3852 color: white; 3853 background-color: var(--cassiopeia-color-primary); 3854 } 3855 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { 3856 color: #adb5bd; 3857 } 3858 .dropdown-menu-dark .dropdown-divider { 3859 border-color: rgba(0, 0, 0, 0.15); 3860 } 3861 .dropdown-menu-dark .dropdown-item-text { 3862 color: #dfe3e7; 3863 } 3864 .dropdown-menu-dark .dropdown-header { 3865 color: #adb5bd; 3866 } 3867 3868 .btn-group, 3869 .btn-group-vertical { 3870 position: relative; 3871 display: inline-flex; 3872 vertical-align: middle; 3873 } 3874 .btn-group > .btn, 3875 .btn-group-vertical > .btn { 3876 position: relative; 3877 flex: 1 1 auto; 3878 } 3879 .btn-group > .btn-check:checked + .btn, 3880 .btn-group > .btn-check:focus + .btn, 3881 .btn-group > .btn:hover, 3882 .btn-group > .btn:focus, 3883 .btn-group > .btn:active, 3884 .btn-group > .btn.active, 3885 .btn-group-vertical > .btn-check:checked + .btn, 3886 .btn-group-vertical > .btn-check:focus + .btn, 3887 .btn-group-vertical > .btn:hover, 3888 .btn-group-vertical > .btn:focus, 3889 .btn-group-vertical > .btn:active, 3890 .btn-group-vertical > .btn.active { 3891 z-index: 1; 3892 } 3893 3894 .btn-toolbar { 3895 display: flex; 3896 flex-wrap: wrap; 3897 justify-content: flex-start; 3898 } 3899 .btn-toolbar .input-group { 3900 width: auto; 3901 } 3902 3903 .btn-group > .btn:not(:first-child), 3904 .btn-group > .btn-group:not(:first-child) { 3905 margin-left: -1px; 3906 } 3907 .btn-group > .btn:not(:last-child):not(.dropdown-toggle), 3908 .btn-group > .btn-group:not(:last-child) > .btn { 3909 border-top-right-radius: 0; 3910 border-bottom-right-radius: 0; 3911 } 3912 .btn-group > .btn:nth-child(n+3), 3913 .btn-group > :not(.btn-check) + .btn, 3914 .btn-group > .btn-group:not(:first-child) > .btn { 3915 border-top-left-radius: 0; 3916 border-bottom-left-radius: 0; 3917 } 3918 3919 .dropdown-toggle-split { 3920 padding-right: 0.75rem; 3921 padding-left: 0.75rem; 3922 } 3923 .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { 3924 margin-left: 0; 3925 } 3926 .dropstart .dropdown-toggle-split::before { 3927 margin-right: 0; 3928 } 3929 3930 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { 3931 padding-right: 0.375rem; 3932 padding-left: 0.375rem; 3933 } 3934 3935 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { 3936 padding-right: 0.75rem; 3937 padding-left: 0.75rem; 3938 } 3939 3940 .btn-group-vertical { 3941 flex-direction: column; 3942 align-items: flex-start; 3943 justify-content: center; 3944 } 3945 .btn-group-vertical > .btn, 3946 .btn-group-vertical > .btn-group { 3947 width: 100%; 3948 } 3949 .btn-group-vertical > .btn:not(:first-child), 3950 .btn-group-vertical > .btn-group:not(:first-child) { 3951 margin-top: -1px; 3952 } 3953 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), 3954 .btn-group-vertical > .btn-group:not(:last-child) > .btn { 3955 border-bottom-right-radius: 0; 3956 border-bottom-left-radius: 0; 3957 } 3958 .btn-group-vertical > .btn ~ .btn, 3959 .btn-group-vertical > .btn-group:not(:first-child) > .btn { 3960 border-top-left-radius: 0; 3961 border-top-right-radius: 0; 3962 } 3963 3964 .nav { 3965 display: flex; 3966 flex-wrap: wrap; 3967 padding-left: 0; 3968 margin-bottom: 0; 3969 list-style: none; 3970 } 3971 3972 .nav-link { 3973 display: block; 3974 padding: 0.5rem 1rem; 3975 color: var(--cassiopeia-color-link); 3976 text-decoration: none; 3977 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; 3978 } 3979 @media (prefers-reduced-motion: reduce) { 3980 .nav-link { 3981 transition: none; 3982 } 3983 } 3984 .nav-link:hover, .nav-link:focus { 3985 color: var(--cassiopeia-color-hover); 3986 } 3987 .nav-link.disabled { 3988 color: #6d757e; 3989 pointer-events: none; 3990 cursor: default; 3991 } 3992 3993 .nav-tabs { 3994 border-bottom: 1px solid #dfe3e7; 3995 } 3996 .nav-tabs .nav-link { 3997 margin-bottom: -1px; 3998 background: none; 3999 border: 1px solid transparent; 4000 border-top-left-radius: 0.25rem; 4001 border-top-right-radius: 0.25rem; 4002 } 4003 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { 4004 border-color: #eaedf0 #eaedf0 #dfe3e7; 4005 isolation: isolate; 4006 } 4007 .nav-tabs .nav-link.disabled { 4008 color: #6d757e; 4009 background-color: transparent; 4010 border-color: transparent; 4011 } 4012 .nav-tabs .nav-link.active, 4013 .nav-tabs .nav-item.show .nav-link { 4014 color: #484f56; 4015 background-color: white; 4016 border-color: #dfe3e7 #dfe3e7 white; 4017 } 4018 .nav-tabs .dropdown-menu { 4019 margin-top: -1px; 4020 border-top-left-radius: 0; 4021 border-top-right-radius: 0; 4022 } 4023 4024 .nav-pills .nav-link { 4025 background: none; 4026 border: 0; 4027 border-radius: 0.25rem; 4028 } 4029 .nav-pills .nav-link.active, 4030 .nav-pills .show > .nav-link { 4031 color: white; 4032 background-color: var(--cassiopeia-color-primary); 4033 } 4034 4035 .nav-fill > .nav-link, 4036 .nav-fill .nav-item { 4037 flex: 1 1 auto; 4038 text-align: center; 4039 } 4040 4041 .nav-justified > .nav-link, 4042 .nav-justified .nav-item { 4043 flex-basis: 0; 4044 flex-grow: 1; 4045 text-align: center; 4046 } 4047 4048 .nav-fill .nav-item .nav-link, 4049 .nav-justified .nav-item .nav-link { 4050 width: 100%; 4051 } 4052 4053 .tab-content > .tab-pane { 4054 display: none; 4055 } 4056 .tab-content > .active { 4057 display: block; 4058 } 4059 4060 .navbar { 4061 position: relative; 4062 display: flex; 4063 flex-wrap: wrap; 4064 align-items: center; 4065 justify-content: space-between; 4066 padding-top: 0.5rem; 4067 padding-bottom: 0.5rem; 4068 } 4069 .navbar > .container, 4070 .navbar > .container-fluid, 4071 .navbar > .container-sm, 4072 .navbar > .container-md, 4073 .navbar > .container-lg, 4074 .navbar > .container-xl, 4075 .navbar > .container-xxl { 4076 display: flex; 4077 flex-wrap: inherit; 4078 align-items: center; 4079 justify-content: space-between; 4080 } 4081 .navbar-brand { 4082 padding-top: 0.3125rem; 4083 padding-bottom: 0.3125rem; 4084 margin-right: 1rem; 4085 font-size: 1.25rem; 4086 text-decoration: none; 4087 white-space: nowrap; 4088 } 4089 .navbar-nav { 4090 display: flex; 4091 flex-direction: column; 4092 padding-left: 0; 4093 margin-bottom: 0; 4094 list-style: none; 4095 } 4096 .navbar-nav .nav-link { 4097 padding-right: 0; 4098 padding-left: 0; 4099 } 4100 .navbar-nav .dropdown-menu { 4101 position: static; 4102 } 4103 4104 .navbar-text { 4105 padding-top: 0.5rem; 4106 padding-bottom: 0.5rem; 4107 } 4108 4109 .navbar-collapse { 4110 flex-basis: 100%; 4111 flex-grow: 1; 4112 align-items: center; 4113 } 4114 4115 .navbar-toggler { 4116 padding: 0.25rem 0.75rem; 4117 font-size: 1.25rem; 4118 line-height: 1; 4119 background-color: transparent; 4120 border: 1px solid transparent; 4121 border-radius: 0.25rem; 4122 transition: box-shadow 0.15s ease-in-out; 4123 } 4124 @media (prefers-reduced-motion: reduce) { 4125 .navbar-toggler { 4126 transition: none; 4127 } 4128 } 4129 .navbar-toggler:hover { 4130 text-decoration: none; 4131 } 4132 .navbar-toggler:focus { 4133 text-decoration: none; 4134 outline: 0; 4135 box-shadow: 0 0 0 0.25rem; 4136 } 4137 4138 .navbar-toggler-icon { 4139 display: inline-block; 4140 width: 1.5em; 4141 height: 1.5em; 4142 vertical-align: middle; 4143 background-repeat: no-repeat; 4144 background-position: center; 4145 background-size: 100%; 4146 } 4147 4148 .navbar-nav-scroll { 4149 max-height: var(--scroll-height, 75vh); 4150 overflow-y: auto; 4151 } 4152 4153 @media (min-width: 576px) { 4154 .navbar-expand-sm { 4155 flex-wrap: nowrap; 4156 justify-content: flex-start; 4157 } 4158 .navbar-expand-sm .navbar-nav { 4159 flex-direction: row; 4160 } 4161 .navbar-expand-sm .navbar-nav .dropdown-menu { 4162 position: absolute; 4163 } 4164 .navbar-expand-sm .navbar-nav .nav-link { 4165 padding-right: 0.5rem; 4166 padding-left: 0.5rem; 4167 } 4168 .navbar-expand-sm .navbar-nav-scroll { 4169 overflow: visible; 4170 } 4171 .navbar-expand-sm .navbar-collapse { 4172 display: flex !important; 4173 flex-basis: auto; 4174 } 4175 .navbar-expand-sm .navbar-toggler { 4176 display: none; 4177 } 4178 .navbar-expand-sm .offcanvas-header { 4179 display: none; 4180 } 4181 .navbar-expand-sm .offcanvas { 4182 position: inherit; 4183 bottom: 0; 4184 z-index: 1000; 4185 flex-grow: 1; 4186 visibility: visible !important; 4187 background-color: transparent; 4188 border-right: 0; 4189 border-left: 0; 4190 transition: none; 4191 -webkit-transform: none; 4192 transform: none; 4193 } 4194 .navbar-expand-sm .offcanvas-top, 4195 .navbar-expand-sm .offcanvas-bottom { 4196 height: auto; 4197 border-top: 0; 4198 border-bottom: 0; 4199 } 4200 .navbar-expand-sm .offcanvas-body { 4201 display: flex; 4202 flex-grow: 0; 4203 padding: 0; 4204 overflow-y: visible; 4205 } 4206 } 4207 @media (min-width: 768px) { 4208 .navbar-expand-md { 4209 flex-wrap: nowrap; 4210 justify-content: flex-start; 4211 } 4212 .navbar-expand-md .navbar-nav { 4213 flex-direction: row; 4214 } 4215 .navbar-expand-md .navbar-nav .dropdown-menu { 4216 position: absolute; 4217 } 4218 .navbar-expand-md .navbar-nav .nav-link { 4219 padding-right: 0.5rem; 4220 padding-left: 0.5rem; 4221 } 4222 .navbar-expand-md .navbar-nav-scroll { 4223 overflow: visible; 4224 } 4225 .navbar-expand-md .navbar-collapse { 4226 display: flex !important; 4227 flex-basis: auto; 4228 } 4229 .navbar-expand-md .navbar-toggler { 4230 display: none; 4231 } 4232 .navbar-expand-md .offcanvas-header { 4233 display: none; 4234 } 4235 .navbar-expand-md .offcanvas { 4236 position: inherit; 4237 bottom: 0; 4238 z-index: 1000; 4239 flex-grow: 1; 4240 visibility: visible !important; 4241 background-color: transparent; 4242 border-right: 0; 4243 border-left: 0; 4244 transition: none; 4245 -webkit-transform: none; 4246 transform: none; 4247 } 4248 .navbar-expand-md .offcanvas-top, 4249 .navbar-expand-md .offcanvas-bottom { 4250 height: auto; 4251 border-top: 0; 4252 border-bottom: 0; 4253 } 4254 .navbar-expand-md .offcanvas-body { 4255 display: flex; 4256 flex-grow: 0; 4257 padding: 0; 4258 overflow-y: visible; 4259 } 4260 } 4261 @media (min-width: 992px) { 4262 .navbar-expand-lg { 4263 flex-wrap: nowrap; 4264 justify-content: flex-start; 4265 } 4266 .navbar-expand-lg .navbar-nav { 4267 flex-direction: row; 4268 } 4269 .navbar-expand-lg .navbar-nav .dropdown-menu { 4270 position: absolute; 4271 } 4272 .navbar-expand-lg .navbar-nav .nav-link { 4273 padding-right: 0.5rem; 4274 padding-left: 0.5rem; 4275 } 4276 .navbar-expand-lg .navbar-nav-scroll { 4277 overflow: visible; 4278 } 4279 .navbar-expand-lg .navbar-collapse { 4280 display: flex !important; 4281 flex-basis: auto; 4282 } 4283 .navbar-expand-lg .navbar-toggler { 4284 display: none; 4285 } 4286 .navbar-expand-lg .offcanvas-header { 4287 display: none; 4288 } 4289 .navbar-expand-lg .offcanvas { 4290 position: inherit; 4291 bottom: 0; 4292 z-index: 1000; 4293 flex-grow: 1; 4294 visibility: visible !important; 4295 background-color: transparent; 4296 border-right: 0; 4297 border-left: 0; 4298 transition: none; 4299 -webkit-transform: none; 4300 transform: none; 4301 } 4302 .navbar-expand-lg .offcanvas-top, 4303 .navbar-expand-lg .offcanvas-bottom { 4304 height: auto; 4305 border-top: 0; 4306 border-bottom: 0; 4307 } 4308 .navbar-expand-lg .offcanvas-body { 4309 display: flex; 4310 flex-grow: 0; 4311 padding: 0; 4312 overflow-y: visible; 4313 } 4314 } 4315 @media (min-width: 1200px) { 4316 .navbar-expand-xl { 4317 flex-wrap: nowrap; 4318 justify-content: flex-start; 4319 } 4320 .navbar-expand-xl .navbar-nav { 4321 flex-direction: row; 4322 } 4323 .navbar-expand-xl .navbar-nav .dropdown-menu { 4324 position: absolute; 4325 } 4326 .navbar-expand-xl .navbar-nav .nav-link { 4327 padding-right: 0.5rem; 4328 padding-left: 0.5rem; 4329 } 4330 .navbar-expand-xl .navbar-nav-scroll { 4331 overflow: visible; 4332 } 4333 .navbar-expand-xl .navbar-collapse { 4334 display: flex !important; 4335 flex-basis: auto; 4336 } 4337 .navbar-expand-xl .navbar-toggler { 4338 display: none; 4339 } 4340 .navbar-expand-xl .offcanvas-header { 4341 display: none; 4342 } 4343 .navbar-expand-xl .offcanvas { 4344 position: inherit; 4345 bottom: 0; 4346 z-index: 1000; 4347 flex-grow: 1; 4348 visibility: visible !important; 4349 background-color: transparent; 4350 border-right: 0; 4351 border-left: 0; 4352 transition: none; 4353 -webkit-transform: none; 4354 transform: none; 4355 } 4356 .navbar-expand-xl .offcanvas-top, 4357 .navbar-expand-xl .offcanvas-bottom { 4358 height: auto; 4359 border-top: 0; 4360 border-bottom: 0; 4361 } 4362 .navbar-expand-xl .offcanvas-body { 4363 display: flex; 4364 flex-grow: 0; 4365 padding: 0; 4366 overflow-y: visible; 4367 } 4368 } 4369 @media (min-width: 1400px) { 4370 .navbar-expand-xxl { 4371 flex-wrap: nowrap; 4372 justify-content: flex-start; 4373 } 4374 .navbar-expand-xxl .navbar-nav { 4375 flex-direction: row; 4376 } 4377 .navbar-expand-xxl .navbar-nav .dropdown-menu { 4378 position: absolute; 4379 } 4380 .navbar-expand-xxl .navbar-nav .nav-link { 4381 padding-right: 0.5rem; 4382 padding-left: 0.5rem; 4383 } 4384 .navbar-expand-xxl .navbar-nav-scroll { 4385 overflow: visible; 4386 } 4387 .navbar-expand-xxl .navbar-collapse { 4388 display: flex !important; 4389 flex-basis: auto; 4390 } 4391 .navbar-expand-xxl .navbar-toggler { 4392 display: none; 4393 } 4394 .navbar-expand-xxl .offcanvas-header { 4395 display: none; 4396 } 4397 .navbar-expand-xxl .offcanvas { 4398 position: inherit; 4399 bottom: 0; 4400 z-index: 1000; 4401 flex-grow: 1; 4402 visibility: visible !important; 4403 background-color: transparent; 4404 border-right: 0; 4405 border-left: 0; 4406 transition: none; 4407 -webkit-transform: none; 4408 transform: none; 4409 } 4410 .navbar-expand-xxl .offcanvas-top, 4411 .navbar-expand-xxl .offcanvas-bottom { 4412 height: auto; 4413 border-top: 0; 4414 border-bottom: 0; 4415 } 4416 .navbar-expand-xxl .offcanvas-body { 4417 display: flex; 4418 flex-grow: 0; 4419 padding: 0; 4420 overflow-y: visible; 4421 } 4422 } 4423 .navbar-expand { 4424 flex-wrap: nowrap; 4425 justify-content: flex-start; 4426 } 4427 .navbar-expand .navbar-nav { 4428 flex-direction: row; 4429 } 4430 .navbar-expand .navbar-nav .dropdown-menu { 4431 position: absolute; 4432 } 4433 .navbar-expand .navbar-nav .nav-link { 4434 padding-right: 0.5rem; 4435 padding-left: 0.5rem; 4436 } 4437 .navbar-expand .navbar-nav-scroll { 4438 overflow: visible; 4439 } 4440 .navbar-expand .navbar-collapse { 4441 display: flex !important; 4442 flex-basis: auto; 4443 } 4444 .navbar-expand .navbar-toggler { 4445 display: none; 4446 } 4447 .navbar-expand .offcanvas-header { 4448 display: none; 4449 } 4450 .navbar-expand .offcanvas { 4451 position: inherit; 4452 bottom: 0; 4453 z-index: 1000; 4454 flex-grow: 1; 4455 visibility: visible !important; 4456 background-color: transparent; 4457 border-right: 0; 4458 border-left: 0; 4459 transition: none; 4460 -webkit-transform: none; 4461 transform: none; 4462 } 4463 .navbar-expand .offcanvas-top, 4464 .navbar-expand .offcanvas-bottom { 4465 height: auto; 4466 border-top: 0; 4467 border-bottom: 0; 4468 } 4469 .navbar-expand .offcanvas-body { 4470 display: flex; 4471 flex-grow: 0; 4472 padding: 0; 4473 overflow-y: visible; 4474 } 4475 4476 .navbar-light .navbar-brand { 4477 color: rgba(0, 0, 0, 0.9); 4478 } 4479 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { 4480 color: rgba(0, 0, 0, 0.9); 4481 } 4482 .navbar-light .navbar-nav .nav-link { 4483 color: rgba(0, 0, 0, 0.55); 4484 } 4485 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { 4486 color: rgba(0, 0, 0, 0.7); 4487 } 4488 .navbar-light .navbar-nav .nav-link.disabled { 4489 color: rgba(0, 0, 0, 0.3); 4490 } 4491 .navbar-light .navbar-nav .show > .nav-link, 4492 .navbar-light .navbar-nav .nav-link.active { 4493 color: rgba(0, 0, 0, 0.9); 4494 } 4495 .navbar-light .navbar-toggler { 4496 color: rgba(0, 0, 0, 0.55); 4497 border-color: rgba(0, 0, 0, 0.1); 4498 } 4499 .navbar-light .navbar-toggler-icon { 4500 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 4501 } 4502 .navbar-light .navbar-text { 4503 color: rgba(0, 0, 0, 0.55); 4504 } 4505 .navbar-light .navbar-text a, 4506 .navbar-light .navbar-text a:hover, 4507 .navbar-light .navbar-text a:focus { 4508 color: rgba(0, 0, 0, 0.9); 4509 } 4510 4511 .navbar-dark .navbar-brand { 4512 color: white; 4513 } 4514 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { 4515 color: white; 4516 } 4517 .navbar-dark .navbar-nav .nav-link { 4518 color: rgba(255, 255, 255, 0.55); 4519 } 4520 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { 4521 color: rgba(255, 255, 255, 0.75); 4522 } 4523 .navbar-dark .navbar-nav .nav-link.disabled { 4524 color: rgba(255, 255, 255, 0.25); 4525 } 4526 .navbar-dark .navbar-nav .show > .nav-link, 4527 .navbar-dark .navbar-nav .nav-link.active { 4528 color: white; 4529 } 4530 .navbar-dark .navbar-toggler { 4531 color: rgba(255, 255, 255, 0.55); 4532 border-color: rgba(255, 255, 255, 0.1); 4533 } 4534 .navbar-dark .navbar-toggler-icon { 4535 background-image: 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"); 4536 } 4537 .navbar-dark .navbar-text { 4538 color: rgba(255, 255, 255, 0.55); 4539 } 4540 .navbar-dark .navbar-text a, 4541 .navbar-dark .navbar-text a:hover, 4542 .navbar-dark .navbar-text a:focus { 4543 color: white; 4544 } 4545 4546 .card { 4547 position: relative; 4548 display: flex; 4549 flex-direction: column; 4550 min-width: 0; 4551 word-wrap: break-word; 4552 background-color: white; 4553 background-clip: border-box; 4554 border: 1px solid #dfe3e7; 4555 border-radius: 0.25rem; 4556 } 4557 .card > hr { 4558 margin-right: 0; 4559 margin-left: 0; 4560 } 4561 .card > .list-group { 4562 border-top: inherit; 4563 border-bottom: inherit; 4564 } 4565 .card > .list-group:first-child { 4566 border-top-width: 0; 4567 border-top-left-radius: calc(0.25rem - 1px); 4568 border-top-right-radius: calc(0.25rem - 1px); 4569 } 4570 .card > .list-group:last-child { 4571 border-bottom-width: 0; 4572 border-bottom-right-radius: calc(0.25rem - 1px); 4573 border-bottom-left-radius: calc(0.25rem - 1px); 4574 } 4575 .card > .card-header + .list-group, 4576 .card > .list-group + .card-footer { 4577 border-top: 0; 4578 } 4579 4580 .card-body { 4581 flex: 1 1 auto; 4582 padding: 1rem 1rem; 4583 } 4584 4585 .card-title { 4586 margin-bottom: 0.5rem; 4587 } 4588 4589 .card-subtitle { 4590 margin-top: -0.25rem; 4591 margin-bottom: 0; 4592 } 4593 4594 .card-text:last-child { 4595 margin-bottom: 0; 4596 } 4597 4598 .card-link + .card-link { 4599 margin-left: 1rem; 4600 } 4601 4602 .card-header { 4603 padding: 0.5rem 1rem; 4604 margin-bottom: 0; 4605 background-color: rgba(0, 0, 0, 0.03); 4606 border-bottom: 1px solid #dfe3e7; 4607 } 4608 .card-header:first-child { 4609 border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; 4610 } 4611 4612 .card-footer { 4613 padding: 0.5rem 1rem; 4614 background-color: rgba(0, 0, 0, 0.03); 4615 border-top: 1px solid #dfe3e7; 4616 } 4617 .card-footer:last-child { 4618 border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); 4619 } 4620 4621 .card-header-tabs { 4622 margin-right: -0.5rem; 4623 margin-bottom: -0.5rem; 4624 margin-left: -0.5rem; 4625 border-bottom: 0; 4626 } 4627 4628 .card-header-pills { 4629 margin-right: -0.5rem; 4630 margin-left: -0.5rem; 4631 } 4632 4633 .card-img-overlay { 4634 position: absolute; 4635 top: 0; 4636 right: 0; 4637 bottom: 0; 4638 left: 0; 4639 padding: 1rem; 4640 border-radius: calc(0.25rem - 1px); 4641 } 4642 4643 .card-img, 4644 .card-img-top, 4645 .card-img-bottom { 4646 width: 100%; 4647 } 4648 4649 .card-img, 4650 .card-img-top { 4651 border-top-left-radius: calc(0.25rem - 1px); 4652 border-top-right-radius: calc(0.25rem - 1px); 4653 } 4654 4655 .card-img, 4656 .card-img-bottom { 4657 border-bottom-right-radius: calc(0.25rem - 1px); 4658 border-bottom-left-radius: calc(0.25rem - 1px); 4659 } 4660 4661 .card-group > .card { 4662 margin-bottom: 0.5em; 4663 } 4664 @media (min-width: 576px) { 4665 .card-group { 4666 display: flex; 4667 flex-flow: row wrap; 4668 } 4669 .card-group > .card { 4670 flex: 1 0 0%; 4671 margin-bottom: 0; 4672 } 4673 .card-group > .card + .card { 4674 margin-left: 0; 4675 border-left: 0; 4676 } 4677 .card-group > .card:not(:last-child) { 4678 border-top-right-radius: 0; 4679 border-bottom-right-radius: 0; 4680 } 4681 .card-group > .card:not(:last-child) .card-img-top, 4682 .card-group > .card:not(:last-child) .card-header { 4683 border-top-right-radius: 0; 4684 } 4685 .card-group > .card:not(:last-child) .card-img-bottom, 4686 .card-group > .card:not(:last-child) .card-footer { 4687 border-bottom-right-radius: 0; 4688 } 4689 .card-group > .card:not(:first-child) { 4690 border-top-left-radius: 0; 4691 border-bottom-left-radius: 0; 4692 } 4693 .card-group > .card:not(:first-child) .card-img-top, 4694 .card-group > .card:not(:first-child) .card-header { 4695 border-top-left-radius: 0; 4696 } 4697 .card-group > .card:not(:first-child) .card-img-bottom, 4698 .card-group > .card:not(:first-child) .card-footer { 4699 border-bottom-left-radius: 0; 4700 } 4701 } 4702 4703 .accordion-button { 4704 position: relative; 4705 display: flex; 4706 align-items: center; 4707 width: 100%; 4708 padding: 1rem 1.25rem; 4709 font-size: 1rem; 4710 color: #22262a; 4711 text-align: left; 4712 background-color: white; 4713 border: 0; 4714 border-radius: 0; 4715 overflow-anchor: none; 4716 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; 4717 } 4718 @media (prefers-reduced-motion: reduce) { 4719 .accordion-button { 4720 transition: none; 4721 } 4722 } 4723 .accordion-button:not(.collapsed) { 4724 color: #0f244d; 4725 background-color: #e7eaee; 4726 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); 4727 } 4728 .accordion-button:not(.collapsed)::after { 4729 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%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"); 4730 -webkit-transform: rotate(-180deg); 4731 transform: rotate(-180deg); 4732 } 4733 .accordion-button::after { 4734 flex-shrink: 0; 4735 width: 1.25rem; 4736 height: 1.25rem; 4737 margin-left: auto; 4738 content: ""; 4739 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2322262a'%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"); 4740 background-repeat: no-repeat; 4741 background-size: 1.25rem; 4742 transition: -webkit-transform 0.2s ease-in-out; 4743 transition: transform 0.2s ease-in-out; 4744 transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; 4745 } 4746 @media (prefers-reduced-motion: reduce) { 4747 .accordion-button::after { 4748 transition: none; 4749 } 4750 } 4751 .accordion-button:hover { 4752 z-index: 2; 4753 } 4754 .accordion-button:focus { 4755 z-index: 3; 4756 border-color: #8894aa; 4757 outline: 0; 4758 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 4759 } 4760 4761 .accordion-header { 4762 margin-bottom: 0; 4763 } 4764 4765 .accordion-item { 4766 background-color: white; 4767 border: 1px solid rgba(0, 0, 0, 0.125); 4768 } 4769 .accordion-item:first-of-type { 4770 border-top-left-radius: 0.25rem; 4771 border-top-right-radius: 0.25rem; 4772 } 4773 .accordion-item:first-of-type .accordion-button { 4774 border-top-left-radius: calc(0.25rem - 1px); 4775 border-top-right-radius: calc(0.25rem - 1px); 4776 } 4777 .accordion-item:not(:first-of-type) { 4778 border-top: 0; 4779 } 4780 .accordion-item:last-of-type { 4781 border-bottom-right-radius: 0.25rem; 4782 border-bottom-left-radius: 0.25rem; 4783 } 4784 .accordion-item:last-of-type .accordion-button.collapsed { 4785 border-bottom-right-radius: calc(0.25rem - 1px); 4786 border-bottom-left-radius: calc(0.25rem - 1px); 4787 } 4788 .accordion-item:last-of-type .accordion-collapse { 4789 border-bottom-right-radius: 0.25rem; 4790 border-bottom-left-radius: 0.25rem; 4791 } 4792 4793 .accordion-body { 4794 padding: 1rem 1.25rem; 4795 } 4796 4797 .accordion-flush .accordion-collapse { 4798 border-width: 0; 4799 } 4800 .accordion-flush .accordion-item { 4801 border-right: 0; 4802 border-left: 0; 4803 border-radius: 0; 4804 } 4805 .accordion-flush .accordion-item:first-child { 4806 border-top: 0; 4807 } 4808 .accordion-flush .accordion-item:last-child { 4809 border-bottom: 0; 4810 } 4811 .accordion-flush .accordion-item .accordion-button { 4812 border-radius: 0; 4813 } 4814 4815 .breadcrumb { 4816 display: flex; 4817 flex-wrap: wrap; 4818 padding: 0 0; 4819 margin-bottom: 1rem; 4820 list-style: none; 4821 } 4822 4823 .breadcrumb-item + .breadcrumb-item { 4824 padding-left: 0.5rem; 4825 } 4826 .breadcrumb-item + .breadcrumb-item::before { 4827 float: left; 4828 padding-right: 0.5rem; 4829 color: #6d757e; 4830 content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */; 4831 } 4832 .breadcrumb-item.active { 4833 color: #484f56; 4834 } 4835 4836 .pagination { 4837 display: flex; 4838 padding-left: 0; 4839 list-style: none; 4840 } 4841 4842 .page-link { 4843 position: relative; 4844 display: block; 4845 color: var(--cassiopeia-color-link); 4846 text-decoration: none; 4847 background-color: white; 4848 border: 1px solid #dfe3e7; 4849 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; 4850 } 4851 @media (prefers-reduced-motion: reduce) { 4852 .page-link { 4853 transition: none; 4854 } 4855 } 4856 .page-link:hover { 4857 z-index: 2; 4858 color: var(--cassiopeia-color-hover); 4859 background-color: #eaedf0; 4860 border-color: #dfe3e7; 4861 } 4862 .page-link:focus { 4863 z-index: 3; 4864 color: var(--cassiopeia-color-hover); 4865 background-color: #eaedf0; 4866 outline: 0; 4867 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 4868 } 4869 4870 .page-item:not(:first-child) .page-link { 4871 margin-left: -1px; 4872 } 4873 .page-item.active .page-link { 4874 z-index: 3; 4875 color: white; 4876 background-color: var(--cassiopeia-color-primary); 4877 border-color: var(--cassiopeia-color-primary); 4878 } 4879 .page-item.disabled .page-link { 4880 color: #6d757e; 4881 pointer-events: none; 4882 background-color: white; 4883 border-color: #dfe3e7; 4884 } 4885 4886 .page-link { 4887 padding: 0.375rem 0.75rem; 4888 } 4889 4890 .page-item:first-child .page-link { 4891 border-top-left-radius: 0.25rem; 4892 border-bottom-left-radius: 0.25rem; 4893 } 4894 .page-item:last-child .page-link { 4895 border-top-right-radius: 0.25rem; 4896 border-bottom-right-radius: 0.25rem; 4897 } 4898 4899 .pagination-lg .page-link { 4900 padding: 0.75rem 1.5rem; 4901 font-size: 1.25rem; 4902 } 4903 .pagination-lg .page-item:first-child .page-link { 4904 border-top-left-radius: 0.3rem; 4905 border-bottom-left-radius: 0.3rem; 4906 } 4907 .pagination-lg .page-item:last-child .page-link { 4908 border-top-right-radius: 0.3rem; 4909 border-bottom-right-radius: 0.3rem; 4910 } 4911 4912 .pagination-sm .page-link { 4913 padding: 0.25rem 0.5rem; 4914 font-size: 0.875rem; 4915 } 4916 .pagination-sm .page-item:first-child .page-link { 4917 border-top-left-radius: 0.2rem; 4918 border-bottom-left-radius: 0.2rem; 4919 } 4920 .pagination-sm .page-item:last-child .page-link { 4921 border-top-right-radius: 0.2rem; 4922 border-bottom-right-radius: 0.2rem; 4923 } 4924 4925 .badge { 4926 display: inline-block; 4927 padding: 0.35em 0.65em; 4928 font-size: 0.75em; 4929 font-weight: 700; 4930 line-height: 1; 4931 color: white; 4932 text-align: center; 4933 white-space: nowrap; 4934 vertical-align: baseline; 4935 border-radius: 0.25rem; 4936 } 4937 .badge:empty { 4938 display: none; 4939 } 4940 4941 .btn .badge { 4942 position: relative; 4943 top: -1px; 4944 } 4945 4946 .alert { 4947 position: relative; 4948 padding: 1rem 1rem; 4949 margin-bottom: 1rem; 4950 border: 1px solid transparent; 4951 border-radius: 0.25rem; 4952 } 4953 4954 .alert-heading { 4955 color: inherit; 4956 } 4957 4958 .alert-link { 4959 font-weight: 700; 4960 } 4961 4962 .alert-dismissible { 4963 padding-right: 3rem; 4964 } 4965 .alert-dismissible .btn-close { 4966 position: absolute; 4967 top: 0; 4968 right: 0; 4969 z-index: 2; 4970 padding: 1.25rem 1rem; 4971 } 4972 4973 .alert-primary { 4974 color: #010134; 4975 background-color: #ccccdd; 4976 border-color: #b3b3cc; 4977 } 4978 .alert-primary .alert-link { 4979 color: #01012a; 4980 } 4981 4982 .alert-secondary { 4983 color: #41464c; 4984 background-color: #e2e3e5; 4985 border-color: #d3d6d8; 4986 } 4987 .alert-secondary .alert-link { 4988 color: #34383d; 4989 } 4990 4991 .alert-success { 4992 color: #294f29; 4993 background-color: #dae6da; 4994 border-color: #c7dac7; 4995 } 4996 .alert-success .alert-link { 4997 color: #213f21; 4998 } 4999 5000 .alert-info { 5001 color: #1d3b55; 5002 background-color: #d6e0e8; 5003 border-color: #c1d0dd; 5004 } 5005 .alert-info .alert-link { 5006 color: #172f44; 5007 } 5008 5009 .alert-warning { 5010 color: #683b00; 5011 background-color: #efe0cc; 5012 border-color: #e6d0b3; 5013 } 5014 .alert-warning .alert-link { 5015 color: #532f00; 5016 } 5017 5018 .alert-danger { 5019 color: #63130e; 5020 background-color: #edd2d1; 5021 border-color: #e4bcba; 5022 } 5023 .alert-danger .alert-link { 5024 color: #4f0f0b; 5025 } 5026 5027 .alert-light { 5028 color: #646464; 5029 background-color: #fefefe; 5030 border-color: #fdfefe; 5031 } 5032 .alert-light .alert-link { 5033 color: #505050; 5034 } 5035 5036 .alert-dark { 5037 color: #202327; 5038 background-color: #d7d8d9; 5039 border-color: #c2c4c6; 5040 } 5041 .alert-dark .alert-link { 5042 color: #1a1c1f; 5043 } 5044 5045 @-webkit-keyframes progress-bar-stripes { 5046 0% { 5047 background-position-x: 1rem; 5048 } 5049 } 5050 5051 @keyframes progress-bar-stripes { 5052 0% { 5053 background-position-x: 1rem; 5054 } 5055 } 5056 .progress { 5057 display: flex; 5058 height: 1rem; 5059 overflow: hidden; 5060 font-size: 0.75rem; 5061 background-color: #eaedf0; 5062 border-radius: 0.25rem; 5063 } 5064 5065 .progress-bar { 5066 display: flex; 5067 flex-direction: column; 5068 justify-content: center; 5069 overflow: hidden; 5070 color: white; 5071 text-align: center; 5072 white-space: nowrap; 5073 background-color: var(--cassiopeia-color-primary); 5074 transition: width 0.6s ease; 5075 } 5076 @media (prefers-reduced-motion: reduce) { 5077 .progress-bar { 5078 transition: none; 5079 } 5080 } 5081 5082 .progress-bar-striped { 5083 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); 5084 background-size: 1rem 1rem; 5085 } 5086 5087 .progress-bar-animated { 5088 -webkit-animation: 1s linear infinite progress-bar-stripes; 5089 animation: 1s linear infinite progress-bar-stripes; 5090 } 5091 @media (prefers-reduced-motion: reduce) { 5092 .progress-bar-animated { 5093 -webkit-animation: none; 5094 animation: none; 5095 } 5096 } 5097 5098 .list-group { 5099 display: flex; 5100 flex-direction: column; 5101 padding-left: 0; 5102 margin-bottom: 0; 5103 border-radius: 0.25rem; 5104 } 5105 5106 .list-group-numbered { 5107 list-style-type: none; 5108 counter-reset: section; 5109 } 5110 .list-group-numbered > li::before { 5111 content: counters(section, ".") ". "; 5112 counter-increment: section; 5113 } 5114 5115 .list-group-item-action { 5116 width: 100%; 5117 color: #484f56; 5118 text-align: inherit; 5119 } 5120 .list-group-item-action:hover, .list-group-item-action:focus { 5121 z-index: 1; 5122 color: #484f56; 5123 text-decoration: none; 5124 background-color: #f9fafb; 5125 } 5126 .list-group-item-action:active { 5127 color: #22262a; 5128 background-color: #eaedf0; 5129 } 5130 5131 .list-group-item { 5132 position: relative; 5133 display: block; 5134 padding: 0.5rem 1rem; 5135 color: #22262a; 5136 text-decoration: none; 5137 background-color: white; 5138 border: 1px solid rgba(0, 0, 0, 0.125); 5139 } 5140 .list-group-item:first-child { 5141 border-top-left-radius: inherit; 5142 border-top-right-radius: inherit; 5143 } 5144 .list-group-item:last-child { 5145 border-bottom-right-radius: inherit; 5146 border-bottom-left-radius: inherit; 5147 } 5148 .list-group-item.disabled, .list-group-item:disabled { 5149 color: #6d757e; 5150 pointer-events: none; 5151 background-color: white; 5152 } 5153 .list-group-item.active { 5154 z-index: 2; 5155 color: white; 5156 background-color: var(--cassiopeia-color-primary); 5157 border-color: var(--cassiopeia-color-primary); 5158 } 5159 .list-group-item + .list-group-item { 5160 border-top-width: 0; 5161 } 5162 .list-group-item + .list-group-item.active { 5163 margin-top: -1px; 5164 border-top-width: 1px; 5165 } 5166 5167 .list-group-horizontal { 5168 flex-direction: row; 5169 } 5170 .list-group-horizontal > .list-group-item:first-child { 5171 border-bottom-left-radius: 0.25rem; 5172 border-top-right-radius: 0; 5173 } 5174 .list-group-horizontal > .list-group-item:last-child { 5175 border-top-right-radius: 0.25rem; 5176 border-bottom-left-radius: 0; 5177 } 5178 .list-group-horizontal > .list-group-item.active { 5179 margin-top: 0; 5180 } 5181 .list-group-horizontal > .list-group-item + .list-group-item { 5182 border-top-width: 1px; 5183 border-left-width: 0; 5184 } 5185 .list-group-horizontal > .list-group-item + .list-group-item.active { 5186 margin-left: -1px; 5187 border-left-width: 1px; 5188 } 5189 5190 @media (min-width: 576px) { 5191 .list-group-horizontal-sm { 5192 flex-direction: row; 5193 } 5194 .list-group-horizontal-sm > .list-group-item:first-child { 5195 border-bottom-left-radius: 0.25rem; 5196 border-top-right-radius: 0; 5197 } 5198 .list-group-horizontal-sm > .list-group-item:last-child { 5199 border-top-right-radius: 0.25rem; 5200 border-bottom-left-radius: 0; 5201 } 5202 .list-group-horizontal-sm > .list-group-item.active { 5203 margin-top: 0; 5204 } 5205 .list-group-horizontal-sm > .list-group-item + .list-group-item { 5206 border-top-width: 1px; 5207 border-left-width: 0; 5208 } 5209 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 5210 margin-left: -1px; 5211 border-left-width: 1px; 5212 } 5213 } 5214 @media (min-width: 768px) { 5215 .list-group-horizontal-md { 5216 flex-direction: row; 5217 } 5218 .list-group-horizontal-md > .list-group-item:first-child { 5219 border-bottom-left-radius: 0.25rem; 5220 border-top-right-radius: 0; 5221 } 5222 .list-group-horizontal-md > .list-group-item:last-child { 5223 border-top-right-radius: 0.25rem; 5224 border-bottom-left-radius: 0; 5225 } 5226 .list-group-horizontal-md > .list-group-item.active { 5227 margin-top: 0; 5228 } 5229 .list-group-horizontal-md > .list-group-item + .list-group-item { 5230 border-top-width: 1px; 5231 border-left-width: 0; 5232 } 5233 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 5234 margin-left: -1px; 5235 border-left-width: 1px; 5236 } 5237 } 5238 @media (min-width: 992px) { 5239 .list-group-horizontal-lg { 5240 flex-direction: row; 5241 } 5242 .list-group-horizontal-lg > .list-group-item:first-child { 5243 border-bottom-left-radius: 0.25rem; 5244 border-top-right-radius: 0; 5245 } 5246 .list-group-horizontal-lg > .list-group-item:last-child { 5247 border-top-right-radius: 0.25rem; 5248 border-bottom-left-radius: 0; 5249 } 5250 .list-group-horizontal-lg > .list-group-item.active { 5251 margin-top: 0; 5252 } 5253 .list-group-horizontal-lg > .list-group-item + .list-group-item { 5254 border-top-width: 1px; 5255 border-left-width: 0; 5256 } 5257 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 5258 margin-left: -1px; 5259 border-left-width: 1px; 5260 } 5261 } 5262 @media (min-width: 1200px) { 5263 .list-group-horizontal-xl { 5264 flex-direction: row; 5265 } 5266 .list-group-horizontal-xl > .list-group-item:first-child { 5267 border-bottom-left-radius: 0.25rem; 5268 border-top-right-radius: 0; 5269 } 5270 .list-group-horizontal-xl > .list-group-item:last-child { 5271 border-top-right-radius: 0.25rem; 5272 border-bottom-left-radius: 0; 5273 } 5274 .list-group-horizontal-xl > .list-group-item.active { 5275 margin-top: 0; 5276 } 5277 .list-group-horizontal-xl > .list-group-item + .list-group-item { 5278 border-top-width: 1px; 5279 border-left-width: 0; 5280 } 5281 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 5282 margin-left: -1px; 5283 border-left-width: 1px; 5284 } 5285 } 5286 @media (min-width: 1400px) { 5287 .list-group-horizontal-xxl { 5288 flex-direction: row; 5289 } 5290 .list-group-horizontal-xxl > .list-group-item:first-child { 5291 border-bottom-left-radius: 0.25rem; 5292 border-top-right-radius: 0; 5293 } 5294 .list-group-horizontal-xxl > .list-group-item:last-child { 5295 border-top-right-radius: 0.25rem; 5296 border-bottom-left-radius: 0; 5297 } 5298 .list-group-horizontal-xxl > .list-group-item.active { 5299 margin-top: 0; 5300 } 5301 .list-group-horizontal-xxl > .list-group-item + .list-group-item { 5302 border-top-width: 1px; 5303 border-left-width: 0; 5304 } 5305 .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { 5306 margin-left: -1px; 5307 border-left-width: 1px; 5308 } 5309 } 5310 .list-group-flush { 5311 border-radius: 0; 5312 } 5313 .list-group-flush > .list-group-item { 5314 border-width: 0 0 1px; 5315 } 5316 .list-group-flush > .list-group-item:last-child { 5317 border-bottom-width: 0; 5318 } 5319 5320 .list-group-item-primary { 5321 color: #010134; 5322 background-color: #ccccdd; 5323 } 5324 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { 5325 color: #010134; 5326 background-color: #b8b8c7; 5327 } 5328 .list-group-item-primary.list-group-item-action.active { 5329 color: white; 5330 background-color: #010134; 5331 border-color: #010134; 5332 } 5333 5334 .list-group-item-secondary { 5335 color: #41464c; 5336 background-color: #e2e3e5; 5337 } 5338 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { 5339 color: #41464c; 5340 background-color: #cbccce; 5341 } 5342 .list-group-item-secondary.list-group-item-action.active { 5343 color: white; 5344 background-color: #41464c; 5345 border-color: #41464c; 5346 } 5347 5348 .list-group-item-success { 5349 color: #294f29; 5350 background-color: #dae6da; 5351 } 5352 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { 5353 color: #294f29; 5354 background-color: #c4cfc4; 5355 } 5356 .list-group-item-success.list-group-item-action.active { 5357 color: white; 5358 background-color: #294f29; 5359 border-color: #294f29; 5360 } 5361 5362 .list-group-item-info { 5363 color: #1d3b55; 5364 background-color: #d6e0e8; 5365 } 5366 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { 5367 color: #1d3b55; 5368 background-color: #c1cad1; 5369 } 5370 .list-group-item-info.list-group-item-action.active { 5371 color: white; 5372 background-color: #1d3b55; 5373 border-color: #1d3b55; 5374 } 5375 5376 .list-group-item-warning { 5377 color: #683b00; 5378 background-color: #efe0cc; 5379 } 5380 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { 5381 color: #683b00; 5382 background-color: #d7cab8; 5383 } 5384 .list-group-item-warning.list-group-item-action.active { 5385 color: white; 5386 background-color: #683b00; 5387 border-color: #683b00; 5388 } 5389 5390 .list-group-item-danger { 5391 color: #63130e; 5392 background-color: #edd2d1; 5393 } 5394 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { 5395 color: #63130e; 5396 background-color: #d5bdbc; 5397 } 5398 .list-group-item-danger.list-group-item-action.active { 5399 color: white; 5400 background-color: #63130e; 5401 border-color: #63130e; 5402 } 5403 5404 .list-group-item-light { 5405 color: #646464; 5406 background-color: #fefefe; 5407 } 5408 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { 5409 color: #646464; 5410 background-color: #e5e5e5; 5411 } 5412 .list-group-item-light.list-group-item-action.active { 5413 color: white; 5414 background-color: #646464; 5415 border-color: #646464; 5416 } 5417 5418 .list-group-item-dark { 5419 color: #202327; 5420 background-color: #d7d8d9; 5421 } 5422 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { 5423 color: #202327; 5424 background-color: #c2c2c3; 5425 } 5426 .list-group-item-dark.list-group-item-action.active { 5427 color: white; 5428 background-color: #202327; 5429 border-color: #202327; 5430 } 5431 5432 .btn-close { 5433 box-sizing: content-box; 5434 width: 1em; 5435 height: 1em; 5436 padding: 0.25em 0.25em; 5437 color: black; 5438 background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; 5439 border: 0; 5440 border-radius: 0.25rem; 5441 opacity: 0.5; 5442 } 5443 .btn-close:hover { 5444 color: black; 5445 text-decoration: none; 5446 opacity: 0.75; 5447 } 5448 .btn-close:focus { 5449 outline: 0; 5450 box-shadow: 0 0 0 0.25rem rgba(var(--cassiopeia-color-primary), 0.25); 5451 opacity: 1; 5452 } 5453 .btn-close:disabled, .btn-close.disabled { 5454 pointer-events: none; 5455 -webkit-user-select: none; 5456 -moz-user-select: none; 5457 -ms-user-select: none; 5458 user-select: none; 5459 opacity: 0.25; 5460 } 5461 5462 .btn-close-white { 5463 -webkit-filter: invert(1) grayscale(100%) brightness(200%); 5464 filter: invert(1) grayscale(100%) brightness(200%); 5465 } 5466 5467 .toast { 5468 width: 350px; 5469 max-width: 100%; 5470 font-size: 0.875rem; 5471 pointer-events: auto; 5472 background-color: rgba(255, 255, 255, 0.85); 5473 background-clip: padding-box; 5474 border: 1px solid rgba(0, 0, 0, 0.1); 5475 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 5476 border-radius: 0.25rem; 5477 } 5478 .toast.showing { 5479 opacity: 0; 5480 } 5481 .toast:not(.show) { 5482 display: none; 5483 } 5484 5485 .toast-container { 5486 width: -webkit-max-content; 5487 width: -moz-max-content; 5488 width: max-content; 5489 max-width: 100%; 5490 pointer-events: none; 5491 } 5492 .toast-container > :not(:last-child) { 5493 margin-bottom: 0.5em; 5494 } 5495 5496 .toast-header { 5497 display: flex; 5498 align-items: center; 5499 padding: 0.5rem 0.75rem; 5500 color: #6d757e; 5501 background-color: rgba(255, 255, 255, 0.85); 5502 background-clip: padding-box; 5503 border-bottom: 1px solid rgba(0, 0, 0, 0.05); 5504 border-top-left-radius: calc(0.25rem - 1px); 5505 border-top-right-radius: calc(0.25rem - 1px); 5506 } 5507 .toast-header .btn-close { 5508 margin-right: -0.375rem; 5509 margin-left: 0.75rem; 5510 } 5511 5512 .toast-body { 5513 padding: 0.75rem; 5514 word-wrap: break-word; 5515 } 5516 5517 .modal { 5518 position: fixed; 5519 top: 0; 5520 left: 0; 5521 z-index: 1050; 5522 display: none; 5523 width: 100%; 5524 height: 100%; 5525 overflow-x: hidden; 5526 overflow-y: auto; 5527 outline: 0; 5528 } 5529 5530 .modal-dialog { 5531 position: relative; 5532 width: auto; 5533 margin: 0.5rem; 5534 pointer-events: none; 5535 } 5536 .modal.fade .modal-dialog { 5537 transition: -webkit-transform 0.3s ease-out; 5538 transition: transform 0.3s ease-out; 5539 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; 5540 -webkit-transform: translate(0, -50px); 5541 transform: translate(0, -50px); 5542 } 5543 @media (prefers-reduced-motion: reduce) { 5544 .modal.fade .modal-dialog { 5545 transition: none; 5546 } 5547 } 5548 .modal.show .modal-dialog { 5549 -webkit-transform: none; 5550 transform: none; 5551 } 5552 .modal.modal-static .modal-dialog { 5553 -webkit-transform: scale(1.02); 5554 transform: scale(1.02); 5555 } 5556 5557 .modal-dialog-scrollable { 5558 height: calc(100% - 1rem); 5559 } 5560 .modal-dialog-scrollable .modal-content { 5561 max-height: 100%; 5562 overflow: hidden; 5563 } 5564 .modal-dialog-scrollable .modal-body { 5565 overflow-y: auto; 5566 } 5567 5568 .modal-dialog-centered { 5569 display: flex; 5570 align-items: center; 5571 min-height: calc(100% - 1rem); 5572 } 5573 5574 .modal-content { 5575 position: relative; 5576 display: flex; 5577 flex-direction: column; 5578 width: 100%; 5579 pointer-events: auto; 5580 background-color: white; 5581 background-clip: padding-box; 5582 border: 1px solid rgba(0, 0, 0, 0.2); 5583 border-radius: 0.3rem; 5584 outline: 0; 5585 } 5586 5587 .modal-backdrop { 5588 position: fixed; 5589 top: 0; 5590 left: 0; 5591 z-index: 1040; 5592 width: 100vw; 5593 height: 100vh; 5594 background-color: black; 5595 } 5596 .modal-backdrop.fade { 5597 opacity: 0; 5598 } 5599 .modal-backdrop.show { 5600 opacity: 0.5; 5601 } 5602 5603 .modal-header { 5604 display: flex; 5605 flex-shrink: 0; 5606 align-items: center; 5607 justify-content: space-between; 5608 padding: 1rem 1rem; 5609 border-bottom: 1px solid #dfe3e7; 5610 border-top-left-radius: calc(0.3rem - 1px); 5611 border-top-right-radius: calc(0.3rem - 1px); 5612 } 5613 .modal-header .btn-close { 5614 padding: 0.5rem 0.5rem; 5615 margin: -0.5rem -0.5rem -0.5rem auto; 5616 } 5617 5618 .modal-title { 5619 margin-bottom: 0; 5620 line-height: 1.5; 5621 } 5622 5623 .modal-body { 5624 position: relative; 5625 flex: 1 1 auto; 5626 padding: 1rem; 5627 } 5628 5629 .modal-footer { 5630 display: flex; 5631 flex-wrap: wrap; 5632 flex-shrink: 0; 5633 align-items: center; 5634 justify-content: flex-end; 5635 padding: 0.75rem; 5636 border-top: 1px solid #dfe3e7; 5637 border-bottom-right-radius: calc(0.3rem - 1px); 5638 border-bottom-left-radius: calc(0.3rem - 1px); 5639 } 5640 .modal-footer > * { 5641 margin: 0.25rem; 5642 } 5643 5644 @media (min-width: 576px) { 5645 .modal-dialog { 5646 max-width: 500px; 5647 margin: 1.75rem auto; 5648 } 5649 5650 .modal-dialog-scrollable { 5651 height: calc(100% - 3.5rem); 5652 } 5653 5654 .modal-dialog-centered { 5655 min-height: calc(100% - 3.5rem); 5656 } 5657 5658 .modal-sm { 5659 max-width: 300px; 5660 } 5661 } 5662 @media (min-width: 992px) { 5663 .modal-lg, 5664 .modal-xl { 5665 max-width: 800px; 5666 } 5667 } 5668 @media (min-width: 1200px) { 5669 .modal-xl { 5670 max-width: 1140px; 5671 } 5672 } 5673 .modal-fullscreen { 5674 width: 100vw; 5675 max-width: none; 5676 height: 100%; 5677 margin: 0; 5678 } 5679 .modal-fullscreen .modal-content { 5680 height: 100%; 5681 border: 0; 5682 border-radius: 0; 5683 } 5684 .modal-fullscreen .modal-header { 5685 border-radius: 0; 5686 } 5687 .modal-fullscreen .modal-body { 5688 overflow-y: auto; 5689 } 5690 .modal-fullscreen .modal-footer { 5691 border-radius: 0; 5692 } 5693 5694 @media (max-width: 575.98px) { 5695 .modal-fullscreen-sm-down { 5696 width: 100vw; 5697 max-width: none; 5698 height: 100%; 5699 margin: 0; 5700 } 5701 .modal-fullscreen-sm-down .modal-content { 5702 height: 100%; 5703 border: 0; 5704 border-radius: 0; 5705 } 5706 .modal-fullscreen-sm-down .modal-header { 5707 border-radius: 0; 5708 } 5709 .modal-fullscreen-sm-down .modal-body { 5710 overflow-y: auto; 5711 } 5712 .modal-fullscreen-sm-down .modal-footer { 5713 border-radius: 0; 5714 } 5715 } 5716 @media (max-width: 767.98px) { 5717 .modal-fullscreen-md-down { 5718 width: 100vw; 5719 max-width: none; 5720 height: 100%; 5721 margin: 0; 5722 } 5723 .modal-fullscreen-md-down .modal-content { 5724 height: 100%; 5725 border: 0; 5726 border-radius: 0; 5727 } 5728 .modal-fullscreen-md-down .modal-header { 5729 border-radius: 0; 5730 } 5731 .modal-fullscreen-md-down .modal-body { 5732 overflow-y: auto; 5733 } 5734 .modal-fullscreen-md-down .modal-footer { 5735 border-radius: 0; 5736 } 5737 } 5738 @media (max-width: 991.98px) { 5739 .modal-fullscreen-lg-down { 5740 width: 100vw; 5741 max-width: none; 5742 height: 100%; 5743 margin: 0; 5744 } 5745 .modal-fullscreen-lg-down .modal-content { 5746 height: 100%; 5747 border: 0; 5748 border-radius: 0; 5749 } 5750 .modal-fullscreen-lg-down .modal-header { 5751 border-radius: 0; 5752 } 5753 .modal-fullscreen-lg-down .modal-body { 5754 overflow-y: auto; 5755 } 5756 .modal-fullscreen-lg-down .modal-footer { 5757 border-radius: 0; 5758 } 5759 } 5760 @media (max-width: 1199.98px) { 5761 .modal-fullscreen-xl-down { 5762 width: 100vw; 5763 max-width: none; 5764 height: 100%; 5765 margin: 0; 5766 } 5767 .modal-fullscreen-xl-down .modal-content { 5768 height: 100%; 5769 border: 0; 5770 border-radius: 0; 5771 } 5772 .modal-fullscreen-xl-down .modal-header { 5773 border-radius: 0; 5774 } 5775 .modal-fullscreen-xl-down .modal-body { 5776 overflow-y: auto; 5777 } 5778 .modal-fullscreen-xl-down .modal-footer { 5779 border-radius: 0; 5780 } 5781 } 5782 @media (max-width: 1399.98px) { 5783 .modal-fullscreen-xxl-down { 5784 width: 100vw; 5785 max-width: none; 5786 height: 100%; 5787 margin: 0; 5788 } 5789 .modal-fullscreen-xxl-down .modal-content { 5790 height: 100%; 5791 border: 0; 5792 border-radius: 0; 5793 } 5794 .modal-fullscreen-xxl-down .modal-header { 5795 border-radius: 0; 5796 } 5797 .modal-fullscreen-xxl-down .modal-body { 5798 overflow-y: auto; 5799 } 5800 .modal-fullscreen-xxl-down .modal-footer { 5801 border-radius: 0; 5802 } 5803 } 5804 .tooltip { 5805 position: absolute; 5806 z-index: 1070; 5807 display: block; 5808 margin: 0; 5809 font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 5810 font-style: normal; 5811 font-weight: 400; 5812 line-height: 1.5; 5813 text-align: left; 5814 text-align: start; 5815 text-decoration: none; 5816 text-shadow: none; 5817 text-transform: none; 5818 letter-spacing: normal; 5819 word-break: normal; 5820 word-spacing: normal; 5821 white-space: normal; 5822 line-break: auto; 5823 font-size: 0.875rem; 5824 word-wrap: break-word; 5825 opacity: 0; 5826 } 5827 .tooltip.show { 5828 opacity: 0.9; 5829 } 5830 .tooltip .tooltip-arrow { 5831 position: absolute; 5832 display: block; 5833 width: 0.8rem; 5834 height: 0.4rem; 5835 } 5836 .tooltip .tooltip-arrow::before { 5837 position: absolute; 5838 content: ""; 5839 border-color: transparent; 5840 border-style: solid; 5841 } 5842 5843 .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { 5844 padding: 0.4rem 0; 5845 } 5846 .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { 5847 bottom: 0; 5848 } 5849 .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { 5850 top: -1px; 5851 border-width: 0.4rem 0.4rem 0; 5852 border-top-color: black; 5853 } 5854 5855 .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { 5856 padding: 0 0.4rem; 5857 } 5858 .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { 5859 left: 0; 5860 width: 0.4rem; 5861 height: 0.8rem; 5862 } 5863 .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { 5864 right: -1px; 5865 border-width: 0.4rem 0.4rem 0.4rem 0; 5866 border-right-color: black; 5867 } 5868 5869 .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { 5870 padding: 0.4rem 0; 5871 } 5872 .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { 5873 top: 0; 5874 } 5875 .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { 5876 bottom: -1px; 5877 border-width: 0 0.4rem 0.4rem; 5878 border-bottom-color: black; 5879 } 5880 5881 .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { 5882 padding: 0 0.4rem; 5883 } 5884 .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { 5885 right: 0; 5886 width: 0.4rem; 5887 height: 0.8rem; 5888 } 5889 .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { 5890 left: -1px; 5891 border-width: 0.4rem 0 0.4rem 0.4rem; 5892 border-left-color: black; 5893 } 5894 5895 .tooltip-inner { 5896 max-width: 200px; 5897 padding: 0.25rem 0.5rem; 5898 color: white; 5899 text-align: center; 5900 background-color: black; 5901 border-radius: 0.25rem; 5902 } 5903 5904 .popover { 5905 position: absolute; 5906 top: 0; 5907 left: 0 /* rtl:ignore */; 5908 z-index: 1060; 5909 display: block; 5910 max-width: 276px; 5911 font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 5912 font-style: normal; 5913 font-weight: 400; 5914 line-height: 1.5; 5915 text-align: left; 5916 text-align: start; 5917 text-decoration: none; 5918 text-shadow: none; 5919 text-transform: none; 5920 letter-spacing: normal; 5921 word-break: normal; 5922 word-spacing: normal; 5923 white-space: normal; 5924 line-break: auto; 5925 font-size: 0.875rem; 5926 word-wrap: break-word; 5927 background-color: white; 5928 background-clip: padding-box; 5929 border: 1px solid rgba(0, 0, 0, 0.2); 5930 border-radius: 0.3rem; 5931 } 5932 .popover .popover-arrow { 5933 position: absolute; 5934 display: block; 5935 width: 1rem; 5936 height: 0.5rem; 5937 } 5938 .popover .popover-arrow::before, .popover .popover-arrow::after { 5939 position: absolute; 5940 display: block; 5941 content: ""; 5942 border-color: transparent; 5943 border-style: solid; 5944 } 5945 5946 .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { 5947 bottom: calc(-0.5rem - 1px); 5948 } 5949 .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { 5950 bottom: 0; 5951 border-width: 0.5rem 0.5rem 0; 5952 border-top-color: rgba(0, 0, 0, 0.25); 5953 } 5954 .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { 5955 bottom: 1px; 5956 border-width: 0.5rem 0.5rem 0; 5957 border-top-color: white; 5958 } 5959 5960 .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { 5961 left: calc(-0.5rem - 1px); 5962 width: 0.5rem; 5963 height: 1rem; 5964 } 5965 .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { 5966 left: 0; 5967 border-width: 0.5rem 0.5rem 0.5rem 0; 5968 border-right-color: rgba(0, 0, 0, 0.25); 5969 } 5970 .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { 5971 left: 1px; 5972 border-width: 0.5rem 0.5rem 0.5rem 0; 5973 border-right-color: white; 5974 } 5975 5976 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { 5977 top: calc(-0.5rem - 1px); 5978 } 5979 .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { 5980 top: 0; 5981 border-width: 0 0.5rem 0.5rem 0.5rem; 5982 border-bottom-color: rgba(0, 0, 0, 0.25); 5983 } 5984 .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { 5985 top: 1px; 5986 border-width: 0 0.5rem 0.5rem 0.5rem; 5987 border-bottom-color: white; 5988 } 5989 .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { 5990 position: absolute; 5991 top: 0; 5992 left: 50%; 5993 display: block; 5994 width: 1rem; 5995 margin-left: -0.5rem; 5996 content: ""; 5997 border-bottom: 1px solid #f0f0f0; 5998 } 5999 6000 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { 6001 right: calc(-0.5rem - 1px); 6002 width: 0.5rem; 6003 height: 1rem; 6004 } 6005 .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { 6006 right: 0; 6007 border-width: 0.5rem 0 0.5rem 0.5rem; 6008 border-left-color: rgba(0, 0, 0, 0.25); 6009 } 6010 .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { 6011 right: 1px; 6012 border-width: 0.5rem 0 0.5rem 0.5rem; 6013 border-left-color: white; 6014 } 6015 6016 .popover-header { 6017 padding: 0.5rem 1rem; 6018 margin-bottom: 0; 6019 font-size: 1rem; 6020 background-color: #f0f0f0; 6021 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 6022 border-top-left-radius: calc(0.3rem - 1px); 6023 border-top-right-radius: calc(0.3rem - 1px); 6024 } 6025 .popover-header:empty { 6026 display: none; 6027 } 6028 6029 .popover-body { 6030 padding: 1rem 1rem; 6031 color: #22262a; 6032 } 6033 6034 .carousel { 6035 position: relative; 6036 } 6037 6038 .carousel.pointer-event { 6039 touch-action: pan-y; 6040 } 6041 6042 .carousel-inner { 6043 position: relative; 6044 width: 100%; 6045 overflow: hidden; 6046 } 6047 .carousel-inner::after { 6048 display: block; 6049 clear: both; 6050 content: ""; 6051 } 6052 6053 .carousel-item { 6054 position: relative; 6055 display: none; 6056 float: left; 6057 width: 100%; 6058 margin-right: -100%; 6059 -webkit-backface-visibility: hidden; 6060 backface-visibility: hidden; 6061 transition: -webkit-transform 0.6s ease-in-out; 6062 transition: transform 0.6s ease-in-out; 6063 transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; 6064 } 6065 @media (prefers-reduced-motion: reduce) { 6066 .carousel-item { 6067 transition: none; 6068 } 6069 } 6070 6071 .carousel-item.active, 6072 .carousel-item-next, 6073 .carousel-item-prev { 6074 display: block; 6075 } 6076 6077 /* rtl:begin:ignore */ 6078 .carousel-item-next:not(.carousel-item-start), 6079 .active.carousel-item-end { 6080 -webkit-transform: translateX(100%); 6081 transform: translateX(100%); 6082 } 6083 6084 .carousel-item-prev:not(.carousel-item-end), 6085 .active.carousel-item-start { 6086 -webkit-transform: translateX(-100%); 6087 transform: translateX(-100%); 6088 } 6089 6090 /* rtl:end:ignore */ 6091 .carousel-fade .carousel-item { 6092 opacity: 0; 6093 transition-property: opacity; 6094 -webkit-transform: none; 6095 transform: none; 6096 } 6097 .carousel-fade .carousel-item.active, 6098 .carousel-fade .carousel-item-next.carousel-item-start, 6099 .carousel-fade .carousel-item-prev.carousel-item-end { 6100 z-index: 1; 6101 opacity: 1; 6102 } 6103 .carousel-fade .active.carousel-item-start, 6104 .carousel-fade .active.carousel-item-end { 6105 z-index: 0; 6106 opacity: 0; 6107 transition: opacity 0s 0.6s; 6108 } 6109 @media (prefers-reduced-motion: reduce) { 6110 .carousel-fade .active.carousel-item-start, 6111 .carousel-fade .active.carousel-item-end { 6112 transition: none; 6113 } 6114 } 6115 6116 .carousel-control-prev, 6117 .carousel-control-next { 6118 position: absolute; 6119 top: 0; 6120 bottom: 0; 6121 z-index: 1; 6122 display: flex; 6123 align-items: center; 6124 justify-content: center; 6125 width: 15%; 6126 padding: 0; 6127 color: white; 6128 text-align: center; 6129 background: none; 6130 border: 0; 6131 opacity: 0.5; 6132 transition: opacity 0.15s ease; 6133 } 6134 @media (prefers-reduced-motion: reduce) { 6135 .carousel-control-prev, 6136 .carousel-control-next { 6137 transition: none; 6138 } 6139 } 6140 .carousel-control-prev:hover, .carousel-control-prev:focus, 6141 .carousel-control-next:hover, 6142 .carousel-control-next:focus { 6143 color: white; 6144 text-decoration: none; 6145 outline: 0; 6146 opacity: 0.9; 6147 } 6148 6149 .carousel-control-prev { 6150 left: 0; 6151 } 6152 6153 .carousel-control-next { 6154 right: 0; 6155 } 6156 6157 .carousel-control-prev-icon, 6158 .carousel-control-next-icon { 6159 display: inline-block; 6160 width: 2rem; 6161 height: 2rem; 6162 background-repeat: no-repeat; 6163 background-position: 50%; 6164 background-size: 100% 100%; 6165 } 6166 6167 /* rtl:options: { 6168 "autoRename": true, 6169 "stringMap":[ { 6170 "name" : "prev-next", 6171 "search" : "prev", 6172 "replace" : "next" 6173 } ] 6174 } */ 6175 .carousel-control-prev-icon { 6176 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); 6177 } 6178 6179 .carousel-control-next-icon { 6180 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 6181 } 6182 6183 .carousel-indicators { 6184 position: absolute; 6185 right: 0; 6186 bottom: 0; 6187 left: 0; 6188 z-index: 2; 6189 display: flex; 6190 justify-content: center; 6191 padding: 0; 6192 margin-right: 15%; 6193 margin-bottom: 1rem; 6194 margin-left: 15%; 6195 list-style: none; 6196 } 6197 .carousel-indicators [data-bs-target] { 6198 box-sizing: content-box; 6199 flex: 0 1 auto; 6200 width: 30px; 6201 height: 3px; 6202 padding: 0; 6203 margin-right: 3px; 6204 margin-left: 3px; 6205 text-indent: -999px; 6206 cursor: pointer; 6207 background-color: white; 6208 background-clip: padding-box; 6209 border: 0; 6210 border-top: 10px solid transparent; 6211 border-bottom: 10px solid transparent; 6212 opacity: 0.5; 6213 transition: opacity 0.6s ease; 6214 } 6215 @media (prefers-reduced-motion: reduce) { 6216 .carousel-indicators [data-bs-target] { 6217 transition: none; 6218 } 6219 } 6220 .carousel-indicators .active { 6221 opacity: 1; 6222 } 6223 6224 .carousel-caption { 6225 position: absolute; 6226 right: 15%; 6227 bottom: 1.25rem; 6228 left: 15%; 6229 padding-top: 1.25rem; 6230 padding-bottom: 1.25rem; 6231 color: white; 6232 text-align: center; 6233 } 6234 6235 .carousel-dark .carousel-control-prev-icon, 6236 .carousel-dark .carousel-control-next-icon { 6237 -webkit-filter: invert(1) grayscale(100); 6238 filter: invert(1) grayscale(100); 6239 } 6240 .carousel-dark .carousel-indicators [data-bs-target] { 6241 background-color: black; 6242 } 6243 .carousel-dark .carousel-caption { 6244 color: black; 6245 } 6246 6247 @-webkit-keyframes spinner-border { 6248 to { 6249 -webkit-transform: rotate(360deg) /* rtl:ignore */; 6250 transform: rotate(360deg) /* rtl:ignore */; 6251 } 6252 } 6253 6254 @keyframes spinner-border { 6255 to { 6256 -webkit-transform: rotate(360deg) /* rtl:ignore */; 6257 transform: rotate(360deg) /* rtl:ignore */; 6258 } 6259 } 6260 .spinner-border { 6261 display: inline-block; 6262 width: 2rem; 6263 height: 2rem; 6264 vertical-align: -0.125em; 6265 border: 0.25em solid currentColor; 6266 border-right-color: transparent; 6267 border-radius: 50%; 6268 -webkit-animation: 0.75s linear infinite spinner-border; 6269 animation: 0.75s linear infinite spinner-border; 6270 } 6271 6272 .spinner-border-sm { 6273 width: 1rem; 6274 height: 1rem; 6275 border-width: 0.2em; 6276 } 6277 6278 @-webkit-keyframes spinner-grow { 6279 0% { 6280 -webkit-transform: scale(0); 6281 transform: scale(0); 6282 } 6283 50% { 6284 opacity: 1; 6285 -webkit-transform: none; 6286 transform: none; 6287 } 6288 } 6289 6290 @keyframes spinner-grow { 6291 0% { 6292 -webkit-transform: scale(0); 6293 transform: scale(0); 6294 } 6295 50% { 6296 opacity: 1; 6297 -webkit-transform: none; 6298 transform: none; 6299 } 6300 } 6301 .spinner-grow { 6302 display: inline-block; 6303 width: 2rem; 6304 height: 2rem; 6305 vertical-align: -0.125em; 6306 background-color: currentColor; 6307 border-radius: 50%; 6308 opacity: 0; 6309 -webkit-animation: 0.75s linear infinite spinner-grow; 6310 animation: 0.75s linear infinite spinner-grow; 6311 } 6312 6313 .spinner-grow-sm { 6314 width: 1rem; 6315 height: 1rem; 6316 } 6317 6318 @media (prefers-reduced-motion: reduce) { 6319 .spinner-border, 6320 .spinner-grow { 6321 -webkit-animation-duration: 1.5s; 6322 animation-duration: 1.5s; 6323 } 6324 } 6325 .offcanvas { 6326 position: fixed; 6327 bottom: 0; 6328 z-index: 1045; 6329 display: flex; 6330 flex-direction: column; 6331 max-width: 100%; 6332 visibility: hidden; 6333 background-color: white; 6334 background-clip: padding-box; 6335 outline: 0; 6336 transition: -webkit-transform 0.3s ease-in-out; 6337 transition: transform 0.3s ease-in-out; 6338 transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 6339 } 6340 @media (prefers-reduced-motion: reduce) { 6341 .offcanvas { 6342 transition: none; 6343 } 6344 } 6345 6346 .offcanvas-backdrop { 6347 position: fixed; 6348 top: 0; 6349 left: 0; 6350 z-index: 1040; 6351 width: 100vw; 6352 height: 100vh; 6353 background-color: black; 6354 } 6355 .offcanvas-backdrop.fade { 6356 opacity: 0; 6357 } 6358 .offcanvas-backdrop.show { 6359 opacity: 0.5; 6360 } 6361 6362 .offcanvas-header { 6363 display: flex; 6364 align-items: center; 6365 justify-content: space-between; 6366 padding: 1rem 1rem; 6367 } 6368 .offcanvas-header .btn-close { 6369 padding: 0.5rem 0.5rem; 6370 margin-top: -0.5rem; 6371 margin-right: -0.5rem; 6372 margin-bottom: -0.5rem; 6373 } 6374 6375 .offcanvas-title { 6376 margin-bottom: 0; 6377 line-height: 1.5; 6378 } 6379 6380 .offcanvas-body { 6381 flex-grow: 1; 6382 padding: 1rem 1rem; 6383 overflow-y: auto; 6384 } 6385 6386 .offcanvas-start { 6387 top: 0; 6388 left: 0; 6389 width: 400px; 6390 border-right: 1px solid rgba(0, 0, 0, 0.2); 6391 -webkit-transform: translateX(-100%); 6392 transform: translateX(-100%); 6393 } 6394 6395 .offcanvas-end { 6396 top: 0; 6397 right: 0; 6398 width: 400px; 6399 border-left: 1px solid rgba(0, 0, 0, 0.2); 6400 -webkit-transform: translateX(100%); 6401 transform: translateX(100%); 6402 } 6403 6404 .offcanvas-top { 6405 top: 0; 6406 right: 0; 6407 left: 0; 6408 height: 30vh; 6409 max-height: 100%; 6410 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 6411 -webkit-transform: translateY(-100%); 6412 transform: translateY(-100%); 6413 } 6414 6415 .offcanvas-bottom { 6416 right: 0; 6417 left: 0; 6418 height: 30vh; 6419 max-height: 100%; 6420 border-top: 1px solid rgba(0, 0, 0, 0.2); 6421 -webkit-transform: translateY(100%); 6422 transform: translateY(100%); 6423 } 6424 6425 .offcanvas.show { 6426 -webkit-transform: none; 6427 transform: none; 6428 } 6429 6430 .placeholder { 6431 display: inline-block; 6432 min-height: 1em; 6433 vertical-align: middle; 6434 cursor: wait; 6435 background-color: currentColor; 6436 opacity: 0.5; 6437 } 6438 .placeholder.btn::before { 6439 display: inline-block; 6440 content: ""; 6441 } 6442 6443 .placeholder-xs { 6444 min-height: 0.6em; 6445 } 6446 6447 .placeholder-sm { 6448 min-height: 0.8em; 6449 } 6450 6451 .placeholder-lg { 6452 min-height: 1.2em; 6453 } 6454 6455 .placeholder-glow .placeholder { 6456 -webkit-animation: placeholder-glow 2s ease-in-out infinite; 6457 animation: placeholder-glow 2s ease-in-out infinite; 6458 } 6459 6460 @-webkit-keyframes placeholder-glow { 6461 50% { 6462 opacity: 0.2; 6463 } 6464 } 6465 6466 @keyframes placeholder-glow { 6467 50% { 6468 opacity: 0.2; 6469 } 6470 } 6471 .placeholder-wave { 6472 -webkit-mask-image: linear-gradient(130deg, black 55%, rgba(0, 0, 0, 0.8) 75%, black 95%); 6473 mask-image: linear-gradient(130deg, black 55%, rgba(0, 0, 0, 0.8) 75%, black 95%); 6474 -webkit-mask-size: 200% 100%; 6475 mask-size: 200% 100%; 6476 -webkit-animation: placeholder-wave 2s linear infinite; 6477 animation: placeholder-wave 2s linear infinite; 6478 } 6479 6480 @-webkit-keyframes placeholder-wave { 6481 100% { 6482 -webkit-mask-position: -200% 0%; 6483 mask-position: -200% 0%; 6484 } 6485 } 6486 6487 @keyframes placeholder-wave { 6488 100% { 6489 -webkit-mask-position: -200% 0%; 6490 mask-position: -200% 0%; 6491 } 6492 } 6493 .clearfix::after { 6494 display: block; 6495 clear: both; 6496 content: ""; 6497 } 6498 6499 .link-primary { 6500 color: #010156; 6501 } 6502 .link-primary:hover, .link-primary:focus { 6503 color: #010145; 6504 } 6505 6506 .link-secondary { 6507 color: #6d757e; 6508 } 6509 .link-secondary:hover, .link-secondary:focus { 6510 color: #575e65; 6511 } 6512 6513 .link-success { 6514 color: #448344; 6515 } 6516 .link-success:hover, .link-success:focus { 6517 color: #366936; 6518 } 6519 6520 .link-info { 6521 color: #30638d; 6522 } 6523 .link-info:hover, .link-info:focus { 6524 color: #264f71; 6525 } 6526 6527 .link-warning { 6528 color: #ad6200; 6529 } 6530 .link-warning:hover, .link-warning:focus { 6531 color: #8a4e00; 6532 } 6533 6534 .link-danger { 6535 color: #a51f18; 6536 } 6537 .link-danger:hover, .link-danger:focus { 6538 color: #841913; 6539 } 6540 6541 .link-light { 6542 color: #f9fafb; 6543 } 6544 .link-light:hover, .link-light:focus { 6545 color: #fafbfc; 6546 } 6547 6548 .link-dark { 6549 color: #353b41; 6550 } 6551 .link-dark:hover, .link-dark:focus { 6552 color: #2a2f34; 6553 } 6554 6555 .ratio { 6556 position: relative; 6557 width: 100%; 6558 } 6559 .ratio::before { 6560 display: block; 6561 padding-top: var(--aspect-ratio); 6562 content: ""; 6563 } 6564 .ratio > * { 6565 position: absolute; 6566 top: 0; 6567 left: 0; 6568 width: 100%; 6569 height: 100%; 6570 } 6571 6572 .ratio-1x1 { 6573 --aspect-ratio: 100%; 6574 } 6575 6576 .ratio-4x3 { 6577 --aspect-ratio: 75%; 6578 } 6579 6580 .ratio-16x9 { 6581 --aspect-ratio: 56.25%; 6582 } 6583 6584 .ratio-21x9 { 6585 --aspect-ratio: 42.8571428571%; 6586 } 6587 6588 .fixed-top { 6589 position: fixed; 6590 top: 0; 6591 right: 0; 6592 left: 0; 6593 z-index: 1030; 6594 } 6595 6596 .fixed-bottom { 6597 position: fixed; 6598 right: 0; 6599 bottom: 0; 6600 left: 0; 6601 z-index: 1030; 6602 } 6603 6604 .sticky-top { 6605 position: sticky; 6606 top: 0; 6607 z-index: 1020; 6608 } 6609 6610 @media (min-width: 576px) { 6611 .sticky-sm-top { 6612 position: sticky; 6613 top: 0; 6614 z-index: 1020; 6615 } 6616 } 6617 @media (min-width: 768px) { 6618 .sticky-md-top { 6619 position: sticky; 6620 top: 0; 6621 z-index: 1020; 6622 } 6623 } 6624 @media (min-width: 992px) { 6625 .sticky-lg-top { 6626 position: sticky; 6627 top: 0; 6628 z-index: 1020; 6629 } 6630 } 6631 @media (min-width: 1200px) { 6632 .sticky-xl-top { 6633 position: sticky; 6634 top: 0; 6635 z-index: 1020; 6636 } 6637 } 6638 @media (min-width: 1400px) { 6639 .sticky-xxl-top { 6640 position: sticky; 6641 top: 0; 6642 z-index: 1020; 6643 } 6644 } 6645 .hstack { 6646 display: flex; 6647 flex-direction: row; 6648 align-items: center; 6649 align-self: stretch; 6650 } 6651 6652 .vstack { 6653 display: flex; 6654 flex: 1 1 auto; 6655 flex-direction: column; 6656 align-self: stretch; 6657 } 6658 6659 .visually-hidden, .sr-only, 6660 .visually-hidden-focusable:not(:focus):not(:focus-within) { 6661 position: absolute !important; 6662 width: 1px !important; 6663 height: 1px !important; 6664 padding: 0 !important; 6665 margin: -1px !important; 6666 overflow: hidden !important; 6667 clip: rect(0, 0, 0, 0) !important; 6668 white-space: nowrap !important; 6669 border: 0 !important; 6670 } 6671 6672 .stretched-link::after { 6673 position: absolute; 6674 top: 0; 6675 right: 0; 6676 bottom: 0; 6677 left: 0; 6678 z-index: 1; 6679 content: ""; 6680 } 6681 6682 .text-truncate { 6683 overflow: hidden; 6684 text-overflow: ellipsis; 6685 white-space: nowrap; 6686 } 6687 6688 .vr { 6689 display: inline-block; 6690 align-self: stretch; 6691 width: 1px; 6692 min-height: 1em; 6693 background-color: currentColor; 6694 opacity: 0.25; 6695 } 6696 6697 .align-baseline { 6698 vertical-align: baseline !important; 6699 } 6700 6701 .align-top { 6702 vertical-align: top !important; 6703 } 6704 6705 .align-middle { 6706 vertical-align: middle !important; 6707 } 6708 6709 .align-bottom { 6710 vertical-align: bottom !important; 6711 } 6712 6713 .align-text-bottom { 6714 vertical-align: text-bottom !important; 6715 } 6716 6717 .align-text-top { 6718 vertical-align: text-top !important; 6719 } 6720 6721 .float-start { 6722 float: left !important; 6723 } 6724 6725 .float-end { 6726 float: right !important; 6727 } 6728 6729 .float-none { 6730 float: none !important; 6731 } 6732 6733 .opacity-0 { 6734 opacity: 0 !important; 6735 } 6736 6737 .opacity-25 { 6738 opacity: 0.25 !important; 6739 } 6740 6741 .opacity-50 { 6742 opacity: 0.5 !important; 6743 } 6744 6745 .opacity-75 { 6746 opacity: 0.75 !important; 6747 } 6748 6749 .opacity-100 { 6750 opacity: 1 !important; 6751 } 6752 6753 .overflow-auto { 6754 overflow: auto !important; 6755 } 6756 6757 .overflow-hidden { 6758 overflow: hidden !important; 6759 } 6760 6761 .overflow-visible { 6762 overflow: visible !important; 6763 } 6764 6765 .overflow-scroll { 6766 overflow: scroll !important; 6767 } 6768 6769 .d-inline { 6770 display: inline !important; 6771 } 6772 6773 .d-inline-block { 6774 display: inline-block !important; 6775 } 6776 6777 .d-block { 6778 display: block !important; 6779 } 6780 6781 .d-grid { 6782 display: grid !important; 6783 } 6784 6785 .d-table { 6786 display: table !important; 6787 } 6788 6789 .d-table-row { 6790 display: table-row !important; 6791 } 6792 6793 .d-table-cell { 6794 display: table-cell !important; 6795 } 6796 6797 .d-flex { 6798 display: flex !important; 6799 } 6800 6801 .d-inline-flex { 6802 display: inline-flex !important; 6803 } 6804 6805 .d-none { 6806 display: none !important; 6807 } 6808 6809 .shadow { 6810 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 6811 } 6812 6813 .shadow-sm { 6814 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; 6815 } 6816 6817 .shadow-lg { 6818 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; 6819 } 6820 6821 .shadow-none { 6822 box-shadow: none !important; 6823 } 6824 6825 .position-static { 6826 position: static !important; 6827 } 6828 6829 .position-relative { 6830 position: relative !important; 6831 } 6832 6833 .position-absolute { 6834 position: absolute !important; 6835 } 6836 6837 .position-fixed { 6838 position: fixed !important; 6839 } 6840 6841 .position-sticky { 6842 position: sticky !important; 6843 } 6844 6845 .top-0 { 6846 top: 0 !important; 6847 } 6848 6849 .top-50 { 6850 top: 50% !important; 6851 } 6852 6853 .top-100 { 6854 top: 100% !important; 6855 } 6856 6857 .bottom-0 { 6858 bottom: 0 !important; 6859 } 6860 6861 .bottom-50 { 6862 bottom: 50% !important; 6863 } 6864 6865 .bottom-100 { 6866 bottom: 100% !important; 6867 } 6868 6869 .start-0 { 6870 left: 0 !important; 6871 } 6872 6873 .start-50 { 6874 left: 50% !important; 6875 } 6876 6877 .start-100 { 6878 left: 100% !important; 6879 } 6880 6881 .end-0 { 6882 right: 0 !important; 6883 } 6884 6885 .end-50 { 6886 right: 50% !important; 6887 } 6888 6889 .end-100 { 6890 right: 100% !important; 6891 } 6892 6893 .translate-middle { 6894 -webkit-transform: translate(-50%, -50%) !important; 6895 transform: translate(-50%, -50%) !important; 6896 } 6897 6898 .translate-middle-x { 6899 -webkit-transform: translateX(-50%) !important; 6900 transform: translateX(-50%) !important; 6901 } 6902 6903 .translate-middle-y { 6904 -webkit-transform: translateY(-50%) !important; 6905 transform: translateY(-50%) !important; 6906 } 6907 6908 .border { 6909 border: 1px solid #dfe3e7 !important; 6910 } 6911 6912 .border-0 { 6913 border: 0 !important; 6914 } 6915 6916 .border-top { 6917 border-top: 1px solid #dfe3e7 !important; 6918 } 6919 6920 .border-top-0 { 6921 border-top: 0 !important; 6922 } 6923 6924 .border-end { 6925 border-right: 1px solid #dfe3e7 !important; 6926 } 6927 6928 .border-end-0 { 6929 border-right: 0 !important; 6930 } 6931 6932 .border-bottom { 6933 border-bottom: 1px solid #dfe3e7 !important; 6934 } 6935 6936 .border-bottom-0 { 6937 border-bottom: 0 !important; 6938 } 6939 6940 .border-start { 6941 border-left: 1px solid #dfe3e7 !important; 6942 } 6943 6944 .border-start-0 { 6945 border-left: 0 !important; 6946 } 6947 6948 .border-primary { 6949 border-color: #010156 !important; 6950 } 6951 6952 .border-secondary { 6953 border-color: #6d757e !important; 6954 } 6955 6956 .border-success { 6957 border-color: #448344 !important; 6958 } 6959 6960 .border-info { 6961 border-color: #30638d !important; 6962 } 6963 6964 .border-warning { 6965 border-color: #ad6200 !important; 6966 } 6967 6968 .border-danger { 6969 border-color: #a51f18 !important; 6970 } 6971 6972 .border-light { 6973 border-color: #f9fafb !important; 6974 } 6975 6976 .border-dark { 6977 border-color: #353b41 !important; 6978 } 6979 6980 .border-white { 6981 border-color: white !important; 6982 } 6983 6984 .border-1 { 6985 border-width: 1px !important; 6986 } 6987 6988 .border-2 { 6989 border-width: 2px !important; 6990 } 6991 6992 .border-3 { 6993 border-width: 3px !important; 6994 } 6995 6996 .border-4 { 6997 border-width: 4px !important; 6998 } 6999 7000 .border-5 { 7001 border-width: 5px !important; 7002 } 7003 7004 .w-25 { 7005 width: 25% !important; 7006 } 7007 7008 .w-50 { 7009 width: 50% !important; 7010 } 7011 7012 .w-75 { 7013 width: 75% !important; 7014 } 7015 7016 .w-100 { 7017 width: 100% !important; 7018 } 7019 7020 .w-auto { 7021 width: auto !important; 7022 } 7023 7024 .mw-100 { 7025 max-width: 100% !important; 7026 } 7027 7028 .vw-100 { 7029 width: 100vw !important; 7030 } 7031 7032 .min-vw-100 { 7033 min-width: 100vw !important; 7034 } 7035 7036 .h-25 { 7037 height: 25% !important; 7038 } 7039 7040 .h-50 { 7041 height: 50% !important; 7042 } 7043 7044 .h-75 { 7045 height: 75% !important; 7046 } 7047 7048 .h-100 { 7049 height: 100% !important; 7050 } 7051 7052 .h-auto { 7053 height: auto !important; 7054 } 7055 7056 .mh-100 { 7057 max-height: 100% !important; 7058 } 7059 7060 .vh-100 { 7061 height: 100vh !important; 7062 } 7063 7064 .min-vh-100 { 7065 min-height: 100vh !important; 7066 } 7067 7068 .flex-fill { 7069 flex: 1 1 auto !important; 7070 } 7071 7072 .flex-row { 7073 flex-direction: row !important; 7074 } 7075 7076 .flex-column { 7077 flex-direction: column !important; 7078 } 7079 7080 .flex-row-reverse { 7081 flex-direction: row-reverse !important; 7082 } 7083 7084 .flex-column-reverse { 7085 flex-direction: column-reverse !important; 7086 } 7087 7088 .flex-grow-0 { 7089 flex-grow: 0 !important; 7090 } 7091 7092 .flex-grow-1 { 7093 flex-grow: 1 !important; 7094 } 7095 7096 .flex-shrink-0 { 7097 flex-shrink: 0 !important; 7098 } 7099 7100 .flex-shrink-1 { 7101 flex-shrink: 1 !important; 7102 } 7103 7104 .flex-wrap { 7105 flex-wrap: wrap !important; 7106 } 7107 7108 .flex-nowrap { 7109 flex-wrap: nowrap !important; 7110 } 7111 7112 .flex-wrap-reverse { 7113 flex-wrap: wrap-reverse !important; 7114 } 7115 7116 .gap-0 { 7117 gap: 0 !important; 7118 } 7119 7120 .gap-1 { 7121 gap: 0.25rem !important; 7122 } 7123 7124 .gap-2 { 7125 gap: 0.5rem !important; 7126 } 7127 7128 .gap-3 { 7129 gap: 1rem !important; 7130 } 7131 7132 .gap-4 { 7133 gap: 1.5rem !important; 7134 } 7135 7136 .gap-5 { 7137 gap: 3rem !important; 7138 } 7139 7140 .justify-content-start { 7141 justify-content: flex-start !important; 7142 } 7143 7144 .justify-content-end { 7145 justify-content: flex-end !important; 7146 } 7147 7148 .justify-content-center { 7149 justify-content: center !important; 7150 } 7151 7152 .justify-content-between { 7153 justify-content: space-between !important; 7154 } 7155 7156 .justify-content-around { 7157 justify-content: space-around !important; 7158 } 7159 7160 .justify-content-evenly { 7161 justify-content: space-evenly !important; 7162 } 7163 7164 .align-items-start { 7165 align-items: flex-start !important; 7166 } 7167 7168 .align-items-end { 7169 align-items: flex-end !important; 7170 } 7171 7172 .align-items-center { 7173 align-items: center !important; 7174 } 7175 7176 .align-items-baseline { 7177 align-items: baseline !important; 7178 } 7179 7180 .align-items-stretch { 7181 align-items: stretch !important; 7182 } 7183 7184 .align-content-start { 7185 align-content: flex-start !important; 7186 } 7187 7188 .align-content-end { 7189 align-content: flex-end !important; 7190 } 7191 7192 .align-content-center { 7193 align-content: center !important; 7194 } 7195 7196 .align-content-between { 7197 align-content: space-between !important; 7198 } 7199 7200 .align-content-around { 7201 align-content: space-around !important; 7202 } 7203 7204 .align-content-stretch { 7205 align-content: stretch !important; 7206 } 7207 7208 .align-self-auto { 7209 align-self: auto !important; 7210 } 7211 7212 .align-self-start { 7213 align-self: flex-start !important; 7214 } 7215 7216 .align-self-end { 7217 align-self: flex-end !important; 7218 } 7219 7220 .align-self-center { 7221 align-self: center !important; 7222 } 7223 7224 .align-self-baseline { 7225 align-self: baseline !important; 7226 } 7227 7228 .align-self-stretch { 7229 align-self: stretch !important; 7230 } 7231 7232 .order-first { 7233 order: -1 !important; 7234 } 7235 7236 .order-0 { 7237 order: 0 !important; 7238 } 7239 7240 .order-1 { 7241 order: 1 !important; 7242 } 7243 7244 .order-2 { 7245 order: 2 !important; 7246 } 7247 7248 .order-3 { 7249 order: 3 !important; 7250 } 7251 7252 .order-4 { 7253 order: 4 !important; 7254 } 7255 7256 .order-5 { 7257 order: 5 !important; 7258 } 7259 7260 .order-last { 7261 order: 6 !important; 7262 } 7263 7264 .m-0 { 7265 margin: 0 !important; 7266 } 7267 7268 .m-1 { 7269 margin: 0.25rem !important; 7270 } 7271 7272 .m-2 { 7273 margin: 0.5rem !important; 7274 } 7275 7276 .m-3 { 7277 margin: 1rem !important; 7278 } 7279 7280 .m-4 { 7281 margin: 1.5rem !important; 7282 } 7283 7284 .m-5 { 7285 margin: 3rem !important; 7286 } 7287 7288 .m-auto { 7289 margin: auto !important; 7290 } 7291 7292 .mx-0 { 7293 margin-right: 0 !important; 7294 margin-left: 0 !important; 7295 } 7296 7297 .mx-1 { 7298 margin-right: 0.25rem !important; 7299 margin-left: 0.25rem !important; 7300 } 7301 7302 .mx-2 { 7303 margin-right: 0.5rem !important; 7304 margin-left: 0.5rem !important; 7305 } 7306 7307 .mx-3 { 7308 margin-right: 1rem !important; 7309 margin-left: 1rem !important; 7310 } 7311 7312 .mx-4 { 7313 margin-right: 1.5rem !important; 7314 margin-left: 1.5rem !important; 7315 } 7316 7317 .mx-5 { 7318 margin-right: 3rem !important; 7319 margin-left: 3rem !important; 7320 } 7321 7322 .mx-auto { 7323 margin-right: auto !important; 7324 margin-left: auto !important; 7325 } 7326 7327 .my-0 { 7328 margin-top: 0 !important; 7329 margin-bottom: 0 !important; 7330 } 7331 7332 .my-1 { 7333 margin-top: 0.25rem !important; 7334 margin-bottom: 0.25rem !important; 7335 } 7336 7337 .my-2 { 7338 margin-top: 0.5rem !important; 7339 margin-bottom: 0.5rem !important; 7340 } 7341 7342 .my-3 { 7343 margin-top: 1rem !important; 7344 margin-bottom: 1rem !important; 7345 } 7346 7347 .my-4 { 7348 margin-top: 1.5rem !important; 7349 margin-bottom: 1.5rem !important; 7350 } 7351 7352 .my-5 { 7353 margin-top: 3rem !important; 7354 margin-bottom: 3rem !important; 7355 } 7356 7357 .my-auto { 7358 margin-top: auto !important; 7359 margin-bottom: auto !important; 7360 } 7361 7362 .mt-0 { 7363 margin-top: 0 !important; 7364 } 7365 7366 .mt-1 { 7367 margin-top: 0.25rem !important; 7368 } 7369 7370 .mt-2 { 7371 margin-top: 0.5rem !important; 7372 } 7373 7374 .mt-3 { 7375 margin-top: 1rem !important; 7376 } 7377 7378 .mt-4 { 7379 margin-top: 1.5rem !important; 7380 } 7381 7382 .mt-5 { 7383 margin-top: 3rem !important; 7384 } 7385 7386 .mt-auto { 7387 margin-top: auto !important; 7388 } 7389 7390 .me-0 { 7391 margin-right: 0 !important; 7392 } 7393 7394 .me-1 { 7395 margin-right: 0.25rem !important; 7396 } 7397 7398 .me-2 { 7399 margin-right: 0.5rem !important; 7400 } 7401 7402 .me-3 { 7403 margin-right: 1rem !important; 7404 } 7405 7406 .me-4 { 7407 margin-right: 1.5rem !important; 7408 } 7409 7410 .me-5 { 7411 margin-right: 3rem !important; 7412 } 7413 7414 .me-auto { 7415 margin-right: auto !important; 7416 } 7417 7418 .mb-0 { 7419 margin-bottom: 0 !important; 7420 } 7421 7422 .mb-1 { 7423 margin-bottom: 0.25rem !important; 7424 } 7425 7426 .mb-2 { 7427 margin-bottom: 0.5rem !important; 7428 } 7429 7430 .mb-3, .form-group { 7431 margin-bottom: 1rem !important; 7432 } 7433 7434 .mb-4 { 7435 margin-bottom: 1.5rem !important; 7436 } 7437 7438 .mb-5 { 7439 margin-bottom: 3rem !important; 7440 } 7441 7442 .mb-auto { 7443 margin-bottom: auto !important; 7444 } 7445 7446 .ms-0 { 7447 margin-left: 0 !important; 7448 } 7449 7450 .ms-1 { 7451 margin-left: 0.25rem !important; 7452 } 7453 7454 .ms-2 { 7455 margin-left: 0.5rem !important; 7456 } 7457 7458 .ms-3 { 7459 margin-left: 1rem !important; 7460 } 7461 7462 .ms-4 { 7463 margin-left: 1.5rem !important; 7464 } 7465 7466 .ms-5 { 7467 margin-left: 3rem !important; 7468 } 7469 7470 .ms-auto { 7471 margin-left: auto !important; 7472 } 7473 7474 .p-0 { 7475 padding: 0 !important; 7476 } 7477 7478 .p-1 { 7479 padding: 0.25rem !important; 7480 } 7481 7482 .p-2 { 7483 padding: 0.5rem !important; 7484 } 7485 7486 .p-3 { 7487 padding: 1rem !important; 7488 } 7489 7490 .p-4 { 7491 padding: 1.5rem !important; 7492 } 7493 7494 .p-5 { 7495 padding: 3rem !important; 7496 } 7497 7498 .px-0 { 7499 padding-right: 0 !important; 7500 padding-left: 0 !important; 7501 } 7502 7503 .px-1 { 7504 padding-right: 0.25rem !important; 7505 padding-left: 0.25rem !important; 7506 } 7507 7508 .px-2 { 7509 padding-right: 0.5rem !important; 7510 padding-left: 0.5rem !important; 7511 } 7512 7513 .px-3 { 7514 padding-right: 1rem !important; 7515 padding-left: 1rem !important; 7516 } 7517 7518 .px-4 { 7519 padding-right: 1.5rem !important; 7520 padding-left: 1.5rem !important; 7521 } 7522 7523 .px-5 { 7524 padding-right: 3rem !important; 7525 padding-left: 3rem !important; 7526 } 7527 7528 .py-0 { 7529 padding-top: 0 !important; 7530 padding-bottom: 0 !important; 7531 } 7532 7533 .py-1 { 7534 padding-top: 0.25rem !important; 7535 padding-bottom: 0.25rem !important; 7536 } 7537 7538 .py-2 { 7539 padding-top: 0.5rem !important; 7540 padding-bottom: 0.5rem !important; 7541 } 7542 7543 .py-3 { 7544 padding-top: 1rem !important; 7545 padding-bottom: 1rem !important; 7546 } 7547 7548 .py-4 { 7549 padding-top: 1.5rem !important; 7550 padding-bottom: 1.5rem !important; 7551 } 7552 7553 .py-5 { 7554 padding-top: 3rem !important; 7555 padding-bottom: 3rem !important; 7556 } 7557 7558 .pt-0 { 7559 padding-top: 0 !important; 7560 } 7561 7562 .pt-1 { 7563 padding-top: 0.25rem !important; 7564 } 7565 7566 .pt-2 { 7567 padding-top: 0.5rem !important; 7568 } 7569 7570 .pt-3 { 7571 padding-top: 1rem !important; 7572 } 7573 7574 .pt-4 { 7575 padding-top: 1.5rem !important; 7576 } 7577 7578 .pt-5 { 7579 padding-top: 3rem !important; 7580 } 7581 7582 .pe-0 { 7583 padding-right: 0 !important; 7584 } 7585 7586 .pe-1 { 7587 padding-right: 0.25rem !important; 7588 } 7589 7590 .pe-2 { 7591 padding-right: 0.5rem !important; 7592 } 7593 7594 .pe-3 { 7595 padding-right: 1rem !important; 7596 } 7597 7598 .pe-4 { 7599 padding-right: 1.5rem !important; 7600 } 7601 7602 .pe-5 { 7603 padding-right: 3rem !important; 7604 } 7605 7606 .pb-0 { 7607 padding-bottom: 0 !important; 7608 } 7609 7610 .pb-1 { 7611 padding-bottom: 0.25rem !important; 7612 } 7613 7614 .pb-2 { 7615 padding-bottom: 0.5rem !important; 7616 } 7617 7618 .pb-3 { 7619 padding-bottom: 1rem !important; 7620 } 7621 7622 .pb-4 { 7623 padding-bottom: 1.5rem !important; 7624 } 7625 7626 .pb-5 { 7627 padding-bottom: 3rem !important; 7628 } 7629 7630 .ps-0 { 7631 padding-left: 0 !important; 7632 } 7633 7634 .ps-1 { 7635 padding-left: 0.25rem !important; 7636 } 7637 7638 .ps-2 { 7639 padding-left: 0.5rem !important; 7640 } 7641 7642 .ps-3 { 7643 padding-left: 1rem !important; 7644 } 7645 7646 .ps-4 { 7647 padding-left: 1.5rem !important; 7648 } 7649 7650 .ps-5 { 7651 padding-left: 3rem !important; 7652 } 7653 7654 .font-monospace { 7655 font-family: var(--font-monospace) !important; 7656 } 7657 7658 .fs-1 { 7659 font-size: calc(1.375rem + 1.5vw) !important; 7660 } 7661 7662 .fs-2 { 7663 font-size: calc(1.325rem + 0.9vw) !important; 7664 } 7665 7666 .fs-3 { 7667 font-size: calc(1.3rem + 0.6vw) !important; 7668 } 7669 7670 .fs-4 { 7671 font-size: calc(1.275rem + 0.3vw) !important; 7672 } 7673 7674 .fs-5 { 7675 font-size: 1.25rem !important; 7676 } 7677 7678 .fs-6 { 7679 font-size: 1rem !important; 7680 } 7681 7682 .fst-italic { 7683 font-style: italic !important; 7684 } 7685 7686 .fst-normal { 7687 font-style: normal !important; 7688 } 7689 7690 .fw-light { 7691 font-weight: 300 !important; 7692 } 7693 7694 .fw-lighter { 7695 font-weight: lighter !important; 7696 } 7697 7698 .fw-normal { 7699 font-weight: 400 !important; 7700 } 7701 7702 .fw-bold { 7703 font-weight: 700 !important; 7704 } 7705 7706 .fw-bolder { 7707 font-weight: bolder !important; 7708 } 7709 7710 .lh-1 { 7711 line-height: 1 !important; 7712 } 7713 7714 .lh-sm { 7715 line-height: 1.25 !important; 7716 } 7717 7718 .lh-base { 7719 line-height: 1.5 !important; 7720 } 7721 7722 .lh-lg { 7723 line-height: 2 !important; 7724 } 7725 7726 .text-start { 7727 text-align: left !important; 7728 } 7729 7730 .text-end { 7731 text-align: right !important; 7732 } 7733 7734 .text-center { 7735 text-align: center !important; 7736 } 7737 7738 .text-decoration-none { 7739 text-decoration: none !important; 7740 } 7741 7742 .text-decoration-underline { 7743 text-decoration: underline !important; 7744 } 7745 7746 .text-decoration-line-through { 7747 text-decoration: line-through !important; 7748 } 7749 7750 .text-lowercase { 7751 text-transform: lowercase !important; 7752 } 7753 7754 .text-uppercase { 7755 text-transform: uppercase !important; 7756 } 7757 7758 .text-capitalize { 7759 text-transform: capitalize !important; 7760 } 7761 7762 .text-wrap { 7763 white-space: normal !important; 7764 } 7765 7766 .text-nowrap { 7767 white-space: nowrap !important; 7768 } 7769 7770 /* rtl:begin:remove */ 7771 .text-break { 7772 word-wrap: break-word !important; 7773 word-break: break-word !important; 7774 } 7775 7776 /* rtl:end:remove */ 7777 .text-primary { 7778 --text-opacity: 1; 7779 color: rgba(var(--primary-rgb), var(--text-opacity)) !important; 7780 } 7781 7782 .text-secondary { 7783 --text-opacity: 1; 7784 color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; 7785 } 7786 7787 .text-success { 7788 --text-opacity: 1; 7789 color: rgba(var(--success-rgb), var(--text-opacity)) !important; 7790 } 7791 7792 .text-info { 7793 --text-opacity: 1; 7794 color: rgba(var(--info-rgb), var(--text-opacity)) !important; 7795 } 7796 7797 .text-warning { 7798 --text-opacity: 1; 7799 color: rgba(var(--warning-rgb), var(--text-opacity)) !important; 7800 } 7801 7802 .text-danger { 7803 --text-opacity: 1; 7804 color: rgba(var(--danger-rgb), var(--text-opacity)) !important; 7805 } 7806 7807 .text-light { 7808 --text-opacity: 1; 7809 color: rgba(var(--light-rgb), var(--text-opacity)) !important; 7810 } 7811 7812 .text-dark { 7813 --text-opacity: 1; 7814 color: rgba(var(--dark-rgb), var(--text-opacity)) !important; 7815 } 7816 7817 .text-black { 7818 --text-opacity: 1; 7819 color: rgba(var(--black-rgb), var(--text-opacity)) !important; 7820 } 7821 7822 .text-white { 7823 --text-opacity: 1; 7824 color: rgba(var(--white-rgb), var(--text-opacity)) !important; 7825 } 7826 7827 .text-body { 7828 --text-opacity: 1; 7829 color: rgba(var(--body-color-rgb), var(--text-opacity)) !important; 7830 } 7831 7832 .text-muted { 7833 --text-opacity: 1; 7834 color: #6d757e !important; 7835 } 7836 7837 .text-black-50 { 7838 --text-opacity: 1; 7839 color: rgba(0, 0, 0, 0.5) !important; 7840 } 7841 7842 .text-white-50 { 7843 --text-opacity: 1; 7844 color: rgba(255, 255, 255, 0.5) !important; 7845 } 7846 7847 .text-reset { 7848 --text-opacity: 1; 7849 color: inherit !important; 7850 } 7851 7852 .text-opacity-25 { 7853 --text-opacity: 0.25; 7854 } 7855 7856 .text-opacity-50 { 7857 --text-opacity: 0.5; 7858 } 7859 7860 .text-opacity-75 { 7861 --text-opacity: 0.75; 7862 } 7863 7864 .text-opacity-100 { 7865 --text-opacity: 1; 7866 } 7867 7868 .bg-primary { 7869 --bg-opacity: 1; 7870 background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; 7871 } 7872 7873 .bg-secondary { 7874 --bg-opacity: 1; 7875 background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; 7876 } 7877 7878 .bg-success { 7879 --bg-opacity: 1; 7880 background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; 7881 } 7882 7883 .bg-info { 7884 --bg-opacity: 1; 7885 background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; 7886 } 7887 7888 .bg-warning { 7889 --bg-opacity: 1; 7890 background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; 7891 } 7892 7893 .bg-danger { 7894 --bg-opacity: 1; 7895 background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; 7896 } 7897 7898 .bg-light { 7899 --bg-opacity: 1; 7900 background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; 7901 } 7902 7903 .bg-dark { 7904 --bg-opacity: 1; 7905 background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; 7906 } 7907 7908 .bg-black { 7909 --bg-opacity: 1; 7910 background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; 7911 } 7912 7913 .bg-white { 7914 --bg-opacity: 1; 7915 background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; 7916 } 7917 7918 .bg-body { 7919 --bg-opacity: 1; 7920 background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; 7921 } 7922 7923 .bg-transparent { 7924 --bg-opacity: 1; 7925 background-color: transparent !important; 7926 } 7927 7928 .bg-opacity-10 { 7929 --bg-opacity: 0.1; 7930 } 7931 7932 .bg-opacity-25 { 7933 --bg-opacity: 0.25; 7934 } 7935 7936 .bg-opacity-50 { 7937 --bg-opacity: 0.5; 7938 } 7939 7940 .bg-opacity-75 { 7941 --bg-opacity: 0.75; 7942 } 7943 7944 .bg-opacity-100 { 7945 --bg-opacity: 1; 7946 } 7947 7948 .bg-gradient { 7949 background-image: var(--gradient) !important; 7950 } 7951 7952 .user-select-all { 7953 -webkit-user-select: all !important; 7954 -moz-user-select: all !important; 7955 user-select: all !important; 7956 } 7957 7958 .user-select-auto { 7959 -webkit-user-select: auto !important; 7960 -moz-user-select: auto !important; 7961 -ms-user-select: auto !important; 7962 user-select: auto !important; 7963 } 7964 7965 .user-select-none { 7966 -webkit-user-select: none !important; 7967 -moz-user-select: none !important; 7968 -ms-user-select: none !important; 7969 user-select: none !important; 7970 } 7971 7972 .pe-none { 7973 pointer-events: none !important; 7974 } 7975 7976 .pe-auto { 7977 pointer-events: auto !important; 7978 } 7979 7980 .rounded { 7981 border-radius: 0.25rem !important; 7982 } 7983 7984 .rounded-0 { 7985 border-radius: 0 !important; 7986 } 7987 7988 .rounded-1 { 7989 border-radius: 0.2rem !important; 7990 } 7991 7992 .rounded-2 { 7993 border-radius: 0.25rem !important; 7994 } 7995 7996 .rounded-3 { 7997 border-radius: 0.3rem !important; 7998 } 7999 8000 .rounded-circle { 8001 border-radius: 50% !important; 8002 } 8003 8004 .rounded-pill { 8005 border-radius: 50rem !important; 8006 } 8007 8008 .rounded-top { 8009 border-top-left-radius: 0.25rem !important; 8010 border-top-right-radius: 0.25rem !important; 8011 } 8012 8013 .rounded-end { 8014 border-top-right-radius: 0.25rem !important; 8015 border-bottom-right-radius: 0.25rem !important; 8016 } 8017 8018 .rounded-bottom { 8019 border-bottom-right-radius: 0.25rem !important; 8020 border-bottom-left-radius: 0.25rem !important; 8021 } 8022 8023 .rounded-start { 8024 border-bottom-left-radius: 0.25rem !important; 8025 border-top-left-radius: 0.25rem !important; 8026 } 8027 8028 .visible { 8029 visibility: visible !important; 8030 } 8031 8032 .invisible { 8033 visibility: hidden !important; 8034 } 8035 8036 @media (min-width: 576px) { 8037 .float-sm-start { 8038 float: left !important; 8039 } 8040 8041 .float-sm-end { 8042 float: right !important; 8043 } 8044 8045 .float-sm-none { 8046 float: none !important; 8047 } 8048 8049 .d-sm-inline { 8050 display: inline !important; 8051 } 8052 8053 .d-sm-inline-block { 8054 display: inline-block !important; 8055 } 8056 8057 .d-sm-block { 8058 display: block !important; 8059 } 8060 8061 .d-sm-grid { 8062 display: grid !important; 8063 } 8064 8065 .d-sm-table { 8066 display: table !important; 8067 } 8068 8069 .d-sm-table-row { 8070 display: table-row !important; 8071 } 8072 8073 .d-sm-table-cell { 8074 display: table-cell !important; 8075 } 8076 8077 .d-sm-flex { 8078 display: flex !important; 8079 } 8080 8081 .d-sm-inline-flex { 8082 display: inline-flex !important; 8083 } 8084 8085 .d-sm-none { 8086 display: none !important; 8087 } 8088 8089 .flex-sm-fill { 8090 flex: 1 1 auto !important; 8091 } 8092 8093 .flex-sm-row { 8094 flex-direction: row !important; 8095 } 8096 8097 .flex-sm-column { 8098 flex-direction: column !important; 8099 } 8100 8101 .flex-sm-row-reverse { 8102 flex-direction: row-reverse !important; 8103 } 8104 8105 .flex-sm-column-reverse { 8106 flex-direction: column-reverse !important; 8107 } 8108 8109 .flex-sm-grow-0 { 8110 flex-grow: 0 !important; 8111 } 8112 8113 .flex-sm-grow-1 { 8114 flex-grow: 1 !important; 8115 } 8116 8117 .flex-sm-shrink-0 { 8118 flex-shrink: 0 !important; 8119 } 8120 8121 .flex-sm-shrink-1 { 8122 flex-shrink: 1 !important; 8123 } 8124 8125 .flex-sm-wrap { 8126 flex-wrap: wrap !important; 8127 } 8128 8129 .flex-sm-nowrap { 8130 flex-wrap: nowrap !important; 8131 } 8132 8133 .flex-sm-wrap-reverse { 8134 flex-wrap: wrap-reverse !important; 8135 } 8136 8137 .gap-sm-0 { 8138 gap: 0 !important; 8139 } 8140 8141 .gap-sm-1 { 8142 gap: 0.25rem !important; 8143 } 8144 8145 .gap-sm-2 { 8146 gap: 0.5rem !important; 8147 } 8148 8149 .gap-sm-3 { 8150 gap: 1rem !important; 8151 } 8152 8153 .gap-sm-4 { 8154 gap: 1.5rem !important; 8155 } 8156 8157 .gap-sm-5 { 8158 gap: 3rem !important; 8159 } 8160 8161 .justify-content-sm-start { 8162 justify-content: flex-start !important; 8163 } 8164 8165 .justify-content-sm-end { 8166 justify-content: flex-end !important; 8167 } 8168 8169 .justify-content-sm-center { 8170 justify-content: center !important; 8171 } 8172 8173 .justify-content-sm-between { 8174 justify-content: space-between !important; 8175 } 8176 8177 .justify-content-sm-around { 8178 justify-content: space-around !important; 8179 } 8180 8181 .justify-content-sm-evenly { 8182 justify-content: space-evenly !important; 8183 } 8184 8185 .align-items-sm-start { 8186 align-items: flex-start !important; 8187 } 8188 8189 .align-items-sm-end { 8190 align-items: flex-end !important; 8191 } 8192 8193 .align-items-sm-center { 8194 align-items: center !important; 8195 } 8196 8197 .align-items-sm-baseline { 8198 align-items: baseline !important; 8199 } 8200 8201 .align-items-sm-stretch { 8202 align-items: stretch !important; 8203 } 8204 8205 .align-content-sm-start { 8206 align-content: flex-start !important; 8207 } 8208 8209 .align-content-sm-end { 8210 align-content: flex-end !important; 8211 } 8212 8213 .align-content-sm-center { 8214 align-content: center !important; 8215 } 8216 8217 .align-content-sm-between { 8218 align-content: space-between !important; 8219 } 8220 8221 .align-content-sm-around { 8222 align-content: space-around !important; 8223 } 8224 8225 .align-content-sm-stretch { 8226 align-content: stretch !important; 8227 } 8228 8229 .align-self-sm-auto { 8230 align-self: auto !important; 8231 } 8232 8233 .align-self-sm-start { 8234 align-self: flex-start !important; 8235 } 8236 8237 .align-self-sm-end { 8238 align-self: flex-end !important; 8239 } 8240 8241 .align-self-sm-center { 8242 align-self: center !important; 8243 } 8244 8245 .align-self-sm-baseline { 8246 align-self: baseline !important; 8247 } 8248 8249 .align-self-sm-stretch { 8250 align-self: stretch !important; 8251 } 8252 8253 .order-sm-first { 8254 order: -1 !important; 8255 } 8256 8257 .order-sm-0 { 8258 order: 0 !important; 8259 } 8260 8261 .order-sm-1 { 8262 order: 1 !important; 8263 } 8264 8265 .order-sm-2 { 8266 order: 2 !important; 8267 } 8268 8269 .order-sm-3 { 8270 order: 3 !important; 8271 } 8272 8273 .order-sm-4 { 8274 order: 4 !important; 8275 } 8276 8277 .order-sm-5 { 8278 order: 5 !important; 8279 } 8280 8281 .order-sm-last { 8282 order: 6 !important; 8283 } 8284 8285 .m-sm-0 { 8286 margin: 0 !important; 8287 } 8288 8289 .m-sm-1 { 8290 margin: 0.25rem !important; 8291 } 8292 8293 .m-sm-2 { 8294 margin: 0.5rem !important; 8295 } 8296 8297 .m-sm-3 { 8298 margin: 1rem !important; 8299 } 8300 8301 .m-sm-4 { 8302 margin: 1.5rem !important; 8303 } 8304 8305 .m-sm-5 { 8306 margin: 3rem !important; 8307 } 8308 8309 .m-sm-auto { 8310 margin: auto !important; 8311 } 8312 8313 .mx-sm-0 { 8314 margin-right: 0 !important; 8315 margin-left: 0 !important; 8316 } 8317 8318 .mx-sm-1 { 8319 margin-right: 0.25rem !important; 8320 margin-left: 0.25rem !important; 8321 } 8322 8323 .mx-sm-2 { 8324 margin-right: 0.5rem !important; 8325 margin-left: 0.5rem !important; 8326 } 8327 8328 .mx-sm-3 { 8329 margin-right: 1rem !important; 8330 margin-left: 1rem !important; 8331 } 8332 8333 .mx-sm-4 { 8334 margin-right: 1.5rem !important; 8335 margin-left: 1.5rem !important; 8336 } 8337 8338 .mx-sm-5 { 8339 margin-right: 3rem !important; 8340 margin-left: 3rem !important; 8341 } 8342 8343 .mx-sm-auto { 8344 margin-right: auto !important; 8345 margin-left: auto !important; 8346 } 8347 8348 .my-sm-0 { 8349 margin-top: 0 !important; 8350 margin-bottom: 0 !important; 8351 } 8352 8353 .my-sm-1 { 8354 margin-top: 0.25rem !important; 8355 margin-bottom: 0.25rem !important; 8356 } 8357 8358 .my-sm-2 { 8359 margin-top: 0.5rem !important; 8360 margin-bottom: 0.5rem !important; 8361 } 8362 8363 .my-sm-3 { 8364 margin-top: 1rem !important; 8365 margin-bottom: 1rem !important; 8366 } 8367 8368 .my-sm-4 { 8369 margin-top: 1.5rem !important; 8370 margin-bottom: 1.5rem !important; 8371 } 8372 8373 .my-sm-5 { 8374 margin-top: 3rem !important; 8375 margin-bottom: 3rem !important; 8376 } 8377 8378 .my-sm-auto { 8379 margin-top: auto !important; 8380 margin-bottom: auto !important; 8381 } 8382 8383 .mt-sm-0 { 8384 margin-top: 0 !important; 8385 } 8386 8387 .mt-sm-1 { 8388 margin-top: 0.25rem !important; 8389 } 8390 8391 .mt-sm-2 { 8392 margin-top: 0.5rem !important; 8393 } 8394 8395 .mt-sm-3 { 8396 margin-top: 1rem !important; 8397 } 8398 8399 .mt-sm-4 { 8400 margin-top: 1.5rem !important; 8401 } 8402 8403 .mt-sm-5 { 8404 margin-top: 3rem !important; 8405 } 8406 8407 .mt-sm-auto { 8408 margin-top: auto !important; 8409 } 8410 8411 .me-sm-0 { 8412 margin-right: 0 !important; 8413 } 8414 8415 .me-sm-1 { 8416 margin-right: 0.25rem !important; 8417 } 8418 8419 .me-sm-2 { 8420 margin-right: 0.5rem !important; 8421 } 8422 8423 .me-sm-3 { 8424 margin-right: 1rem !important; 8425 } 8426 8427 .me-sm-4 { 8428 margin-right: 1.5rem !important; 8429 } 8430 8431 .me-sm-5 { 8432 margin-right: 3rem !important; 8433 } 8434 8435 .me-sm-auto { 8436 margin-right: auto !important; 8437 } 8438 8439 .mb-sm-0 { 8440 margin-bottom: 0 !important; 8441 } 8442 8443 .mb-sm-1 { 8444 margin-bottom: 0.25rem !important; 8445 } 8446 8447 .mb-sm-2 { 8448 margin-bottom: 0.5rem !important; 8449 } 8450 8451 .mb-sm-3 { 8452 margin-bottom: 1rem !important; 8453 } 8454 8455 .mb-sm-4 { 8456 margin-bottom: 1.5rem !important; 8457 } 8458 8459 .mb-sm-5 { 8460 margin-bottom: 3rem !important; 8461 } 8462 8463 .mb-sm-auto { 8464 margin-bottom: auto !important; 8465 } 8466 8467 .ms-sm-0 { 8468 margin-left: 0 !important; 8469 } 8470 8471 .ms-sm-1 { 8472 margin-left: 0.25rem !important; 8473 } 8474 8475 .ms-sm-2 { 8476 margin-left: 0.5rem !important; 8477 } 8478 8479 .ms-sm-3 { 8480 margin-left: 1rem !important; 8481 } 8482 8483 .ms-sm-4 { 8484 margin-left: 1.5rem !important; 8485 } 8486 8487 .ms-sm-5 { 8488 margin-left: 3rem !important; 8489 } 8490 8491 .ms-sm-auto { 8492 margin-left: auto !important; 8493 } 8494 8495 .p-sm-0 { 8496 padding: 0 !important; 8497 } 8498 8499 .p-sm-1 { 8500 padding: 0.25rem !important; 8501 } 8502 8503 .p-sm-2 { 8504 padding: 0.5rem !important; 8505 } 8506 8507 .p-sm-3 { 8508 padding: 1rem !important; 8509 } 8510 8511 .p-sm-4 { 8512 padding: 1.5rem !important; 8513 } 8514 8515 .p-sm-5 { 8516 padding: 3rem !important; 8517 } 8518 8519 .px-sm-0 { 8520 padding-right: 0 !important; 8521 padding-left: 0 !important; 8522 } 8523 8524 .px-sm-1 { 8525 padding-right: 0.25rem !important; 8526 padding-left: 0.25rem !important; 8527 } 8528 8529 .px-sm-2 { 8530 padding-right: 0.5rem !important; 8531 padding-left: 0.5rem !important; 8532 } 8533 8534 .px-sm-3 { 8535 padding-right: 1rem !important; 8536 padding-left: 1rem !important; 8537 } 8538 8539 .px-sm-4 { 8540 padding-right: 1.5rem !important; 8541 padding-left: 1.5rem !important; 8542 } 8543 8544 .px-sm-5 { 8545 padding-right: 3rem !important; 8546 padding-left: 3rem !important; 8547 } 8548 8549 .py-sm-0 { 8550 padding-top: 0 !important; 8551 padding-bottom: 0 !important; 8552 } 8553 8554 .py-sm-1 { 8555 padding-top: 0.25rem !important; 8556 padding-bottom: 0.25rem !important; 8557 } 8558 8559 .py-sm-2 { 8560 padding-top: 0.5rem !important; 8561 padding-bottom: 0.5rem !important; 8562 } 8563 8564 .py-sm-3 { 8565 padding-top: 1rem !important; 8566 padding-bottom: 1rem !important; 8567 } 8568 8569 .py-sm-4 { 8570 padding-top: 1.5rem !important; 8571 padding-bottom: 1.5rem !important; 8572 } 8573 8574 .py-sm-5 { 8575 padding-top: 3rem !important; 8576 padding-bottom: 3rem !important; 8577 } 8578 8579 .pt-sm-0 { 8580 padding-top: 0 !important; 8581 } 8582 8583 .pt-sm-1 { 8584 padding-top: 0.25rem !important; 8585 } 8586 8587 .pt-sm-2 { 8588 padding-top: 0.5rem !important; 8589 } 8590 8591 .pt-sm-3 { 8592 padding-top: 1rem !important; 8593 } 8594 8595 .pt-sm-4 { 8596 padding-top: 1.5rem !important; 8597 } 8598 8599 .pt-sm-5 { 8600 padding-top: 3rem !important; 8601 } 8602 8603 .pe-sm-0 { 8604 padding-right: 0 !important; 8605 } 8606 8607 .pe-sm-1 { 8608 padding-right: 0.25rem !important; 8609 } 8610 8611 .pe-sm-2 { 8612 padding-right: 0.5rem !important; 8613 } 8614 8615 .pe-sm-3 { 8616 padding-right: 1rem !important; 8617 } 8618 8619 .pe-sm-4 { 8620 padding-right: 1.5rem !important; 8621 } 8622 8623 .pe-sm-5 { 8624 padding-right: 3rem !important; 8625 } 8626 8627 .pb-sm-0 { 8628 padding-bottom: 0 !important; 8629 } 8630 8631 .pb-sm-1 { 8632 padding-bottom: 0.25rem !important; 8633 } 8634 8635 .pb-sm-2 { 8636 padding-bottom: 0.5rem !important; 8637 } 8638 8639 .pb-sm-3 { 8640 padding-bottom: 1rem !important; 8641 } 8642 8643 .pb-sm-4 { 8644 padding-bottom: 1.5rem !important; 8645 } 8646 8647 .pb-sm-5 { 8648 padding-bottom: 3rem !important; 8649 } 8650 8651 .ps-sm-0 { 8652 padding-left: 0 !important; 8653 } 8654 8655 .ps-sm-1 { 8656 padding-left: 0.25rem !important; 8657 } 8658 8659 .ps-sm-2 { 8660 padding-left: 0.5rem !important; 8661 } 8662 8663 .ps-sm-3 { 8664 padding-left: 1rem !important; 8665 } 8666 8667 .ps-sm-4 { 8668 padding-left: 1.5rem !important; 8669 } 8670 8671 .ps-sm-5 { 8672 padding-left: 3rem !important; 8673 } 8674 8675 .text-sm-start { 8676 text-align: left !important; 8677 } 8678 8679 .text-sm-end { 8680 text-align: right !important; 8681 } 8682 8683 .text-sm-center { 8684 text-align: center !important; 8685 } 8686 } 8687 @media (min-width: 768px) { 8688 .float-md-start { 8689 float: left !important; 8690 } 8691 8692 .float-md-end { 8693 float: right !important; 8694 } 8695 8696 .float-md-none { 8697 float: none !important; 8698 } 8699 8700 .d-md-inline { 8701 display: inline !important; 8702 } 8703 8704 .d-md-inline-block { 8705 display: inline-block !important; 8706 } 8707 8708 .d-md-block { 8709 display: block !important; 8710 } 8711 8712 .d-md-grid { 8713 display: grid !important; 8714 } 8715 8716 .d-md-table { 8717 display: table !important; 8718 } 8719 8720 .d-md-table-row { 8721 display: table-row !important; 8722 } 8723 8724 .d-md-table-cell { 8725 display: table-cell !important; 8726 } 8727 8728 .d-md-flex { 8729 display: flex !important; 8730 } 8731 8732 .d-md-inline-flex { 8733 display: inline-flex !important; 8734 } 8735 8736 .d-md-none { 8737 display: none !important; 8738 } 8739 8740 .flex-md-fill { 8741 flex: 1 1 auto !important; 8742 } 8743 8744 .flex-md-row { 8745 flex-direction: row !important; 8746 } 8747 8748 .flex-md-column { 8749 flex-direction: column !important; 8750 } 8751 8752 .flex-md-row-reverse { 8753 flex-direction: row-reverse !important; 8754 } 8755 8756 .flex-md-column-reverse { 8757 flex-direction: column-reverse !important; 8758 } 8759 8760 .flex-md-grow-0 { 8761 flex-grow: 0 !important; 8762 } 8763 8764 .flex-md-grow-1 { 8765 flex-grow: 1 !important; 8766 } 8767 8768 .flex-md-shrink-0 { 8769 flex-shrink: 0 !important; 8770 } 8771 8772 .flex-md-shrink-1 { 8773 flex-shrink: 1 !important; 8774 } 8775 8776 .flex-md-wrap { 8777 flex-wrap: wrap !important; 8778 } 8779 8780 .flex-md-nowrap { 8781 flex-wrap: nowrap !important; 8782 } 8783 8784 .flex-md-wrap-reverse { 8785 flex-wrap: wrap-reverse !important; 8786 } 8787 8788 .gap-md-0 { 8789 gap: 0 !important; 8790 } 8791 8792 .gap-md-1 { 8793 gap: 0.25rem !important; 8794 } 8795 8796 .gap-md-2 { 8797 gap: 0.5rem !important; 8798 } 8799 8800 .gap-md-3 { 8801 gap: 1rem !important; 8802 } 8803 8804 .gap-md-4 { 8805 gap: 1.5rem !important; 8806 } 8807 8808 .gap-md-5 { 8809 gap: 3rem !important; 8810 } 8811 8812 .justify-content-md-start { 8813 justify-content: flex-start !important; 8814 } 8815 8816 .justify-content-md-end { 8817 justify-content: flex-end !important; 8818 } 8819 8820 .justify-content-md-center { 8821 justify-content: center !important; 8822 } 8823 8824 .justify-content-md-between { 8825 justify-content: space-between !important; 8826 } 8827 8828 .justify-content-md-around { 8829 justify-content: space-around !important; 8830 } 8831 8832 .justify-content-md-evenly { 8833 justify-content: space-evenly !important; 8834 } 8835 8836 .align-items-md-start { 8837 align-items: flex-start !important; 8838 } 8839 8840 .align-items-md-end { 8841 align-items: flex-end !important; 8842 } 8843 8844 .align-items-md-center { 8845 align-items: center !important; 8846 } 8847 8848 .align-items-md-baseline { 8849 align-items: baseline !important; 8850 } 8851 8852 .align-items-md-stretch { 8853 align-items: stretch !important; 8854 } 8855 8856 .align-content-md-start { 8857 align-content: flex-start !important; 8858 } 8859 8860 .align-content-md-end { 8861 align-content: flex-end !important; 8862 } 8863 8864 .align-content-md-center { 8865 align-content: center !important; 8866 } 8867 8868 .align-content-md-between { 8869 align-content: space-between !important; 8870 } 8871 8872 .align-content-md-around { 8873 align-content: space-around !important; 8874 } 8875 8876 .align-content-md-stretch { 8877 align-content: stretch !important; 8878 } 8879 8880 .align-self-md-auto { 8881 align-self: auto !important; 8882 } 8883 8884 .align-self-md-start { 8885 align-self: flex-start !important; 8886 } 8887 8888 .align-self-md-end { 8889 align-self: flex-end !important; 8890 } 8891 8892 .align-self-md-center { 8893 align-self: center !important; 8894 } 8895 8896 .align-self-md-baseline { 8897 align-self: baseline !important; 8898 } 8899 8900 .align-self-md-stretch { 8901 align-self: stretch !important; 8902 } 8903 8904 .order-md-first { 8905 order: -1 !important; 8906 } 8907 8908 .order-md-0 { 8909 order: 0 !important; 8910 } 8911 8912 .order-md-1 { 8913 order: 1 !important; 8914 } 8915 8916 .order-md-2 { 8917 order: 2 !important; 8918 } 8919 8920 .order-md-3 { 8921 order: 3 !important; 8922 } 8923 8924 .order-md-4 { 8925 order: 4 !important; 8926 } 8927 8928 .order-md-5 { 8929 order: 5 !important; 8930 } 8931 8932 .order-md-last { 8933 order: 6 !important; 8934 } 8935 8936 .m-md-0 { 8937 margin: 0 !important; 8938 } 8939 8940 .m-md-1 { 8941 margin: 0.25rem !important; 8942 } 8943 8944 .m-md-2 { 8945 margin: 0.5rem !important; 8946 } 8947 8948 .m-md-3 { 8949 margin: 1rem !important; 8950 } 8951 8952 .m-md-4 { 8953 margin: 1.5rem !important; 8954 } 8955 8956 .m-md-5 { 8957 margin: 3rem !important; 8958 } 8959 8960 .m-md-auto { 8961 margin: auto !important; 8962 } 8963 8964 .mx-md-0 { 8965 margin-right: 0 !important; 8966 margin-left: 0 !important; 8967 } 8968 8969 .mx-md-1 { 8970 margin-right: 0.25rem !important; 8971 margin-left: 0.25rem !important; 8972 } 8973 8974 .mx-md-2 { 8975 margin-right: 0.5rem !important; 8976 margin-left: 0.5rem !important; 8977 } 8978 8979 .mx-md-3 { 8980 margin-right: 1rem !important; 8981 margin-left: 1rem !important; 8982 } 8983 8984 .mx-md-4 { 8985 margin-right: 1.5rem !important; 8986 margin-left: 1.5rem !important; 8987 } 8988 8989 .mx-md-5 { 8990 margin-right: 3rem !important; 8991 margin-left: 3rem !important; 8992 } 8993 8994 .mx-md-auto { 8995 margin-right: auto !important; 8996 margin-left: auto !important; 8997 } 8998 8999 .my-md-0 { 9000 margin-top: 0 !important; 9001 margin-bottom: 0 !important; 9002 } 9003 9004 .my-md-1 { 9005 margin-top: 0.25rem !important; 9006 margin-bottom: 0.25rem !important; 9007 } 9008 9009 .my-md-2 { 9010 margin-top: 0.5rem !important; 9011 margin-bottom: 0.5rem !important; 9012 } 9013 9014 .my-md-3 { 9015 margin-top: 1rem !important; 9016 margin-bottom: 1rem !important; 9017 } 9018 9019 .my-md-4 { 9020 margin-top: 1.5rem !important; 9021 margin-bottom: 1.5rem !important; 9022 } 9023 9024 .my-md-5 { 9025 margin-top: 3rem !important; 9026 margin-bottom: 3rem !important; 9027 } 9028 9029 .my-md-auto { 9030 margin-top: auto !important; 9031 margin-bottom: auto !important; 9032 } 9033 9034 .mt-md-0 { 9035 margin-top: 0 !important; 9036 } 9037 9038 .mt-md-1 { 9039 margin-top: 0.25rem !important; 9040 } 9041 9042 .mt-md-2 { 9043 margin-top: 0.5rem !important; 9044 } 9045 9046 .mt-md-3 { 9047 margin-top: 1rem !important; 9048 } 9049 9050 .mt-md-4 { 9051 margin-top: 1.5rem !important; 9052 } 9053 9054 .mt-md-5 { 9055 margin-top: 3rem !important; 9056 } 9057 9058 .mt-md-auto { 9059 margin-top: auto !important; 9060 } 9061 9062 .me-md-0 { 9063 margin-right: 0 !important; 9064 } 9065 9066 .me-md-1 { 9067 margin-right: 0.25rem !important; 9068 } 9069 9070 .me-md-2 { 9071 margin-right: 0.5rem !important; 9072 } 9073 9074 .me-md-3 { 9075 margin-right: 1rem !important; 9076 } 9077 9078 .me-md-4 { 9079 margin-right: 1.5rem !important; 9080 } 9081 9082 .me-md-5 { 9083 margin-right: 3rem !important; 9084 } 9085 9086 .me-md-auto { 9087 margin-right: auto !important; 9088 } 9089 9090 .mb-md-0 { 9091 margin-bottom: 0 !important; 9092 } 9093 9094 .mb-md-1 { 9095 margin-bottom: 0.25rem !important; 9096 } 9097 9098 .mb-md-2 { 9099 margin-bottom: 0.5rem !important; 9100 } 9101 9102 .mb-md-3 { 9103 margin-bottom: 1rem !important; 9104 } 9105 9106 .mb-md-4 { 9107 margin-bottom: 1.5rem !important; 9108 } 9109 9110 .mb-md-5 { 9111 margin-bottom: 3rem !important; 9112 } 9113 9114 .mb-md-auto { 9115 margin-bottom: auto !important; 9116 } 9117 9118 .ms-md-0 { 9119 margin-left: 0 !important; 9120 } 9121 9122 .ms-md-1 { 9123 margin-left: 0.25rem !important; 9124 } 9125 9126 .ms-md-2 { 9127 margin-left: 0.5rem !important; 9128 } 9129 9130 .ms-md-3 { 9131 margin-left: 1rem !important; 9132 } 9133 9134 .ms-md-4 { 9135 margin-left: 1.5rem !important; 9136 } 9137 9138 .ms-md-5 { 9139 margin-left: 3rem !important; 9140 } 9141 9142 .ms-md-auto { 9143 margin-left: auto !important; 9144 } 9145 9146 .p-md-0 { 9147 padding: 0 !important; 9148 } 9149 9150 .p-md-1 { 9151 padding: 0.25rem !important; 9152 } 9153 9154 .p-md-2 { 9155 padding: 0.5rem !important; 9156 } 9157 9158 .p-md-3 { 9159 padding: 1rem !important; 9160 } 9161 9162 .p-md-4 { 9163 padding: 1.5rem !important; 9164 } 9165 9166 .p-md-5 { 9167 padding: 3rem !important; 9168 } 9169 9170 .px-md-0 { 9171 padding-right: 0 !important; 9172 padding-left: 0 !important; 9173 } 9174 9175 .px-md-1 { 9176 padding-right: 0.25rem !important; 9177 padding-left: 0.25rem !important; 9178 } 9179 9180 .px-md-2 { 9181 padding-right: 0.5rem !important; 9182 padding-left: 0.5rem !important; 9183 } 9184 9185 .px-md-3 { 9186 padding-right: 1rem !important; 9187 padding-left: 1rem !important; 9188 } 9189 9190 .px-md-4 { 9191 padding-right: 1.5rem !important; 9192 padding-left: 1.5rem !important; 9193 } 9194 9195 .px-md-5 { 9196 padding-right: 3rem !important; 9197 padding-left: 3rem !important; 9198 } 9199 9200 .py-md-0 { 9201 padding-top: 0 !important; 9202 padding-bottom: 0 !important; 9203 } 9204 9205 .py-md-1 { 9206 padding-top: 0.25rem !important; 9207 padding-bottom: 0.25rem !important; 9208 } 9209 9210 .py-md-2 { 9211 padding-top: 0.5rem !important; 9212 padding-bottom: 0.5rem !important; 9213 } 9214 9215 .py-md-3 { 9216 padding-top: 1rem !important; 9217 padding-bottom: 1rem !important; 9218 } 9219 9220 .py-md-4 { 9221 padding-top: 1.5rem !important; 9222 padding-bottom: 1.5rem !important; 9223 } 9224 9225 .py-md-5 { 9226 padding-top: 3rem !important; 9227 padding-bottom: 3rem !important; 9228 } 9229 9230 .pt-md-0 { 9231 padding-top: 0 !important; 9232 } 9233 9234 .pt-md-1 { 9235 padding-top: 0.25rem !important; 9236 } 9237 9238 .pt-md-2 { 9239 padding-top: 0.5rem !important; 9240 } 9241 9242 .pt-md-3 { 9243 padding-top: 1rem !important; 9244 } 9245 9246 .pt-md-4 { 9247 padding-top: 1.5rem !important; 9248 } 9249 9250 .pt-md-5 { 9251 padding-top: 3rem !important; 9252 } 9253 9254 .pe-md-0 { 9255 padding-right: 0 !important; 9256 } 9257 9258 .pe-md-1 { 9259 padding-right: 0.25rem !important; 9260 } 9261 9262 .pe-md-2 { 9263 padding-right: 0.5rem !important; 9264 } 9265 9266 .pe-md-3 { 9267 padding-right: 1rem !important; 9268 } 9269 9270 .pe-md-4 { 9271 padding-right: 1.5rem !important; 9272 } 9273 9274 .pe-md-5 { 9275 padding-right: 3rem !important; 9276 } 9277 9278 .pb-md-0 { 9279 padding-bottom: 0 !important; 9280 } 9281 9282 .pb-md-1 { 9283 padding-bottom: 0.25rem !important; 9284 } 9285 9286 .pb-md-2 { 9287 padding-bottom: 0.5rem !important; 9288 } 9289 9290 .pb-md-3 { 9291 padding-bottom: 1rem !important; 9292 } 9293 9294 .pb-md-4 { 9295 padding-bottom: 1.5rem !important; 9296 } 9297 9298 .pb-md-5 { 9299 padding-bottom: 3rem !important; 9300 } 9301 9302 .ps-md-0 { 9303 padding-left: 0 !important; 9304 } 9305 9306 .ps-md-1 { 9307 padding-left: 0.25rem !important; 9308 } 9309 9310 .ps-md-2 { 9311 padding-left: 0.5rem !important; 9312 } 9313 9314 .ps-md-3 { 9315 padding-left: 1rem !important; 9316 } 9317 9318 .ps-md-4 { 9319 padding-left: 1.5rem !important; 9320 } 9321 9322 .ps-md-5 { 9323 padding-left: 3rem !important; 9324 } 9325 9326 .text-md-start { 9327 text-align: left !important; 9328 } 9329 9330 .text-md-end { 9331 text-align: right !important; 9332 } 9333 9334 .text-md-center { 9335 text-align: center !important; 9336 } 9337 } 9338 @media (min-width: 992px) { 9339 .float-lg-start { 9340 float: left !important; 9341 } 9342 9343 .float-lg-end { 9344 float: right !important; 9345 } 9346 9347 .float-lg-none { 9348 float: none !important; 9349 } 9350 9351 .d-lg-inline { 9352 display: inline !important; 9353 } 9354 9355 .d-lg-inline-block { 9356 display: inline-block !important; 9357 } 9358 9359 .d-lg-block { 9360 display: block !important; 9361 } 9362 9363 .d-lg-grid { 9364 display: grid !important; 9365 } 9366 9367 .d-lg-table { 9368 display: table !important; 9369 } 9370 9371 .d-lg-table-row { 9372 display: table-row !important; 9373 } 9374 9375 .d-lg-table-cell { 9376 display: table-cell !important; 9377 } 9378 9379 .d-lg-flex { 9380 display: flex !important; 9381 } 9382 9383 .d-lg-inline-flex { 9384 display: inline-flex !important; 9385 } 9386 9387 .d-lg-none { 9388 display: none !important; 9389 } 9390 9391 .flex-lg-fill { 9392 flex: 1 1 auto !important; 9393 } 9394 9395 .flex-lg-row { 9396 flex-direction: row !important; 9397 } 9398 9399 .flex-lg-column { 9400 flex-direction: column !important; 9401 } 9402 9403 .flex-lg-row-reverse { 9404 flex-direction: row-reverse !important; 9405 } 9406 9407 .flex-lg-column-reverse { 9408 flex-direction: column-reverse !important; 9409 } 9410 9411 .flex-lg-grow-0 { 9412 flex-grow: 0 !important; 9413 } 9414 9415 .flex-lg-grow-1 { 9416 flex-grow: 1 !important; 9417 } 9418 9419 .flex-lg-shrink-0 { 9420 flex-shrink: 0 !important; 9421 } 9422 9423 .flex-lg-shrink-1 { 9424 flex-shrink: 1 !important; 9425 } 9426 9427 .flex-lg-wrap { 9428 flex-wrap: wrap !important; 9429 } 9430 9431 .flex-lg-nowrap { 9432 flex-wrap: nowrap !important; 9433 } 9434 9435 .flex-lg-wrap-reverse { 9436 flex-wrap: wrap-reverse !important; 9437 } 9438 9439 .gap-lg-0 { 9440 gap: 0 !important; 9441 } 9442 9443 .gap-lg-1 { 9444 gap: 0.25rem !important; 9445 } 9446 9447 .gap-lg-2 { 9448 gap: 0.5rem !important; 9449 } 9450 9451 .gap-lg-3 { 9452 gap: 1rem !important; 9453 } 9454 9455 .gap-lg-4 { 9456 gap: 1.5rem !important; 9457 } 9458 9459 .gap-lg-5 { 9460 gap: 3rem !important; 9461 } 9462 9463 .justify-content-lg-start { 9464 justify-content: flex-start !important; 9465 } 9466 9467 .justify-content-lg-end { 9468 justify-content: flex-end !important; 9469 } 9470 9471 .justify-content-lg-center { 9472 justify-content: center !important; 9473 } 9474 9475 .justify-content-lg-between { 9476 justify-content: space-between !important; 9477 } 9478 9479 .justify-content-lg-around { 9480 justify-content: space-around !important; 9481 } 9482 9483 .justify-content-lg-evenly { 9484 justify-content: space-evenly !important; 9485 } 9486 9487 .align-items-lg-start { 9488 align-items: flex-start !important; 9489 } 9490 9491 .align-items-lg-end { 9492 align-items: flex-end !important; 9493 } 9494 9495 .align-items-lg-center { 9496 align-items: center !important; 9497 } 9498 9499 .align-items-lg-baseline { 9500 align-items: baseline !important; 9501 } 9502 9503 .align-items-lg-stretch { 9504 align-items: stretch !important; 9505 } 9506 9507 .align-content-lg-start { 9508 align-content: flex-start !important; 9509 } 9510 9511 .align-content-lg-end { 9512 align-content: flex-end !important; 9513 } 9514 9515 .align-content-lg-center { 9516 align-content: center !important; 9517 } 9518 9519 .align-content-lg-between { 9520 align-content: space-between !important; 9521 } 9522 9523 .align-content-lg-around { 9524 align-content: space-around !important; 9525 } 9526 9527 .align-content-lg-stretch { 9528 align-content: stretch !important; 9529 } 9530 9531 .align-self-lg-auto { 9532 align-self: auto !important; 9533 } 9534 9535 .align-self-lg-start { 9536 align-self: flex-start !important; 9537 } 9538 9539 .align-self-lg-end { 9540 align-self: flex-end !important; 9541 } 9542 9543 .align-self-lg-center { 9544 align-self: center !important; 9545 } 9546 9547 .align-self-lg-baseline { 9548 align-self: baseline !important; 9549 } 9550 9551 .align-self-lg-stretch { 9552 align-self: stretch !important; 9553 } 9554 9555 .order-lg-first { 9556 order: -1 !important; 9557 } 9558 9559 .order-lg-0 { 9560 order: 0 !important; 9561 } 9562 9563 .order-lg-1 { 9564 order: 1 !important; 9565 } 9566 9567 .order-lg-2 { 9568 order: 2 !important; 9569 } 9570 9571 .order-lg-3 { 9572 order: 3 !important; 9573 } 9574 9575 .order-lg-4 { 9576 order: 4 !important; 9577 } 9578 9579 .order-lg-5 { 9580 order: 5 !important; 9581 } 9582 9583 .order-lg-last { 9584 order: 6 !important; 9585 } 9586 9587 .m-lg-0 { 9588 margin: 0 !important; 9589 } 9590 9591 .m-lg-1 { 9592 margin: 0.25rem !important; 9593 } 9594 9595 .m-lg-2 { 9596 margin: 0.5rem !important; 9597 } 9598 9599 .m-lg-3 { 9600 margin: 1rem !important; 9601 } 9602 9603 .m-lg-4 { 9604 margin: 1.5rem !important; 9605 } 9606 9607 .m-lg-5 { 9608 margin: 3rem !important; 9609 } 9610 9611 .m-lg-auto { 9612 margin: auto !important; 9613 } 9614 9615 .mx-lg-0 { 9616 margin-right: 0 !important; 9617 margin-left: 0 !important; 9618 } 9619 9620 .mx-lg-1 { 9621 margin-right: 0.25rem !important; 9622 margin-left: 0.25rem !important; 9623 } 9624 9625 .mx-lg-2 { 9626 margin-right: 0.5rem !important; 9627 margin-left: 0.5rem !important; 9628 } 9629 9630 .mx-lg-3 { 9631 margin-right: 1rem !important; 9632 margin-left: 1rem !important; 9633 } 9634 9635 .mx-lg-4 { 9636 margin-right: 1.5rem !important; 9637 margin-left: 1.5rem !important; 9638 } 9639 9640 .mx-lg-5 { 9641 margin-right: 3rem !important; 9642 margin-left: 3rem !important; 9643 } 9644 9645 .mx-lg-auto { 9646 margin-right: auto !important; 9647 margin-left: auto !important; 9648 } 9649 9650 .my-lg-0 { 9651 margin-top: 0 !important; 9652 margin-bottom: 0 !important; 9653 } 9654 9655 .my-lg-1 { 9656 margin-top: 0.25rem !important; 9657 margin-bottom: 0.25rem !important; 9658 } 9659 9660 .my-lg-2 { 9661 margin-top: 0.5rem !important; 9662 margin-bottom: 0.5rem !important; 9663 } 9664 9665 .my-lg-3 { 9666 margin-top: 1rem !important; 9667 margin-bottom: 1rem !important; 9668 } 9669 9670 .my-lg-4 { 9671 margin-top: 1.5rem !important; 9672 margin-bottom: 1.5rem !important; 9673 } 9674 9675 .my-lg-5 { 9676 margin-top: 3rem !important; 9677 margin-bottom: 3rem !important; 9678 } 9679 9680 .my-lg-auto { 9681 margin-top: auto !important; 9682 margin-bottom: auto !important; 9683 } 9684 9685 .mt-lg-0 { 9686 margin-top: 0 !important; 9687 } 9688 9689 .mt-lg-1 { 9690 margin-top: 0.25rem !important; 9691 } 9692 9693 .mt-lg-2 { 9694 margin-top: 0.5rem !important; 9695 } 9696 9697 .mt-lg-3 { 9698 margin-top: 1rem !important; 9699 } 9700 9701 .mt-lg-4 { 9702 margin-top: 1.5rem !important; 9703 } 9704 9705 .mt-lg-5 { 9706 margin-top: 3rem !important; 9707 } 9708 9709 .mt-lg-auto { 9710 margin-top: auto !important; 9711 } 9712 9713 .me-lg-0 { 9714 margin-right: 0 !important; 9715 } 9716 9717 .me-lg-1 { 9718 margin-right: 0.25rem !important; 9719 } 9720 9721 .me-lg-2 { 9722 margin-right: 0.5rem !important; 9723 } 9724 9725 .me-lg-3 { 9726 margin-right: 1rem !important; 9727 } 9728 9729 .me-lg-4 { 9730 margin-right: 1.5rem !important; 9731 } 9732 9733 .me-lg-5 { 9734 margin-right: 3rem !important; 9735 } 9736 9737 .me-lg-auto { 9738 margin-right: auto !important; 9739 } 9740 9741 .mb-lg-0 { 9742 margin-bottom: 0 !important; 9743 } 9744 9745 .mb-lg-1 { 9746 margin-bottom: 0.25rem !important; 9747 } 9748 9749 .mb-lg-2 { 9750 margin-bottom: 0.5rem !important; 9751 } 9752 9753 .mb-lg-3 { 9754 margin-bottom: 1rem !important; 9755 } 9756 9757 .mb-lg-4 { 9758 margin-bottom: 1.5rem !important; 9759 } 9760 9761 .mb-lg-5 { 9762 margin-bottom: 3rem !important; 9763 } 9764 9765 .mb-lg-auto { 9766 margin-bottom: auto !important; 9767 } 9768 9769 .ms-lg-0 { 9770 margin-left: 0 !important; 9771 } 9772 9773 .ms-lg-1 { 9774 margin-left: 0.25rem !important; 9775 } 9776 9777 .ms-lg-2 { 9778 margin-left: 0.5rem !important; 9779 } 9780 9781 .ms-lg-3 { 9782 margin-left: 1rem !important; 9783 } 9784 9785 .ms-lg-4 { 9786 margin-left: 1.5rem !important; 9787 } 9788 9789 .ms-lg-5 { 9790 margin-left: 3rem !important; 9791 } 9792 9793 .ms-lg-auto { 9794 margin-left: auto !important; 9795 } 9796 9797 .p-lg-0 { 9798 padding: 0 !important; 9799 } 9800 9801 .p-lg-1 { 9802 padding: 0.25rem !important; 9803 } 9804 9805 .p-lg-2 { 9806 padding: 0.5rem !important; 9807 } 9808 9809 .p-lg-3 { 9810 padding: 1rem !important; 9811 } 9812 9813 .p-lg-4 { 9814 padding: 1.5rem !important; 9815 } 9816 9817 .p-lg-5 { 9818 padding: 3rem !important; 9819 } 9820 9821 .px-lg-0 { 9822 padding-right: 0 !important; 9823 padding-left: 0 !important; 9824 } 9825 9826 .px-lg-1 { 9827 padding-right: 0.25rem !important; 9828 padding-left: 0.25rem !important; 9829 } 9830 9831 .px-lg-2 { 9832 padding-right: 0.5rem !important; 9833 padding-left: 0.5rem !important; 9834 } 9835 9836 .px-lg-3 { 9837 padding-right: 1rem !important; 9838 padding-left: 1rem !important; 9839 } 9840 9841 .px-lg-4 { 9842 padding-right: 1.5rem !important; 9843 padding-left: 1.5rem !important; 9844 } 9845 9846 .px-lg-5 { 9847 padding-right: 3rem !important; 9848 padding-left: 3rem !important; 9849 } 9850 9851 .py-lg-0 { 9852 padding-top: 0 !important; 9853 padding-bottom: 0 !important; 9854 } 9855 9856 .py-lg-1 { 9857 padding-top: 0.25rem !important; 9858 padding-bottom: 0.25rem !important; 9859 } 9860 9861 .py-lg-2 { 9862 padding-top: 0.5rem !important; 9863 padding-bottom: 0.5rem !important; 9864 } 9865 9866 .py-lg-3 { 9867 padding-top: 1rem !important; 9868 padding-bottom: 1rem !important; 9869 } 9870 9871 .py-lg-4 { 9872 padding-top: 1.5rem !important; 9873 padding-bottom: 1.5rem !important; 9874 } 9875 9876 .py-lg-5 { 9877 padding-top: 3rem !important; 9878 padding-bottom: 3rem !important; 9879 } 9880 9881 .pt-lg-0 { 9882 padding-top: 0 !important; 9883 } 9884 9885 .pt-lg-1 { 9886 padding-top: 0.25rem !important; 9887 } 9888 9889 .pt-lg-2 { 9890 padding-top: 0.5rem !important; 9891 } 9892 9893 .pt-lg-3 { 9894 padding-top: 1rem !important; 9895 } 9896 9897 .pt-lg-4 { 9898 padding-top: 1.5rem !important; 9899 } 9900 9901 .pt-lg-5 { 9902 padding-top: 3rem !important; 9903 } 9904 9905 .pe-lg-0 { 9906 padding-right: 0 !important; 9907 } 9908 9909 .pe-lg-1 { 9910 padding-right: 0.25rem !important; 9911 } 9912 9913 .pe-lg-2 { 9914 padding-right: 0.5rem !important; 9915 } 9916 9917 .pe-lg-3 { 9918 padding-right: 1rem !important; 9919 } 9920 9921 .pe-lg-4 { 9922 padding-right: 1.5rem !important; 9923 } 9924 9925 .pe-lg-5 { 9926 padding-right: 3rem !important; 9927 } 9928 9929 .pb-lg-0 { 9930 padding-bottom: 0 !important; 9931 } 9932 9933 .pb-lg-1 { 9934 padding-bottom: 0.25rem !important; 9935 } 9936 9937 .pb-lg-2 { 9938 padding-bottom: 0.5rem !important; 9939 } 9940 9941 .pb-lg-3 { 9942 padding-bottom: 1rem !important; 9943 } 9944 9945 .pb-lg-4 { 9946 padding-bottom: 1.5rem !important; 9947 } 9948 9949 .pb-lg-5 { 9950 padding-bottom: 3rem !important; 9951 } 9952 9953 .ps-lg-0 { 9954 padding-left: 0 !important; 9955 } 9956 9957 .ps-lg-1 { 9958 padding-left: 0.25rem !important; 9959 } 9960 9961 .ps-lg-2 { 9962 padding-left: 0.5rem !important; 9963 } 9964 9965 .ps-lg-3 { 9966 padding-left: 1rem !important; 9967 } 9968 9969 .ps-lg-4 { 9970 padding-left: 1.5rem !important; 9971 } 9972 9973 .ps-lg-5 { 9974 padding-left: 3rem !important; 9975 } 9976 9977 .text-lg-start { 9978 text-align: left !important; 9979 } 9980 9981 .text-lg-end { 9982 text-align: right !important; 9983 } 9984 9985 .text-lg-center { 9986 text-align: center !important; 9987 } 9988 } 9989 @media (min-width: 1200px) { 9990 .float-xl-start { 9991 float: left !important; 9992 } 9993 9994 .float-xl-end { 9995 float: right !important; 9996 } 9997 9998 .float-xl-none { 9999 float: none !important; 10000 } 10001 10002 .d-xl-inline { 10003 display: inline !important; 10004 } 10005 10006 .d-xl-inline-block { 10007 display: inline-block !important; 10008 } 10009 10010 .d-xl-block { 10011 display: block !important; 10012 } 10013 10014 .d-xl-grid { 10015 display: grid !important; 10016 } 10017 10018 .d-xl-table { 10019 display: table !important; 10020 } 10021 10022 .d-xl-table-row { 10023 display: table-row !important; 10024 } 10025 10026 .d-xl-table-cell { 10027 display: table-cell !important; 10028 } 10029 10030 .d-xl-flex { 10031 display: flex !important; 10032 } 10033 10034 .d-xl-inline-flex { 10035 display: inline-flex !important; 10036 } 10037 10038 .d-xl-none { 10039 display: none !important; 10040 } 10041 10042 .flex-xl-fill { 10043 flex: 1 1 auto !important; 10044 } 10045 10046 .flex-xl-row { 10047 flex-direction: row !important; 10048 } 10049 10050 .flex-xl-column { 10051 flex-direction: column !important; 10052 } 10053 10054 .flex-xl-row-reverse { 10055 flex-direction: row-reverse !important; 10056 } 10057 10058 .flex-xl-column-reverse { 10059 flex-direction: column-reverse !important; 10060 } 10061 10062 .flex-xl-grow-0 { 10063 flex-grow: 0 !important; 10064 } 10065 10066 .flex-xl-grow-1 { 10067 flex-grow: 1 !important; 10068 } 10069 10070 .flex-xl-shrink-0 { 10071 flex-shrink: 0 !important; 10072 } 10073 10074 .flex-xl-shrink-1 { 10075 flex-shrink: 1 !important; 10076 } 10077 10078 .flex-xl-wrap { 10079 flex-wrap: wrap !important; 10080 } 10081 10082 .flex-xl-nowrap { 10083 flex-wrap: nowrap !important; 10084 } 10085 10086 .flex-xl-wrap-reverse { 10087 flex-wrap: wrap-reverse !important; 10088 } 10089 10090 .gap-xl-0 { 10091 gap: 0 !important; 10092 } 10093 10094 .gap-xl-1 { 10095 gap: 0.25rem !important; 10096 } 10097 10098 .gap-xl-2 { 10099 gap: 0.5rem !important; 10100 } 10101 10102 .gap-xl-3 { 10103 gap: 1rem !important; 10104 } 10105 10106 .gap-xl-4 { 10107 gap: 1.5rem !important; 10108 } 10109 10110 .gap-xl-5 { 10111 gap: 3rem !important; 10112 } 10113 10114 .justify-content-xl-start { 10115 justify-content: flex-start !important; 10116 } 10117 10118 .justify-content-xl-end { 10119 justify-content: flex-end !important; 10120 } 10121 10122 .justify-content-xl-center { 10123 justify-content: center !important; 10124 } 10125 10126 .justify-content-xl-between { 10127 justify-content: space-between !important; 10128 } 10129 10130 .justify-content-xl-around { 10131 justify-content: space-around !important; 10132 } 10133 10134 .justify-content-xl-evenly { 10135 justify-content: space-evenly !important; 10136 } 10137 10138 .align-items-xl-start { 10139 align-items: flex-start !important; 10140 } 10141 10142 .align-items-xl-end { 10143 align-items: flex-end !important; 10144 } 10145 10146 .align-items-xl-center { 10147 align-items: center !important; 10148 } 10149 10150 .align-items-xl-baseline { 10151 align-items: baseline !important; 10152 } 10153 10154 .align-items-xl-stretch { 10155 align-items: stretch !important; 10156 } 10157 10158 .align-content-xl-start { 10159 align-content: flex-start !important; 10160 } 10161 10162 .align-content-xl-end { 10163 align-content: flex-end !important; 10164 } 10165 10166 .align-content-xl-center { 10167 align-content: center !important; 10168 } 10169 10170 .align-content-xl-between { 10171 align-content: space-between !important; 10172 } 10173 10174 .align-content-xl-around { 10175 align-content: space-around !important; 10176 } 10177 10178 .align-content-xl-stretch { 10179 align-content: stretch !important; 10180 } 10181 10182 .align-self-xl-auto { 10183 align-self: auto !important; 10184 } 10185 10186 .align-self-xl-start { 10187 align-self: flex-start !important; 10188 } 10189 10190 .align-self-xl-end { 10191 align-self: flex-end !important; 10192 } 10193 10194 .align-self-xl-center { 10195 align-self: center !important; 10196 } 10197 10198 .align-self-xl-baseline { 10199 align-self: baseline !important; 10200 } 10201 10202 .align-self-xl-stretch { 10203 align-self: stretch !important; 10204 } 10205 10206 .order-xl-first { 10207 order: -1 !important; 10208 } 10209 10210 .order-xl-0 { 10211 order: 0 !important; 10212 } 10213 10214 .order-xl-1 { 10215 order: 1 !important; 10216 } 10217 10218 .order-xl-2 { 10219 order: 2 !important; 10220 } 10221 10222 .order-xl-3 { 10223 order: 3 !important; 10224 } 10225 10226 .order-xl-4 { 10227 order: 4 !important; 10228 } 10229 10230 .order-xl-5 { 10231 order: 5 !important; 10232 } 10233 10234 .order-xl-last { 10235 order: 6 !important; 10236 } 10237 10238 .m-xl-0 { 10239 margin: 0 !important; 10240 } 10241 10242 .m-xl-1 { 10243 margin: 0.25rem !important; 10244 } 10245 10246 .m-xl-2 { 10247 margin: 0.5rem !important; 10248 } 10249 10250 .m-xl-3 { 10251 margin: 1rem !important; 10252 } 10253 10254 .m-xl-4 { 10255 margin: 1.5rem !important; 10256 } 10257 10258 .m-xl-5 { 10259 margin: 3rem !important; 10260 } 10261 10262 .m-xl-auto { 10263 margin: auto !important; 10264 } 10265 10266 .mx-xl-0 { 10267 margin-right: 0 !important; 10268 margin-left: 0 !important; 10269 } 10270 10271 .mx-xl-1 { 10272 margin-right: 0.25rem !important; 10273 margin-left: 0.25rem !important; 10274 } 10275 10276 .mx-xl-2 { 10277 margin-right: 0.5rem !important; 10278 margin-left: 0.5rem !important; 10279 } 10280 10281 .mx-xl-3 { 10282 margin-right: 1rem !important; 10283 margin-left: 1rem !important; 10284 } 10285 10286 .mx-xl-4 { 10287 margin-right: 1.5rem !important; 10288 margin-left: 1.5rem !important; 10289 } 10290 10291 .mx-xl-5 { 10292 margin-right: 3rem !important; 10293 margin-left: 3rem !important; 10294 } 10295 10296 .mx-xl-auto { 10297 margin-right: auto !important; 10298 margin-left: auto !important; 10299 } 10300 10301 .my-xl-0 { 10302 margin-top: 0 !important; 10303 margin-bottom: 0 !important; 10304 } 10305 10306 .my-xl-1 { 10307 margin-top: 0.25rem !important; 10308 margin-bottom: 0.25rem !important; 10309 } 10310 10311 .my-xl-2 { 10312 margin-top: 0.5rem !important; 10313 margin-bottom: 0.5rem !important; 10314 } 10315 10316 .my-xl-3 { 10317 margin-top: 1rem !important; 10318 margin-bottom: 1rem !important; 10319 } 10320 10321 .my-xl-4 { 10322 margin-top: 1.5rem !important; 10323 margin-bottom: 1.5rem !important; 10324 } 10325 10326 .my-xl-5 { 10327 margin-top: 3rem !important; 10328 margin-bottom: 3rem !important; 10329 } 10330 10331 .my-xl-auto { 10332 margin-top: auto !important; 10333 margin-bottom: auto !important; 10334 } 10335 10336 .mt-xl-0 { 10337 margin-top: 0 !important; 10338 } 10339 10340 .mt-xl-1 { 10341 margin-top: 0.25rem !important; 10342 } 10343 10344 .mt-xl-2 { 10345 margin-top: 0.5rem !important; 10346 } 10347 10348 .mt-xl-3 { 10349 margin-top: 1rem !important; 10350 } 10351 10352 .mt-xl-4 { 10353 margin-top: 1.5rem !important; 10354 } 10355 10356 .mt-xl-5 { 10357 margin-top: 3rem !important; 10358 } 10359 10360 .mt-xl-auto { 10361 margin-top: auto !important; 10362 } 10363 10364 .me-xl-0 { 10365 margin-right: 0 !important; 10366 } 10367 10368 .me-xl-1 { 10369 margin-right: 0.25rem !important; 10370 } 10371 10372 .me-xl-2 { 10373 margin-right: 0.5rem !important; 10374 } 10375 10376 .me-xl-3 { 10377 margin-right: 1rem !important; 10378 } 10379 10380 .me-xl-4 { 10381 margin-right: 1.5rem !important; 10382 } 10383 10384 .me-xl-5 { 10385 margin-right: 3rem !important; 10386 } 10387 10388 .me-xl-auto { 10389 margin-right: auto !important; 10390 } 10391 10392 .mb-xl-0 { 10393 margin-bottom: 0 !important; 10394 } 10395 10396 .mb-xl-1 { 10397 margin-bottom: 0.25rem !important; 10398 } 10399 10400 .mb-xl-2 { 10401 margin-bottom: 0.5rem !important; 10402 } 10403 10404 .mb-xl-3 { 10405 margin-bottom: 1rem !important; 10406 } 10407 10408 .mb-xl-4 { 10409 margin-bottom: 1.5rem !important; 10410 } 10411 10412 .mb-xl-5 { 10413 margin-bottom: 3rem !important; 10414 } 10415 10416 .mb-xl-auto { 10417 margin-bottom: auto !important; 10418 } 10419 10420 .ms-xl-0 { 10421 margin-left: 0 !important; 10422 } 10423 10424 .ms-xl-1 { 10425 margin-left: 0.25rem !important; 10426 } 10427 10428 .ms-xl-2 { 10429 margin-left: 0.5rem !important; 10430 } 10431 10432 .ms-xl-3 { 10433 margin-left: 1rem !important; 10434 } 10435 10436 .ms-xl-4 { 10437 margin-left: 1.5rem !important; 10438 } 10439 10440 .ms-xl-5 { 10441 margin-left: 3rem !important; 10442 } 10443 10444 .ms-xl-auto { 10445 margin-left: auto !important; 10446 } 10447 10448 .p-xl-0 { 10449 padding: 0 !important; 10450 } 10451 10452 .p-xl-1 { 10453 padding: 0.25rem !important; 10454 } 10455 10456 .p-xl-2 { 10457 padding: 0.5rem !important; 10458 } 10459 10460 .p-xl-3 { 10461 padding: 1rem !important; 10462 } 10463 10464 .p-xl-4 { 10465 padding: 1.5rem !important; 10466 } 10467 10468 .p-xl-5 { 10469 padding: 3rem !important; 10470 } 10471 10472 .px-xl-0 { 10473 padding-right: 0 !important; 10474 padding-left: 0 !important; 10475 } 10476 10477 .px-xl-1 { 10478 padding-right: 0.25rem !important; 10479 padding-left: 0.25rem !important; 10480 } 10481 10482 .px-xl-2 { 10483 padding-right: 0.5rem !important; 10484 padding-left: 0.5rem !important; 10485 } 10486 10487 .px-xl-3 { 10488 padding-right: 1rem !important; 10489 padding-left: 1rem !important; 10490 } 10491 10492 .px-xl-4 { 10493 padding-right: 1.5rem !important; 10494 padding-left: 1.5rem !important; 10495 } 10496 10497 .px-xl-5 { 10498 padding-right: 3rem !important; 10499 padding-left: 3rem !important; 10500 } 10501 10502 .py-xl-0 { 10503 padding-top: 0 !important; 10504 padding-bottom: 0 !important; 10505 } 10506 10507 .py-xl-1 { 10508 padding-top: 0.25rem !important; 10509 padding-bottom: 0.25rem !important; 10510 } 10511 10512 .py-xl-2 { 10513 padding-top: 0.5rem !important; 10514 padding-bottom: 0.5rem !important; 10515 } 10516 10517 .py-xl-3 { 10518 padding-top: 1rem !important; 10519 padding-bottom: 1rem !important; 10520 } 10521 10522 .py-xl-4 { 10523 padding-top: 1.5rem !important; 10524 padding-bottom: 1.5rem !important; 10525 } 10526 10527 .py-xl-5 { 10528 padding-top: 3rem !important; 10529 padding-bottom: 3rem !important; 10530 } 10531 10532 .pt-xl-0 { 10533 padding-top: 0 !important; 10534 } 10535 10536 .pt-xl-1 { 10537 padding-top: 0.25rem !important; 10538 } 10539 10540 .pt-xl-2 { 10541 padding-top: 0.5rem !important; 10542 } 10543 10544 .pt-xl-3 { 10545 padding-top: 1rem !important; 10546 } 10547 10548 .pt-xl-4 { 10549 padding-top: 1.5rem !important; 10550 } 10551 10552 .pt-xl-5 { 10553 padding-top: 3rem !important; 10554 } 10555 10556 .pe-xl-0 { 10557 padding-right: 0 !important; 10558 } 10559 10560 .pe-xl-1 { 10561 padding-right: 0.25rem !important; 10562 } 10563 10564 .pe-xl-2 { 10565 padding-right: 0.5rem !important; 10566 } 10567 10568 .pe-xl-3 { 10569 padding-right: 1rem !important; 10570 } 10571 10572 .pe-xl-4 { 10573 padding-right: 1.5rem !important; 10574 } 10575 10576 .pe-xl-5 { 10577 padding-right: 3rem !important; 10578 } 10579 10580 .pb-xl-0 { 10581 padding-bottom: 0 !important; 10582 } 10583 10584 .pb-xl-1 { 10585 padding-bottom: 0.25rem !important; 10586 } 10587 10588 .pb-xl-2 { 10589 padding-bottom: 0.5rem !important; 10590 } 10591 10592 .pb-xl-3 { 10593 padding-bottom: 1rem !important; 10594 } 10595 10596 .pb-xl-4 { 10597 padding-bottom: 1.5rem !important; 10598 } 10599 10600 .pb-xl-5 { 10601 padding-bottom: 3rem !important; 10602 } 10603 10604 .ps-xl-0 { 10605 padding-left: 0 !important; 10606 } 10607 10608 .ps-xl-1 { 10609 padding-left: 0.25rem !important; 10610 } 10611 10612 .ps-xl-2 { 10613 padding-left: 0.5rem !important; 10614 } 10615 10616 .ps-xl-3 { 10617 padding-left: 1rem !important; 10618 } 10619 10620 .ps-xl-4 { 10621 padding-left: 1.5rem !important; 10622 } 10623 10624 .ps-xl-5 { 10625 padding-left: 3rem !important; 10626 } 10627 10628 .text-xl-start { 10629 text-align: left !important; 10630 } 10631 10632 .text-xl-end { 10633 text-align: right !important; 10634 } 10635 10636 .text-xl-center { 10637 text-align: center !important; 10638 } 10639 } 10640 @media (min-width: 1400px) { 10641 .float-xxl-start { 10642 float: left !important; 10643 } 10644 10645 .float-xxl-end { 10646 float: right !important; 10647 } 10648 10649 .float-xxl-none { 10650 float: none !important; 10651 } 10652 10653 .d-xxl-inline { 10654 display: inline !important; 10655 } 10656 10657 .d-xxl-inline-block { 10658 display: inline-block !important; 10659 } 10660 10661 .d-xxl-block { 10662 display: block !important; 10663 } 10664 10665 .d-xxl-grid { 10666 display: grid !important; 10667 } 10668 10669 .d-xxl-table { 10670 display: table !important; 10671 } 10672 10673 .d-xxl-table-row { 10674 display: table-row !important; 10675 } 10676 10677 .d-xxl-table-cell { 10678 display: table-cell !important; 10679 } 10680 10681 .d-xxl-flex { 10682 display: flex !important; 10683 } 10684 10685 .d-xxl-inline-flex { 10686 display: inline-flex !important; 10687 } 10688 10689 .d-xxl-none { 10690 display: none !important; 10691 } 10692 10693 .flex-xxl-fill { 10694 flex: 1 1 auto !important; 10695 } 10696 10697 .flex-xxl-row { 10698 flex-direction: row !important; 10699 } 10700 10701 .flex-xxl-column { 10702 flex-direction: column !important; 10703 } 10704 10705 .flex-xxl-row-reverse { 10706 flex-direction: row-reverse !important; 10707 } 10708 10709 .flex-xxl-column-reverse { 10710 flex-direction: column-reverse !important; 10711 } 10712 10713 .flex-xxl-grow-0 { 10714 flex-grow: 0 !important; 10715 } 10716 10717 .flex-xxl-grow-1 { 10718 flex-grow: 1 !important; 10719 } 10720 10721 .flex-xxl-shrink-0 { 10722 flex-shrink: 0 !important; 10723 } 10724 10725 .flex-xxl-shrink-1 { 10726 flex-shrink: 1 !important; 10727 } 10728 10729 .flex-xxl-wrap { 10730 flex-wrap: wrap !important; 10731 } 10732 10733 .flex-xxl-nowrap { 10734 flex-wrap: nowrap !important; 10735 } 10736 10737 .flex-xxl-wrap-reverse { 10738 flex-wrap: wrap-reverse !important; 10739 } 10740 10741 .gap-xxl-0 { 10742 gap: 0 !important; 10743 } 10744 10745 .gap-xxl-1 { 10746 gap: 0.25rem !important; 10747 } 10748 10749 .gap-xxl-2 { 10750 gap: 0.5rem !important; 10751 } 10752 10753 .gap-xxl-3 { 10754 gap: 1rem !important; 10755 } 10756 10757 .gap-xxl-4 { 10758 gap: 1.5rem !important; 10759 } 10760 10761 .gap-xxl-5 { 10762 gap: 3rem !important; 10763 } 10764 10765 .justify-content-xxl-start { 10766 justify-content: flex-start !important; 10767 } 10768 10769 .justify-content-xxl-end { 10770 justify-content: flex-end !important; 10771 } 10772 10773 .justify-content-xxl-center { 10774 justify-content: center !important; 10775 } 10776 10777 .justify-content-xxl-between { 10778 justify-content: space-between !important; 10779 } 10780 10781 .justify-content-xxl-around { 10782 justify-content: space-around !important; 10783 } 10784 10785 .justify-content-xxl-evenly { 10786 justify-content: space-evenly !important; 10787 } 10788 10789 .align-items-xxl-start { 10790 align-items: flex-start !important; 10791 } 10792 10793 .align-items-xxl-end { 10794 align-items: flex-end !important; 10795 } 10796 10797 .align-items-xxl-center { 10798 align-items: center !important; 10799 } 10800 10801 .align-items-xxl-baseline { 10802 align-items: baseline !important; 10803 } 10804 10805 .align-items-xxl-stretch { 10806 align-items: stretch !important; 10807 } 10808 10809 .align-content-xxl-start { 10810 align-content: flex-start !important; 10811 } 10812 10813 .align-content-xxl-end { 10814 align-content: flex-end !important; 10815 } 10816 10817 .align-content-xxl-center { 10818 align-content: center !important; 10819 } 10820 10821 .align-content-xxl-between { 10822 align-content: space-between !important; 10823 } 10824 10825 .align-content-xxl-around { 10826 align-content: space-around !important; 10827 } 10828 10829 .align-content-xxl-stretch { 10830 align-content: stretch !important; 10831 } 10832 10833 .align-self-xxl-auto { 10834 align-self: auto !important; 10835 } 10836 10837 .align-self-xxl-start { 10838 align-self: flex-start !important; 10839 } 10840 10841 .align-self-xxl-end { 10842 align-self: flex-end !important; 10843 } 10844 10845 .align-self-xxl-center { 10846 align-self: center !important; 10847 } 10848 10849 .align-self-xxl-baseline { 10850 align-self: baseline !important; 10851 } 10852 10853 .align-self-xxl-stretch { 10854 align-self: stretch !important; 10855 } 10856 10857 .order-xxl-first { 10858 order: -1 !important; 10859 } 10860 10861 .order-xxl-0 { 10862 order: 0 !important; 10863 } 10864 10865 .order-xxl-1 { 10866 order: 1 !important; 10867 } 10868 10869 .order-xxl-2 { 10870 order: 2 !important; 10871 } 10872 10873 .order-xxl-3 { 10874 order: 3 !important; 10875 } 10876 10877 .order-xxl-4 { 10878 order: 4 !important; 10879 } 10880 10881 .order-xxl-5 { 10882 order: 5 !important; 10883 } 10884 10885 .order-xxl-last { 10886 order: 6 !important; 10887 } 10888 10889 .m-xxl-0 { 10890 margin: 0 !important; 10891 } 10892 10893 .m-xxl-1 { 10894 margin: 0.25rem !important; 10895 } 10896 10897 .m-xxl-2 { 10898 margin: 0.5rem !important; 10899 } 10900 10901 .m-xxl-3 { 10902 margin: 1rem !important; 10903 } 10904 10905 .m-xxl-4 { 10906 margin: 1.5rem !important; 10907 } 10908 10909 .m-xxl-5 { 10910 margin: 3rem !important; 10911 } 10912 10913 .m-xxl-auto { 10914 margin: auto !important; 10915 } 10916 10917 .mx-xxl-0 { 10918 margin-right: 0 !important; 10919 margin-left: 0 !important; 10920 } 10921 10922 .mx-xxl-1 { 10923 margin-right: 0.25rem !important; 10924 margin-left: 0.25rem !important; 10925 } 10926 10927 .mx-xxl-2 { 10928 margin-right: 0.5rem !important; 10929 margin-left: 0.5rem !important; 10930 } 10931 10932 .mx-xxl-3 { 10933 margin-right: 1rem !important; 10934 margin-left: 1rem !important; 10935 } 10936 10937 .mx-xxl-4 { 10938 margin-right: 1.5rem !important; 10939 margin-left: 1.5rem !important; 10940 } 10941 10942 .mx-xxl-5 { 10943 margin-right: 3rem !important; 10944 margin-left: 3rem !important; 10945 } 10946 10947 .mx-xxl-auto { 10948 margin-right: auto !important; 10949 margin-left: auto !important; 10950 } 10951 10952 .my-xxl-0 { 10953 margin-top: 0 !important; 10954 margin-bottom: 0 !important; 10955 } 10956 10957 .my-xxl-1 { 10958 margin-top: 0.25rem !important; 10959 margin-bottom: 0.25rem !important; 10960 } 10961 10962 .my-xxl-2 { 10963 margin-top: 0.5rem !important; 10964 margin-bottom: 0.5rem !important; 10965 } 10966 10967 .my-xxl-3 { 10968 margin-top: 1rem !important; 10969 margin-bottom: 1rem !important; 10970 } 10971 10972 .my-xxl-4 { 10973 margin-top: 1.5rem !important; 10974 margin-bottom: 1.5rem !important; 10975 } 10976 10977 .my-xxl-5 { 10978 margin-top: 3rem !important; 10979 margin-bottom: 3rem !important; 10980 } 10981 10982 .my-xxl-auto { 10983 margin-top: auto !important; 10984 margin-bottom: auto !important; 10985 } 10986 10987 .mt-xxl-0 { 10988 margin-top: 0 !important; 10989 } 10990 10991 .mt-xxl-1 { 10992 margin-top: 0.25rem !important; 10993 } 10994 10995 .mt-xxl-2 { 10996 margin-top: 0.5rem !important; 10997 } 10998 10999 .mt-xxl-3 { 11000 margin-top: 1rem !important; 11001 } 11002 11003 .mt-xxl-4 { 11004 margin-top: 1.5rem !important; 11005 } 11006 11007 .mt-xxl-5 { 11008 margin-top: 3rem !important; 11009 } 11010 11011 .mt-xxl-auto { 11012 margin-top: auto !important; 11013 } 11014 11015 .me-xxl-0 { 11016 margin-right: 0 !important; 11017 } 11018 11019 .me-xxl-1 { 11020 margin-right: 0.25rem !important; 11021 } 11022 11023 .me-xxl-2 { 11024 margin-right: 0.5rem !important; 11025 } 11026 11027 .me-xxl-3 { 11028 margin-right: 1rem !important; 11029 } 11030 11031 .me-xxl-4 { 11032 margin-right: 1.5rem !important; 11033 } 11034 11035 .me-xxl-5 { 11036 margin-right: 3rem !important; 11037 } 11038 11039 .me-xxl-auto { 11040 margin-right: auto !important; 11041 } 11042 11043 .mb-xxl-0 { 11044 margin-bottom: 0 !important; 11045 } 11046 11047 .mb-xxl-1 { 11048 margin-bottom: 0.25rem !important; 11049 } 11050 11051 .mb-xxl-2 { 11052 margin-bottom: 0.5rem !important; 11053 } 11054 11055 .mb-xxl-3 { 11056 margin-bottom: 1rem !important; 11057 } 11058 11059 .mb-xxl-4 { 11060 margin-bottom: 1.5rem !important; 11061 } 11062 11063 .mb-xxl-5 { 11064 margin-bottom: 3rem !important; 11065 } 11066 11067 .mb-xxl-auto { 11068 margin-bottom: auto !important; 11069 } 11070 11071 .ms-xxl-0 { 11072 margin-left: 0 !important; 11073 } 11074 11075 .ms-xxl-1 { 11076 margin-left: 0.25rem !important; 11077 } 11078 11079 .ms-xxl-2 { 11080 margin-left: 0.5rem !important; 11081 } 11082 11083 .ms-xxl-3 { 11084 margin-left: 1rem !important; 11085 } 11086 11087 .ms-xxl-4 { 11088 margin-left: 1.5rem !important; 11089 } 11090 11091 .ms-xxl-5 { 11092 margin-left: 3rem !important; 11093 } 11094 11095 .ms-xxl-auto { 11096 margin-left: auto !important; 11097 } 11098 11099 .p-xxl-0 { 11100 padding: 0 !important; 11101 } 11102 11103 .p-xxl-1 { 11104 padding: 0.25rem !important; 11105 } 11106 11107 .p-xxl-2 { 11108 padding: 0.5rem !important; 11109 } 11110 11111 .p-xxl-3 { 11112 padding: 1rem !important; 11113 } 11114 11115 .p-xxl-4 { 11116 padding: 1.5rem !important; 11117 } 11118 11119 .p-xxl-5 { 11120 padding: 3rem !important; 11121 } 11122 11123 .px-xxl-0 { 11124 padding-right: 0 !important; 11125 padding-left: 0 !important; 11126 } 11127 11128 .px-xxl-1 { 11129 padding-right: 0.25rem !important; 11130 padding-left: 0.25rem !important; 11131 } 11132 11133 .px-xxl-2 { 11134 padding-right: 0.5rem !important; 11135 padding-left: 0.5rem !important; 11136 } 11137 11138 .px-xxl-3 { 11139 padding-right: 1rem !important; 11140 padding-left: 1rem !important; 11141 } 11142 11143 .px-xxl-4 { 11144 padding-right: 1.5rem !important; 11145 padding-left: 1.5rem !important; 11146 } 11147 11148 .px-xxl-5 { 11149 padding-right: 3rem !important; 11150 padding-left: 3rem !important; 11151 } 11152 11153 .py-xxl-0 { 11154 padding-top: 0 !important; 11155 padding-bottom: 0 !important; 11156 } 11157 11158 .py-xxl-1 { 11159 padding-top: 0.25rem !important; 11160 padding-bottom: 0.25rem !important; 11161 } 11162 11163 .py-xxl-2 { 11164 padding-top: 0.5rem !important; 11165 padding-bottom: 0.5rem !important; 11166 } 11167 11168 .py-xxl-3 { 11169 padding-top: 1rem !important; 11170 padding-bottom: 1rem !important; 11171 } 11172 11173 .py-xxl-4 { 11174 padding-top: 1.5rem !important; 11175 padding-bottom: 1.5rem !important; 11176 } 11177 11178 .py-xxl-5 { 11179 padding-top: 3rem !important; 11180 padding-bottom: 3rem !important; 11181 } 11182 11183 .pt-xxl-0 { 11184 padding-top: 0 !important; 11185 } 11186 11187 .pt-xxl-1 { 11188 padding-top: 0.25rem !important; 11189 } 11190 11191 .pt-xxl-2 { 11192 padding-top: 0.5rem !important; 11193 } 11194 11195 .pt-xxl-3 { 11196 padding-top: 1rem !important; 11197 } 11198 11199 .pt-xxl-4 { 11200 padding-top: 1.5rem !important; 11201 } 11202 11203 .pt-xxl-5 { 11204 padding-top: 3rem !important; 11205 } 11206 11207 .pe-xxl-0 { 11208 padding-right: 0 !important; 11209 } 11210 11211 .pe-xxl-1 { 11212 padding-right: 0.25rem !important; 11213 } 11214 11215 .pe-xxl-2 { 11216 padding-right: 0.5rem !important; 11217 } 11218 11219 .pe-xxl-3 { 11220 padding-right: 1rem !important; 11221 } 11222 11223 .pe-xxl-4 { 11224 padding-right: 1.5rem !important; 11225 } 11226 11227 .pe-xxl-5 { 11228 padding-right: 3rem !important; 11229 } 11230 11231 .pb-xxl-0 { 11232 padding-bottom: 0 !important; 11233 } 11234 11235 .pb-xxl-1 { 11236 padding-bottom: 0.25rem !important; 11237 } 11238 11239 .pb-xxl-2 { 11240 padding-bottom: 0.5rem !important; 11241 } 11242 11243 .pb-xxl-3 { 11244 padding-bottom: 1rem !important; 11245 } 11246 11247 .pb-xxl-4 { 11248 padding-bottom: 1.5rem !important; 11249 } 11250 11251 .pb-xxl-5 { 11252 padding-bottom: 3rem !important; 11253 } 11254 11255 .ps-xxl-0 { 11256 padding-left: 0 !important; 11257 } 11258 11259 .ps-xxl-1 { 11260 padding-left: 0.25rem !important; 11261 } 11262 11263 .ps-xxl-2 { 11264 padding-left: 0.5rem !important; 11265 } 11266 11267 .ps-xxl-3 { 11268 padding-left: 1rem !important; 11269 } 11270 11271 .ps-xxl-4 { 11272 padding-left: 1.5rem !important; 11273 } 11274 11275 .ps-xxl-5 { 11276 padding-left: 3rem !important; 11277 } 11278 11279 .text-xxl-start { 11280 text-align: left !important; 11281 } 11282 11283 .text-xxl-end { 11284 text-align: right !important; 11285 } 11286 11287 .text-xxl-center { 11288 text-align: center !important; 11289 } 11290 } 11291 @media (min-width: 1200px) { 11292 .fs-1 { 11293 font-size: 2.5rem !important; 11294 } 11295 11296 .fs-2 { 11297 font-size: 2rem !important; 11298 } 11299 11300 .fs-3 { 11301 font-size: 1.75rem !important; 11302 } 11303 11304 .fs-4 { 11305 font-size: 1.5rem !important; 11306 } 11307 } 11308 @media print { 11309 .d-print-inline { 11310 display: inline !important; 11311 } 11312 11313 .d-print-inline-block { 11314 display: inline-block !important; 11315 } 11316 11317 .d-print-block { 11318 display: block !important; 11319 } 11320 11321 .d-print-grid { 11322 display: grid !important; 11323 } 11324 11325 .d-print-table { 11326 display: table !important; 11327 } 11328 11329 .d-print-table-row { 11330 display: table-row !important; 11331 } 11332 11333 .d-print-table-cell { 11334 display: table-cell !important; 11335 } 11336 11337 .d-print-flex { 11338 display: flex !important; 11339 } 11340 11341 .d-print-inline-flex { 11342 display: inline-flex !important; 11343 } 11344 11345 .d-print-none { 11346 display: none !important; 11347 } 11348 } 11349 .minicolors-theme-bootstrap .minicolors-swatch { 11350 width: 36px; 11351 height: 36px; 11352 } 11353 .minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite { 11354 top: 50%; 11355 left: 8px; 11356 border-radius: 0; 11357 -webkit-transform: translateY(-50%); 11358 transform: translateY(-50%); 11359 } 11360 11361 span.minicolors-swatch-color { 11362 cursor: pointer; 11363 } 11364 11365 :root { 11366 scroll-behavior: smooth; 11367 } 11368 @media screen and (prefers-reduced-motion: reduce) { 11369 :root { 11370 scroll-behavior: auto; 11371 } 11372 } 11373 11374 html { 11375 background-color: white; 11376 } 11377 11378 body { 11379 position: relative; 11380 min-height: 100vh; 11381 } 11382 11383 img { 11384 max-width: 100%; 11385 height: auto; 11386 } 11387 11388 h1, .h1, 11389 h2, 11390 .h2, 11391 h3, 11392 .h3, 11393 h4, 11394 .h4, 11395 h5, 11396 .h5, 11397 h6, 11398 .h6 { 11399 font-family: var(--cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); 11400 font-weight: var(--cassiopeia-font-weight-headings, 700); 11401 } 11402 11403 .display-1 { 11404 font-size: clamp(2.7rem, 8vw, 5.5rem); 11405 } 11406 11407 .display-2 { 11408 font-size: clamp(2.3rem, 7vw, 4.5rem); 11409 } 11410 11411 .display-3 { 11412 font-size: clamp(1.9rem, 6vw, 3.5rem); 11413 } 11414 11415 .display-4 { 11416 font-size: clamp(1.5rem, 5vw, 2.5rem); 11417 } 11418 11419 .lead { 11420 font-size: clamp(1.1rem, 3vw, 1.25rem); 11421 } 11422 11423 a { 11424 color: var(--cassiopeia-color-link); 11425 } 11426 a:not([class]) { 11427 text-decoration: underline; 11428 } 11429 a:hover, a:focus { 11430 color: var(--cassiopeia-color-hover); 11431 } 11432 a.navbar-brand { 11433 color: var(--cassiopeia-color-brand); 11434 } 11435 11436 .btn-primary { 11437 background-color: var(--cassiopeia-color-primary); 11438 border-color: var(--cassiopeia-color-primary); 11439 } 11440 .btn-primary:hover, .btn-primary:focus { 11441 background-color: var(--cassiopeia-color-hover); 11442 border-color: var(--cassiopeia-color-hover); 11443 } 11444 11445 .btn-group { 11446 margin-bottom: 1em; 11447 } 11448 .btn-group > input { 11449 padding: 0.5em; 11450 border: 1px solid #ced4da; 11451 border-top-left-radius: 0.25rem; 11452 border-bottom-left-radius: 0.25rem; 11453 border-top-right-radius: 0; 11454 border-bottom-right-radius: 0; 11455 } 11456 .btn-group > .btn-group { 11457 margin-bottom: 0; 11458 } 11459 11460 [dir=rtl] .btn-group > input { 11461 border-top-right-radius: 0.25rem; 11462 border-bottom-right-radius: 0.25rem; 11463 border-top-left-radius: 0; 11464 border-bottom-left-radius: 0; 11465 } 11466 11467 .com-content-article ol, 11468 .com-content-article ul { 11469 overflow: hidden; 11470 } 11471 11472 .com-content-category__pagination { 11473 margin-bottom: 1em; 11474 } 11475 11476 small, 11477 .small { 11478 font-size: 0.875rem; 11479 } 11480 11481 dd { 11482 padding: 0; 11483 word-wrap: break-word; 11484 } 11485 11486 [dir=rtl] dd { 11487 margin-right: 0; 11488 margin-left: auto; 11489 } 11490 11491 th dd { 11492 font-weight: var(--cassiopeia-font-weight-normal, 400); 11493 } 11494 11495 .com-contact__thumbnail { 11496 text-align: left; 11497 } 11498 11499 @media (min-width: 1200px) { 11500 dl.dl-horizontal { 11501 display: grid; 11502 grid-template-columns: auto 1fr; 11503 } 11504 dl.dl-horizontal dt { 11505 grid-column-start: 1; 11506 grid-column-end: 2; 11507 } 11508 dl.dl-horizontal dd { 11509 grid-column-start: 2; 11510 grid-column-end: 3; 11511 padding: 0 0 0 1em; 11512 margin-bottom: 0; 11513 } 11514 11515 .com-contact__container { 11516 display: grid; 11517 grid-template-columns: repeat(4, 1fr); 11518 grid-template-rows: repeat(4, auto); 11519 grid-gap: 1rem; 11520 margin-bottom: 1em; 11521 } 11522 .com-contact__container h3, .com-contact__container .h3 { 11523 grid-column: 1/5; 11524 } 11525 .com-contact__container .com-contact__thumbnail { 11526 grid-column: 3/5; 11527 grid-row: 2/5; 11528 margin-bottom: 1em; 11529 text-align: right; 11530 } 11531 .com-contact__container .com-contact__position { 11532 grid-column: 1/3; 11533 grid-row: 2/3; 11534 } 11535 .com-contact__container .com-contact__info { 11536 grid-column: 1/3; 11537 grid-row: 3/4; 11538 } 11539 11540 [dir=rtl] dl.dl-horizontal dd { 11541 padding: 0 1em 0 0; 11542 } 11543 11544 .com-users-profile dt { 11545 min-width: 180px; 11546 } 11547 } 11548 figure { 11549 margin: 0 0 2em; 11550 } 11551 figure.float-start { 11552 margin-right: 1em; 11553 } 11554 figure.float-end { 11555 margin-left: 1em; 11556 } 11557 [dir=rtl] figure.float-start { 11558 margin-right: 0; 11559 margin-left: 1em; 11560 } 11561 [dir=rtl] figure.float-end { 11562 margin-right: 1em; 11563 margin-left: 0; 11564 } 11565 11566 figcaption { 11567 font-size: 0.9em; 11568 color: #6d757e; 11569 } 11570 11571 .mod-menu { 11572 flex-direction: column; 11573 } 11574 11575 meter { 11576 width: 100%; 11577 } 11578 11579 .pagenavigation, 11580 .pager { 11581 clear: both; 11582 } 11583 .pagenavigation .pagination, 11584 .pager .pagination { 11585 justify-content: space-between; 11586 padding: 0; 11587 margin: 1em 0; 11588 } 11589 .pagenavigation .pagination li.next:only-child, 11590 .pager .pagination li.next:only-child { 11591 margin-left: auto; 11592 } 11593 [dir=rtl] .pagenavigation .pagination > li.next:only-child, 11594 [dir=rtl] .pager .pagination > li.next:only-child { 11595 margin-right: auto; 11596 margin-left: 1em; 11597 } 11598 11599 .page-link { 11600 color: var(--cassiopeia-color-link); 11601 } 11602 .page-link:hover { 11603 color: var(--cassiopeia-color-link); 11604 } 11605 11606 .pager .pagination { 11607 justify-content: center; 11608 } 11609 11610 [dir=rtl] li.next .page-link { 11611 border-top-left-radius: 0.25rem; 11612 border-top-right-radius: 0; 11613 border-bottom-right-radius: 0; 11614 border-bottom-left-radius: 0.25rem; 11615 } 11616 11617 [dir=rtl] li.previous .page-link { 11618 border-top-left-radius: 0; 11619 border-top-right-radius: 0.25rem; 11620 border-bottom-right-radius: 0.25rem; 11621 border-bottom-left-radius: 0; 11622 } 11623 11624 .article-index .toclink.active { 11625 color: currentColor; 11626 } 11627 11628 .j-main-container .alert { 11629 margin: 0.75rem; 11630 } 11631 11632 .alert-heading { 11633 font-size: 1.5rem; 11634 } 11635 11636 @-webkit-keyframes fadeIn { 11637 from { 11638 opacity: 0; 11639 -webkit-transform: translateY(-1rem); 11640 transform: translateY(-1rem); 11641 } 11642 to { 11643 opacity: 1; 11644 -webkit-transform: translateY(0); 11645 transform: translateY(0); 11646 } 11647 } 11648 11649 @keyframes fadeIn { 11650 from { 11651 opacity: 0; 11652 -webkit-transform: translateY(-1rem); 11653 transform: translateY(-1rem); 11654 } 11655 to { 11656 opacity: 1; 11657 -webkit-transform: translateY(0); 11658 transform: translateY(0); 11659 } 11660 } 11661 /** 11662 * Back to Top 11663 */ 11664 .back-to-top-link { 11665 position: absolute; 11666 inset-inline-end: 1rem; 11667 bottom: 1rem; 11668 z-index: 10000; 11669 padding: 0.5em; 11670 color: var(--cassiopeia-color-primary, #112855); 11671 pointer-events: all; 11672 background-color: var(--white, white); 11673 border: 1px solid var(--cassiopeia-color-primary, #112855); 11674 border-radius: 0.25rem; 11675 opacity: 0; 11676 transition: opacity 200ms ease-in; 11677 } 11678 .back-to-top-link.visible { 11679 opacity: 1; 11680 } 11681 .back-to-top-link:hover, .back-to-top-link:focus { 11682 color: var(--white, white); 11683 background-color: var(--cassiopeia-color-hover); 11684 border-color: var(--white, white); 11685 } 11686 11687 .container-banner img { 11688 display: block; 11689 margin: auto; 11690 } 11691 .container-banner .banner-overlay { 11692 height: 70vh; 11693 color: white; 11694 background-repeat: no-repeat; 11695 background-attachment: fixed; 11696 background-position: top, center; 11697 background-size: cover; 11698 } 11699 .container-banner .banner-overlay .overlay { 11700 display: flex; 11701 flex-direction: column; 11702 align-items: center; 11703 justify-content: center; 11704 height: 100%; 11705 padding: 1em; 11706 text-align: center; 11707 background-color: rgba(0, 0, 0, 0.5); 11708 } 11709 .container-banner .banner-overlay .overlay .text-thin { 11710 font-weight: lighter; 11711 } 11712 .container-banner .banner-overlay .overlay .text-thin::after { 11713 display: block; 11714 width: 30%; 11715 height: 4px; 11716 margin: 1rem auto 2rem; 11717 content: ""; 11718 background: white; 11719 } 11720 .container-banner .banner-overlay .overlay .text-thin .lead { 11721 font-size: 150vh; 11722 } 11723 @media screen and (max-height: 740px) { 11724 .container-banner .banner-overlay { 11725 height: 100vh; 11726 } 11727 } 11728 11729 .footer { 11730 margin-top: 1em; 11731 color: white; 11732 background-color: var(--cassiopeia-color-primary); 11733 background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); 11734 } 11735 .footer .grid-child { 11736 align-items: center; 11737 justify-content: space-between; 11738 padding: 2.5rem 0.5em; 11739 } 11740 .footer a { 11741 color: currentColor; 11742 } 11743 [dir=rtl] .footer { 11744 background-image: linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-primary) 100%); 11745 } 11746 .footer .mod-menu { 11747 position: relative; 11748 } 11749 .footer .metismenu.mod-menu .mm-collapse { 11750 background: var(--cassiopeia-color-primary); 11751 } 11752 @media (max-width: 991.98px) { 11753 .footer .grid-child { 11754 flex-direction: column; 11755 } 11756 .footer .grid-child .mod-footer { 11757 margin: 0.375rem 0; 11758 } 11759 } 11760 11761 .form-control { 11762 max-width: 100%; 11763 background-color: white; 11764 } 11765 .form-control.input-xlarge { 11766 max-width: 21.875rem; 11767 } 11768 .form-control.input-xxlarge { 11769 max-width: 34.375rem; 11770 } 11771 .form-control.input-full { 11772 max-width: 100%; 11773 } 11774 11775 .spacer hr { 11776 width: 23.75rem; 11777 } 11778 11779 .form-select, .custom-select { 11780 max-width: 100%; 11781 } 11782 11783 .form-inline .form-select, .form-inline .custom-select { 11784 display: inline-block; 11785 width: auto; 11786 } 11787 11788 @media (max-width: 991.98px) { 11789 .form-inline .form-select, .form-inline .custom-select { 11790 width: 100%; 11791 } 11792 } 11793 td .form-control { 11794 display: inline-block; 11795 width: auto; 11796 } 11797 11798 .checkboxes { 11799 padding-top: 5px; 11800 } 11801 .checkboxes .checkbox input { 11802 position: static; 11803 margin-left: 0; 11804 } 11805 11806 .modal label { 11807 width: 100%; 11808 } 11809 11810 .invalid { 11811 color: #a51f18; 11812 border-color: #a51f18; 11813 } 11814 11815 .valid { 11816 border-color: #448344; 11817 } 11818 11819 .form-control-feedback { 11820 display: block; 11821 } 11822 11823 [role=tooltip]:not(.show) { 11824 right: 5em; 11825 z-index: 1070; 11826 display: none; 11827 max-width: 100%; 11828 padding: 0.5em; 11829 margin: 0.5em; 11830 color: black; 11831 text-align: start; 11832 background: white; 11833 border: 1px solid #6d757e; 11834 border-radius: 0.25rem; 11835 box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8); 11836 } 11837 [role=tooltip]:not(.show)[id^=editarticle-] { 11838 right: auto; 11839 -webkit-margin-start: -10em; 11840 margin-inline-start: -10em; 11841 } 11842 [role=tooltip]:not(.show)[id^=editcontact-] { 11843 right: auto; 11844 -webkit-margin-start: -10em; 11845 margin-inline-start: -10em; 11846 } 11847 [role=tooltip]:not(.show)[id^=id-skip-] { 11848 right: auto; 11849 } 11850 [role=tooltip]:not(.show)[id^=cbunpublish] { 11851 right: auto; 11852 } 11853 11854 :focus + [role=tooltip], 11855 :hover + [role=tooltip] { 11856 position: absolute; 11857 display: block; 11858 } 11859 11860 .filter-search-bar__description { 11861 bottom: 100%; 11862 } 11863 11864 fieldset { 11865 margin-bottom: 2em; 11866 } 11867 fieldset + fieldset { 11868 margin-top: 2em; 11869 } 11870 fieldset > * { 11871 margin-bottom: 0; 11872 } 11873 11874 .control-group { 11875 margin: 1em 0; 11876 } 11877 11878 .container-popup .filter-search-bar__description { 11879 top: 100%; 11880 bottom: auto; 11881 } 11882 11883 .com-users-login__options { 11884 margin-top: 2em; 11885 } 11886 11887 .com-users-profile__edit #jform_privacyconsent_privacy .radio, 11888 .com-users-profile__edit #jform_profile_tos .radio, 11889 .com-users-profile__edit #jform_terms_terms .radio, 11890 .com-users-registration #jform_privacyconsent_privacy .radio, 11891 .com-users-registration #jform_profile_tos .radio, 11892 .com-users-registration #jform_terms_terms .radio { 11893 display: inline-flex; 11894 gap: 1rem; 11895 } 11896 11897 .btn.jmodedit { 11898 position: absolute; 11899 top: 0; 11900 right: 0; 11901 left: auto; 11902 z-index: 900; 11903 color: var(--cassiopeia-color-link); 11904 background-color: rgba(255, 255, 255, 0.5); 11905 border: 1px solid #58595a; 11906 border-radius: 0.25rem; 11907 } 11908 11909 [dir=rtl] .btn.jmodedit { 11910 right: auto; 11911 left: 0; 11912 } 11913 11914 .container-header { 11915 position: relative; 11916 z-index: 10; 11917 background-color: var(--cassiopeia-color-primary); 11918 background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%); 11919 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; 11920 } 11921 @media (max-width: 991.98px) { 11922 .container-header { 11923 position: relative !important; 11924 } 11925 } 11926 .container-header .grid-child { 11927 padding: 0.5em; 11928 } 11929 .container-header nav { 11930 padding: 0; 11931 margin-top: 0.5em; 11932 } 11933 .container-header .site-description { 11934 font-size: 1rem; 11935 color: white; 11936 white-space: normal; 11937 } 11938 .container-header .navbar-brand { 11939 position: relative; 11940 display: inline-block; 11941 -webkit-margin-end: auto; 11942 margin-inline-end: auto; 11943 font-size: 2rem; 11944 color: white; 11945 } 11946 .container-header .navbar-brand a { 11947 color: white; 11948 } 11949 .container-header .navbar-brand:hover, .container-header .navbar-brand:focus { 11950 color: #f0f0f0; 11951 } 11952 .container-header .container-nav { 11953 flex-wrap: wrap; 11954 justify-content: space-between; 11955 padding-bottom: 1em; 11956 } 11957 @media (max-width: 767.98px) { 11958 .container-header .container-nav .container-search, 11959 .container-header .container-nav nav { 11960 margin-top: 1em; 11961 } 11962 } 11963 .container-header .container-nav .container-search:only-child { 11964 margin-left: auto; 11965 } 11966 .container-header .navbar-collapse.show { 11967 display: flex; 11968 flex-wrap: wrap; 11969 justify-content: space-between; 11970 } 11971 .container-header .mod-menu { 11972 flex: 1 0 100%; 11973 padding: 0; 11974 margin: 0; 11975 color: white; 11976 list-style: none; 11977 } 11978 @media (min-width: 992px) { 11979 .container-header .mod-menu { 11980 display: flex; 11981 flex: 1 1 0%; 11982 flex-direction: row; 11983 } 11984 } 11985 .container-header .mod-menu > li { 11986 position: relative; 11987 } 11988 @media (min-width: 992px) { 11989 .container-header .mod-menu > li + li { 11990 margin-left: 1.55em; 11991 } 11992 } 11993 .container-header .mod-menu > li > a, 11994 .container-header .mod-menu > li > span { 11995 position: relative; 11996 color: currentColor; 11997 text-decoration: none; 11998 } 11999 @media (min-width: 992px) { 12000 .container-header .mod-menu > li::after { 12001 position: absolute; 12002 right: 50%; 12003 bottom: 0; 12004 left: 50%; 12005 display: block; 12006 height: 2px; 12007 margin: auto; 12008 content: ""; 12009 background: transparent; 12010 opacity: 0.2; 12011 transition: all 0.2s ease, background-color 0.2s ease; 12012 } 12013 } 12014 .container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after { 12015 right: 2px; 12016 left: 0; 12017 background: white; 12018 } 12019 @media (max-width: 991.98px) { 12020 .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span, 12021 .container-header .mod-menu > li > a:hover { 12022 text-decoration: underline; 12023 } 12024 } 12025 .container-header .mod-menu .parent > ul { 12026 display: none; 12027 color: #22262a; 12028 } 12029 .container-header .metismenu > li + li { 12030 margin-left: 0; 12031 } 12032 @media (min-width: 992px) { 12033 .container-header .metismenu > li > a::after, 12034 .container-header .metismenu > li > button::before { 12035 position: absolute; 12036 right: 50%; 12037 bottom: 0; 12038 left: 50%; 12039 display: block; 12040 height: 2px; 12041 margin: auto; 12042 content: ""; 12043 background: transparent; 12044 opacity: 0.2; 12045 transition: all 0.2s ease, background-color 0.2s ease; 12046 } 12047 } 12048 .container-header .metismenu > li > a:hover::after, 12049 .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before { 12050 right: 0; 12051 left: 0; 12052 background: white; 12053 } 12054 .container-header .metismenu > li > button.mm-toggler-link:hover::before, .container-header .metismenu > li.active > button.mm-toggler-link::before { 12055 right: 0; 12056 left: 0.5em; 12057 } 12058 [dir=rtl] .container-header .metismenu > li > button.mm-toggler-link:hover::before, [dir=rtl] .container-header .metismenu > li.active > button.mm-toggler-link::before { 12059 right: 0.5em; 12060 left: 0; 12061 } 12062 @media (min-width: 992px) { 12063 .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, 12064 .container-header .metismenu > li.level-1 > a:hover, 12065 .container-header .metismenu > li.level-1 > button:hover { 12066 text-decoration: none; 12067 } 12068 } 12069 .container-header .metismenu > li.level-1 > ul { 12070 min-width: 12rem; 12071 } 12072 .container-header .navbar-toggler { 12073 color: white; 12074 cursor: pointer; 12075 border: 1px solid white; 12076 } 12077 .container-header .navbar-toggler .fas { 12078 font-size: 1.5rem; 12079 } 12080 .container-header .container-search { 12081 margin-top: 0.5em; 12082 } 12083 .container-header .mod-finder { 12084 color: white; 12085 } 12086 .container-header .mod-finder a { 12087 color: white; 12088 } 12089 .container-header .mod-finder a:hover, .container-header .mod-finder a:focus { 12090 color: #e6e6e6; 12091 } 12092 .container-header .mod-finder .awesomplete { 12093 color: var(--body-color); 12094 } 12095 .container-header .mod-finder .awesomplete > ul { 12096 background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.9)); 12097 } 12098 12099 .icon-white { 12100 color: white; 12101 } 12102 12103 .input-group-text::before { 12104 min-width: 16px; 12105 } 12106 12107 .tbody-icon { 12108 padding: 0 3px; 12109 text-align: center; 12110 background-color: transparent; 12111 border: 0; 12112 } 12113 .tbody-icon [class^=icon-], 12114 .tbody-icon [class*=" icon-"], 12115 .tbody-icon [class^=fa-], 12116 .tbody-icon [class*=" fa-"] { 12117 width: 26px; 12118 height: 26px; 12119 font-size: 1.1rem; 12120 line-height: 22px; 12121 color: #ced4da; 12122 border: 2px solid var(--border); 12123 border-radius: 50%; 12124 } 12125 .tbody-icon .icon-publish, 12126 .tbody-icon .icon-check, 12127 .tbody-icon .fa-check { 12128 color: #448344; 12129 border-color: #448344; 12130 } 12131 .tbody-icon .icon-checkedout, 12132 .tbody-icon .icon-lock, 12133 .tbody-icon .fa-lock { 12134 width: auto; 12135 height: auto; 12136 font-size: 1.2rem; 12137 line-height: 1rem; 12138 color: #484f56; 12139 border: 0; 12140 } 12141 .tbody-icon.home-disabled, .tbody-icon.featured-disabled, .tbody-icon.color-featured-disabled, .tbody-icon.icon-star-disabled, .tbody-icon.fa-star-disabled { 12142 cursor: not-allowed; 12143 opacity: 1; 12144 } 12145 12146 .tbody-icon .icon-delete, 12147 .tbody-icon .fa-delete, 12148 .tbody-icon .icon-times, 12149 .tbody-icon .fa-times { 12150 color: #a51f18; 12151 border-color: #a51f18; 12152 } 12153 12154 .plg_system_webauthn_login_button svg { 12155 -webkit-margin-end: 2px; 12156 margin-inline-end: 2px; 12157 } 12158 12159 .plg_system_webauthn_login_button svg path { 12160 fill: var(--black); 12161 } 12162 12163 iframe { 12164 border: 0; 12165 } 12166 12167 .modal iframe { 12168 width: 100%; 12169 } 12170 12171 .grid-child { 12172 display: flex; 12173 width: 100%; 12174 max-width: 1320px; 12175 margin-right: auto; 12176 margin-left: auto; 12177 } 12178 12179 .mod-custom { 12180 position: relative; 12181 } 12182 12183 .container-topbar, 12184 .container-below-top { 12185 color: white; 12186 } 12187 .container-topbar a, 12188 .container-below-top a { 12189 color: currentColor; 12190 } 12191 12192 .container-banner { 12193 display: block; 12194 margin: 0 0 2rem; 12195 } 12196 12197 .container-top-a, 12198 .container-top-b, 12199 .container-bottom-a, 12200 .container-bottom-b { 12201 position: relative; 12202 } 12203 .container-top-a > *, 12204 .container-top-b > *, 12205 .container-bottom-a > *, 12206 .container-bottom-b > * { 12207 flex: 1; 12208 margin: 0.5em 0; 12209 } 12210 @media (max-width: 991.98px) { 12211 .container-top-a, 12212 .container-top-b, 12213 .container-bottom-a, 12214 .container-bottom-b { 12215 flex-direction: column; 12216 } 12217 .container-top-a > *, 12218 .container-top-b > *, 12219 .container-bottom-a > *, 12220 .container-bottom-b > * { 12221 flex: 0 1 auto; 12222 } 12223 } 12224 12225 .container-component nav { 12226 position: relative; 12227 } 12228 12229 .container-component, 12230 .container-sidebar-left, 12231 .container-sidebar-right { 12232 display: flex; 12233 flex: 1; 12234 flex-direction: column; 12235 } 12236 .container-component > *, 12237 .container-sidebar-left > *, 12238 .container-sidebar-right > * { 12239 margin-bottom: 0; 12240 } 12241 .container-component > *:first-child, 12242 .container-sidebar-left > *:first-child, 12243 .container-sidebar-right > *:first-child { 12244 margin-top: 1em; 12245 } 12246 .container-component > * + *, 12247 .container-sidebar-left > * + *, 12248 .container-sidebar-right > * + * { 12249 margin-top: 1em; 12250 } 12251 12252 .container-sidebar-left, 12253 .container-sidebar-right { 12254 flex: 0 0 auto; 12255 width: calc(100% - 1em); 12256 order: 1; 12257 } 12258 @media (min-width: 768px) { 12259 .container-sidebar-left, 12260 .container-sidebar-right { 12261 width: calc(25% - 1em); 12262 order: 0; 12263 } 12264 } 12265 12266 .container-sidebar-left .sidebar-left:first-child { 12267 margin-top: 1em; 12268 } 12269 .container-sidebar-left .sidebar-left:last-child { 12270 margin-bottom: 1em; 12271 } 12272 12273 .container-sidebar-right .sidebar-right:first-child { 12274 margin-top: 1em; 12275 } 12276 .container-sidebar-right .sidebar-right:last-child { 12277 margin-bottom: 1em; 12278 } 12279 12280 .system-debug { 12281 display: block; 12282 } 12283 12284 .options-form { 12285 width: 100%; 12286 padding: 1vw 2vw; 12287 margin-bottom: 1rem; 12288 color: #495057; 12289 background-color: white; 12290 border: 1px solid #b2bfcd; 12291 } 12292 .options-form > legend { 12293 float: none; 12294 width: auto; 12295 padding: 0 0.5rem; 12296 font-weight: 700; 12297 color: #495057; 12298 background-color: white; 12299 } 12300 12301 .modal .btn { 12302 margin-right: 0.5rem; 12303 } 12304 .modal .btn-primary:not([href]), 12305 .modal .btn-success:not([href]) { 12306 color: white; 12307 } 12308 .modal .btn-primary:not([href]):hover, 12309 .modal .btn-success:not([href]):hover { 12310 color: white; 12311 } 12312 12313 .modal-header { 12314 padding: 0 15px; 12315 } 12316 12317 .modal-title { 12318 font-weight: var(--cassiopeia-font-weight-normal, 400); 12319 line-height: 3rem; 12320 } 12321 12322 .contentpane { 12323 padding: 15px; 12324 } 12325 .contentpane .main-card { 12326 margin: -10px; 12327 box-shadow: none; 12328 } 12329 12330 .error_site .page-header { 12331 margin-top: 1em; 12332 } 12333 12334 [class^=container-] .span-col-2, 12335 [class*=" container-"] .span-col-2 { 12336 flex: 0 0 50%; 12337 max-width: calc(50% - 1em); 12338 } 12339 [class^=container-] .span-col-3, 12340 [class*=" container-"] .span-col-3 { 12341 flex: 0 0 33.333%; 12342 max-width: calc(33.333% - 1em); 12343 } 12344 [class^=container-] .span-col-4, 12345 [class*=" container-"] .span-col-4 { 12346 flex: 0 0 25%; 12347 max-width: calc(25% - 1em); 12348 } 12349 12350 @supports (display: grid) { 12351 [class^=span-], 12352 [class*=" span-"] { 12353 grid-column-end: auto; 12354 grid-row-end: auto; 12355 } 12356 12357 @media (min-width: 768px) { 12358 [class^=span-col], 12359 [class*=" span-col"] { 12360 grid-column-end: span 2; 12361 } 12362 } 12363 12364 @media (min-width: 992px) { 12365 .span-col-2 { 12366 grid-column-end: span 2; 12367 } 12368 12369 .span-col-3 { 12370 grid-column-end: span 3; 12371 } 12372 12373 .span-col-4 { 12374 grid-column-end: span 4; 12375 } 12376 12377 .span-row-2 { 12378 grid-row-end: span 2; 12379 } 12380 12381 .span-row-3 { 12382 grid-row-end: span 3; 12383 } 12384 12385 .span-row-4 { 12386 grid-row-end: span 4; 12387 } 12388 } 12389 [class^=container-] [class^=span-], 12390 [class^=container-] [class*=" span-"], 12391 [class*=" container-"] [class^=span-], 12392 [class*=" container-"] [class*=" span-"] { 12393 flex: 0 1 auto; 12394 max-width: none; 12395 } 12396 } 12397 .blog-items { 12398 display: flex; 12399 flex-wrap: wrap; 12400 width: 100%; 12401 padding: 0; 12402 margin-right: -0.5em; 12403 margin-bottom: 1em; 12404 margin-left: -0.5em; 12405 } 12406 @media (min-width: 992px) { 12407 .blog-items.columns-2 > div { 12408 width: 50%; 12409 } 12410 .blog-items.columns-3 > div { 12411 width: 33.33333%; 12412 } 12413 .blog-items.columns-4 > div { 12414 width: 25%; 12415 } 12416 } 12417 12418 .blog-item { 12419 display: flex; 12420 flex-direction: column; 12421 padding: 0 0.5em 1em; 12422 overflow: hidden; 12423 } 12424 .boxed .blog-item { 12425 background-color: white; 12426 box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary); 12427 } 12428 .boxed .blog-item .item-content { 12429 padding: 25px; 12430 } 12431 .blog-item .item-image { 12432 margin-top: 3px; 12433 margin-bottom: 15px; 12434 overflow: hidden; 12435 } 12436 .boxed .blog-item .item-image { 12437 margin-bottom: 0; 12438 } 12439 @media (min-width: 992px) { 12440 .image-right .blog-item .item-image { 12441 order: 1; 12442 } 12443 } 12444 .image-bottom .blog-item .item-image { 12445 margin-top: -15px; 12446 order: 1; 12447 } 12448 .image-left .blog-item .item-content { 12449 padding-left: 25px; 12450 } 12451 .image-right .blog-item .item-content { 12452 padding-right: 25px; 12453 } 12454 .image-left .blog-item, .image-right .blog-item { 12455 flex-direction: column; 12456 } 12457 @media (min-width: 992px) { 12458 .image-left .blog-item, .image-right .blog-item { 12459 flex-direction: row; 12460 } 12461 .image-left .blog-item .item-image, .image-right .blog-item .item-image { 12462 flex: 1 0 40%; 12463 } 12464 .image-left .blog-item .item-content, .image-right .blog-item .item-content { 12465 flex: 1 0 60%; 12466 } 12467 } 12468 12469 .article-info dd { 12470 padding: 0; 12471 } 12472 12473 @supports (display: grid) { 12474 .blog-items { 12475 display: grid; 12476 margin: 0 0 1em; 12477 grid-auto-flow: row; 12478 grid-template-columns: 1fr; 12479 grid-gap: 1em; 12480 } 12481 .blog-items .blog-item { 12482 padding: 0; 12483 } 12484 .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div { 12485 flex: 0 1 auto; 12486 width: auto; 12487 max-width: none; 12488 } 12489 @media (min-width: 992px) { 12490 .blog-items.columns-2 { 12491 grid-template-columns: 1fr 1fr; 12492 } 12493 .blog-items.columns-3 { 12494 grid-template-columns: 1fr 1fr 1fr; 12495 } 12496 .blog-items.columns-4 { 12497 grid-template-columns: 1fr 1fr 1fr 1fr; 12498 } 12499 } 12500 } 12501 .blog-items[class^=masonry-], .blog-items[class*=" masonry-"] { 12502 display: block; 12503 -webkit-column-gap: 1em; 12504 -moz-column-gap: 1em; 12505 column-gap: 1em; 12506 } 12507 .blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item { 12508 display: inline-flex; 12509 margin-bottom: 1em; 12510 page-break-inside: avoid; 12511 -webkit-column-break-inside: avoid; 12512 -moz-column-break-inside: avoid; 12513 break-inside: avoid; 12514 } 12515 @media (min-width: 992px) { 12516 .blog-items.masonry-2 { 12517 -webkit-column-count: 2; 12518 -moz-column-count: 2; 12519 column-count: 2; 12520 } 12521 .blog-items.masonry-3 { 12522 -webkit-column-count: 3; 12523 -moz-column-count: 3; 12524 column-count: 3; 12525 } 12526 .blog-items.masonry-4 { 12527 -webkit-column-count: 4; 12528 -moz-column-count: 4; 12529 column-count: 4; 12530 } 12531 } 12532 12533 .image-alternate .blog-item:nth-of-type(2n+1) .item-image { 12534 order: 0; 12535 } 12536 .image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image { 12537 margin-right: 0; 12538 margin-left: 25px; 12539 order: 1; 12540 } 12541 .image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image { 12542 order: 1; 12543 } 12544 12545 .breadcrumb { 12546 margin-bottom: 0; 12547 background-color: rgba(0, 0, 0, 0.03); 12548 } 12549 12550 .no-card .newsflash-horiz li { 12551 padding: 0 1rem 1rem; 12552 border: 1px solid #dfe3e7; 12553 border-top-left-radius: 0; 12554 border-top-right-radius: 0; 12555 border-bottom-left-radius: 0.25rem; 12556 border-bottom-right-radius: 0.25rem; 12557 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 12558 } 12559 .no-card .newsflash-horiz li figure { 12560 margin: 0 -1rem 1rem; 12561 } 12562 12563 .mod-list { 12564 -webkit-padding-start: 0; 12565 padding-inline-start: 0; 12566 list-style: none; 12567 } 12568 .mod-list li { 12569 padding: 0.25em 0; 12570 } 12571 .mod-list li a { 12572 text-decoration: none; 12573 } 12574 .mod-list li a:hover { 12575 text-decoration: underline; 12576 } 12577 .container-header .mod-list li a:hover { 12578 text-decoration: none; 12579 } 12580 12581 .mod-list li.active > a { 12582 text-decoration: underline; 12583 } 12584 .container-header .mod-list li.active > a { 12585 text-decoration: none; 12586 } 12587 12588 .mod-list li .mod-menu__sub { 12589 padding-left: 1em; 12590 } 12591 12592 .element-invisible { 12593 position: absolute; 12594 width: 1px; 12595 height: 1px; 12596 padding: 0; 12597 overflow: hidden; 12598 clip: rect(0, 0, 0, 0); 12599 white-space: nowrap; 12600 border: 0; 12601 -webkit-clip-path: inset(50%); 12602 clip-path: inset(50%); 12603 } 12604 12605 .hidden { 12606 display: none; 12607 visibility: hidden; 12608 } 12609 12610 .table-row { 12611 display: table-row; 12612 } 12613 12614 joomla-alert { 12615 display: none; 12616 } 12617 12618 .editor-xtd-buttons .btn { 12619 margin-bottom: 5px; 12620 } 12621 12622 .subhead { 12623 position: sticky; 12624 top: 0; 12625 right: 0; 12626 left: 0; 12627 z-index: 1000; 12628 width: auto; 12629 min-height: 43px; 12630 padding: 0.25rem; 12631 color: #495057; 12632 background: white; 12633 box-shadow: -3px -2px 22px #ddd; 12634 } 12635 .subhead .row { 12636 margin-right: 0; 12637 margin-left: 0; 12638 } 12639 .subhead.noshadow { 12640 box-shadow: none; 12641 } 12642 .subhead joomla-toolbar-button, 12643 .subhead .btn-group { 12644 -webkit-margin-start: 0.75rem; 12645 margin-inline-start: 0.75rem; 12646 } 12647 .subhead joomla-toolbar-button:first-child, 12648 .subhead .btn-group:first-child { 12649 -webkit-margin-start: 0; 12650 margin-inline-start: 0; 12651 } 12652 .subhead joomla-toolbar-button .btn > span, 12653 .subhead joomla-toolbar-button .dropdown-item > span { 12654 -webkit-margin-end: 0.5rem; 12655 margin-inline-end: 0.5rem; 12656 width: 1.25em; 12657 text-align: center; 12658 } 12659 .subhead .btn { 12660 --subhead-btn-accent: #495057; 12661 padding: 0 1rem; 12662 margin: 5px 0; 12663 font-size: 1rem; 12664 line-height: 2.45rem; 12665 color: #495057; 12666 background: white; 12667 border-color: #adb5bd; 12668 } 12669 .subhead .btn > span { 12670 display: inline-block; 12671 color: var(--subhead-btn-accent); 12672 } 12673 .subhead .btn:not([disabled]):hover, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus { 12674 color: rgba(255, 255, 255, 0.9); 12675 background-color: var(--subhead-btn-accent); 12676 border-color: var(--subhead-btn-accent); 12677 } 12678 .subhead .btn:not([disabled]):hover > span, .subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):focus > span { 12679 color: rgba(255, 255, 255, 0.9); 12680 } 12681 .subhead .btn.btn-success { 12682 --subhead-btn-accent: var(--success); 12683 } 12684 .subhead .btn.btn-danger { 12685 --subhead-btn-accent: var(--danger); 12686 } 12687 .subhead .btn.btn-primary { 12688 --subhead-btn-accent: #2a69b8; 12689 } 12690 .subhead .btn.btn-secondary { 12691 --subhead-btn-accent: #001b4c; 12692 } 12693 .subhead .btn.btn-info { 12694 --subhead-btn-accent: #132f53; 12695 } 12696 .subhead .btn.btn-action { 12697 --subhead-btn-accent: #132f53; 12698 display: flex; 12699 align-items: center; 12700 } 12701 .subhead .btn.btn-action::after { 12702 width: 2.375rem; 12703 font-family: "Font Awesome 5 Free"; 12704 font-weight: 900; 12705 content: "\f078"; 12706 border: 0; 12707 } 12708 .subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] { 12709 --subhead-btn-accent: #132f53; 12710 background: rgba(223, 227, 231, 0.8); 12711 opacity: 0.5; 12712 } 12713 .subhead .btn[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus { 12714 cursor: not-allowed; 12715 } 12716 .subhead .dropdown-toggle.btn { 12717 -webkit-padding-end: 0; 12718 padding-inline-end: 0; 12719 } 12720 .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 12721 order: 1; 12722 -webkit-margin-start: -0.25rem; 12723 margin-inline-start: -0.25rem; 12724 } 12725 [dir=ltr] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 12726 border-radius: 0 0.25rem 0.25rem 0; 12727 } 12728 [dir=rtl] .subhead .btn-group:not(:last-child) > .dropdown-toggle-split { 12729 border-radius: 0.25rem 0 0 0.25rem; 12730 } 12731 .subhead .dropdown-menu joomla-toolbar-button, 12732 .subhead .btn-group joomla-toolbar-button { 12733 -webkit-margin-start: 0; 12734 margin-inline-start: 0; 12735 } 12736 12737 @media (max-width: 767.98px) { 12738 joomla-tab[view=accordion] .col-md-9, 12739 joomla-tab[view=accordion] .col-md-3 { 12740 padding: 0.5rem 1rem !important; 12741 } 12742 12743 #myTab { 12744 margin-top: 1rem; 12745 margin-bottom: 1.5rem; 12746 } 12747 12748 joomla-tab[view=accordion] ul li { 12749 width: 100%; 12750 } 12751 12752 .subhead joomla-toolbar-button, 12753 .subhead .btn-group, 12754 .subhead .btn { 12755 width: 100%; 12756 margin-left: 0; 12757 text-align: left; 12758 } 12759 .subhead .btn-toolbar > .btn-group, 12760 .subhead .btn-toolbar > joomla-toolbar-button { 12761 margin-left: 0; 12762 } 12763 .subhead .btn.btn-action::after { 12764 text-align: center; 12765 -webkit-margin-start: auto; 12766 margin-inline-start: auto; 12767 } 12768 .subhead .dropdown-toggle-split { 12769 width: auto; 12770 } 12771 } 12772 .left.item-image { 12773 float: left; 12774 } 12775 12776 .right.item-image { 12777 float: right; 12778 } 12779 12780 .tags .list-inline-item { 12781 margin: 0.25rem 0.25rem 0.5rem; 12782 } 12783 .tags a.btn { 12784 font-weight: 700; 12785 } 12786 12787 .tag { 12788 display: inline-block; 12789 padding: 0.5rem 0.5rem 0.5rem 0; 12790 } 12791 12792 body { 12793 display: flex; 12794 flex-direction: column; 12795 } 12796 body.wrapper-fluid .site-grid { 12797 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end]; 12798 grid-gap: 0 2em; 12799 } 12800 body.wrapper-fluid .grid-child { 12801 max-width: none; 12802 } 12803 body.wrapper-fluid header > .grid-child, 12804 body.wrapper-fluid footer > .grid-child { 12805 padding-right: 2em; 12806 padding-left: 2em; 12807 } 12808 body:not(.has-sidebar-left) .site-grid .container-component { 12809 grid-column-start: main-start; 12810 } 12811 body:not(.has-sidebar-right) .site-grid .container-component { 12812 grid-column-end: main-end; 12813 } 12814 12815 .site-grid { 12816 margin-bottom: auto; 12817 } 12818 12819 @supports (display: grid) { 12820 .site-grid { 12821 display: grid; 12822 grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; 12823 grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end]; 12824 grid-gap: 0 1em; 12825 } 12826 .site-grid > [class^=container-], 12827 .site-grid > [class*=" container-"] { 12828 width: 100%; 12829 max-width: none; 12830 -webkit-column-gap: 1em; 12831 -moz-column-gap: 1em; 12832 column-gap: 1em; 12833 } 12834 .site-grid > .full-width { 12835 grid-column: full-start/full-end; 12836 } 12837 @media (min-width: 992px) { 12838 .site-grid { 12839 grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ."; 12840 } 12841 } 12842 } 12843 .container-banner { 12844 grid-area: banner; 12845 } 12846 12847 .container-top-a { 12848 grid-area: top-a; 12849 } 12850 12851 .container-top-b { 12852 grid-area: top-b; 12853 } 12854 12855 .container-component { 12856 grid-area: comp; 12857 } 12858 12859 .container-sidebar-left { 12860 grid-area: side-l; 12861 } 12862 12863 .container-sidebar-right { 12864 grid-area: side-r; 12865 } 12866 12867 .container-main-top { 12868 grid-area: main-t; 12869 } 12870 12871 .container-main-bottom { 12872 grid-area: main-b; 12873 } 12874 12875 .container-breadcrumbs { 12876 grid-area: bread; 12877 } 12878 12879 .container-bottom-a { 12880 grid-area: bot-a; 12881 } 12882 12883 .container-bottom-b { 12884 grid-area: bot-b; 12885 } 12886 12887 .mod-finder__search.input-group { 12888 flex-wrap: nowrap; 12889 } 12890 .mod-finder__search.input-group .awesomplete input { 12891 border-top-right-radius: 0; 12892 border-bottom-right-radius: 0; 12893 } 12894 .mod-finder__search.input-group button { 12895 display: flex; 12896 align-items: center; 12897 } 12898 .mod-finder__search.input-group button .icon-search { 12899 -webkit-margin-end: 0.2em; 12900 margin-inline-end: 0.2em; 12901 } 12902 12903 .awesomplete > input { 12904 max-width: 200px; 12905 } 12906 @media (min-width: 992px) { 12907 .awesomplete > input { 12908 max-width: none; 12909 } 12910 } 12911 .awesomplete > ul { 12912 z-index: 1000 !important; 12913 } 12914 12915 .btn:focus, 12916 .btn.focus, 12917 .btn:active:focus, 12918 .btn.focus:active, 12919 .btn.active:focus, 12920 .btn.active.focus { 12921 text-decoration: none; 12922 } 12923 12924 .btn.group-move { 12925 cursor: move; 12926 } 12927 12928 .btn-secondary { 12929 color: #353b41; 12930 background-color: white; 12931 border-color: #ced4da; 12932 } 12933 .btn-secondary:hover, .btn-secondary:focus { 12934 color: #353b41; 12935 background-color: #f9fafb; 12936 } 12937 12938 .article-info .association .btn-secondary, 12939 .cat-list-association .btn-secondary { 12940 font-weight: 700; 12941 color: white; 12942 background-color: #6d757e; 12943 border-color: #ced4da; 12944 } 12945 .article-info .association .btn-secondary:hover, .article-info .association .btn-secondary:focus, 12946 .cat-list-association .btn-secondary:hover, 12947 .cat-list-association .btn-secondary:focus { 12948 color: white; 12949 background-color: #353b41; 12950 } 12951 .article-info .association .btn-sm, .article-info .association .btn-group-sm > .btn, 12952 .cat-list-association .btn-sm, 12953 .cat-list-association .btn-group-sm > .btn { 12954 padding: 0 0.25rem; 12955 font-size: 0.8rem; 12956 border-radius: 0.2rem; 12957 } 12958 12959 @media (max-width: 991.98px) { 12960 .btn { 12961 margin-bottom: 0.25rem; 12962 } 12963 12964 .input-group .btn { 12965 margin-bottom: 0; 12966 } 12967 } 12968 .form-select, .custom-select { 12969 max-width: 100%; 12970 cursor: pointer; 12971 background: url("../images/select-bg.svg") no-repeat right center/116rem; 12972 background-color: #eaedf0; 12973 border: solid 1px #ced4da; 12974 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); 12975 } 12976 .form-select:focus, .custom-select:focus { 12977 border-color: #000; 12978 box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); 12979 } 12980 [dir=rtl] .form-select, [dir=rtl] .custom-select { 12981 padding: 0.6rem 1rem 0.6rem 4rem; 12982 background: url("../images/select-bg-rtl.svg") no-repeat left center/116rem; 12983 background-color: #eaedf0; 12984 } 12985 .form-select[multiple], [multiple].custom-select { 12986 padding: 0; 12987 background-color: white; 12988 } 12989 .form-select[multiple] option, [multiple].custom-select option { 12990 padding: 0.3rem 1rem; 12991 background-color: white; 12992 } 12993 .form-select[multiple] option:checked, [multiple].custom-select option:checked { 12994 color: white; 12995 background-color: var(--cassiopeia-color-primary) !important; 12996 } 12997 .form-select.form-select-success, .form-select-success.custom-select, .form-select.custom-select-success, .custom-select-success.custom-select { 12998 color: #448344; 12999 background-color: #448344; 13000 } 13001 .form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option { 13002 color: #22262a; 13003 background-color: white; 13004 } 13005 .form-select.form-select-danger, .form-select-danger.custom-select, .form-select.custom-select-danger, .custom-select-danger.custom-select { 13006 color: #a51f18; 13007 background-color: #a51f18; 13008 } 13009 .form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option { 13010 color: #22262a; 13011 background-color: white; 13012 } 13013 .form-select optgroup, .custom-select optgroup, 13014 .form-select option, 13015 .custom-select option { 13016 color: var(--dark); 13017 background-color: white; 13018 } 13019 13020 .accordion .card-header { 13021 display: block; 13022 font-size: 1.25rem; 13023 font-weight: var(--cassiopeia-font-weight-headings, 700); 13024 line-height: 1.2; 13025 } 13026 .accordion .list-group-item { 13027 color: var(--cassiopeia-color-link); 13028 } 13029 13030 .dropdown-menu { 13031 padding: 0.2rem 0; 13032 margin-top: 0.5rem; 13033 background-color: white; 13034 border-color: #dfe3e7; 13035 } 13036 13037 .dropdown-menu-end::after { 13038 right: 0.9rem; 13039 left: auto; 13040 } 13041 13042 .field-media-wrapper { 13043 display: block; 13044 width: 100%; 13045 max-width: calc(50vw - 5rem); 13046 } 13047 .field-media-wrapper .field-media-preview { 13048 width: 100%; 13049 max-width: none; 13050 } 13051 @media (max-width: 991.98px) { 13052 .field-media-wrapper { 13053 min-width: 100%; 13054 } 13055 } 13056 13057 .list-group-item { 13058 background-color: white; 13059 } 13060 13061 .list-unstyled .list-unstyled { 13062 padding-left: 20px; 13063 } 13064 13065 .jviewport-height10 { 13066 height: 10vh; 13067 } 13068 .jviewport-height20 { 13069 height: 20vh; 13070 } 13071 .jviewport-height30 { 13072 height: 30vh; 13073 } 13074 .jviewport-height40 { 13075 height: 40vh; 13076 } 13077 .jviewport-height50 { 13078 height: 50vh; 13079 } 13080 .jviewport-height60 { 13081 height: 60vh; 13082 } 13083 .jviewport-height70 { 13084 height: 70vh; 13085 } 13086 .jviewport-height80 { 13087 height: 80vh; 13088 } 13089 .jviewport-height90 { 13090 height: 90vh; 13091 } 13092 .jviewport-height100 { 13093 height: 100vh; 13094 } 13095 13096 [class*=jviewport-height] iframe { 13097 height: 100%; 13098 } 13099 13100 .modal-dialog.jviewport-width10 { 13101 width: 10vw; 13102 max-width: none; 13103 } 13104 .modal-dialog.jviewport-width20 { 13105 width: 20vw; 13106 max-width: none; 13107 } 13108 .modal-dialog.jviewport-width30 { 13109 width: 30vw; 13110 max-width: none; 13111 } 13112 .modal-dialog.jviewport-width40 { 13113 width: 40vw; 13114 max-width: none; 13115 } 13116 .modal-dialog.jviewport-width50 { 13117 width: 50vw; 13118 max-width: none; 13119 } 13120 .modal-dialog.jviewport-width60 { 13121 width: 60vw; 13122 max-width: none; 13123 } 13124 .modal-dialog.jviewport-width70 { 13125 width: 70vw; 13126 max-width: none; 13127 } 13128 .modal-dialog.jviewport-width80 { 13129 width: 80vw; 13130 max-width: none; 13131 } 13132 .modal-dialog.jviewport-width90 { 13133 width: 90vw; 13134 max-width: none; 13135 } 13136 .modal-dialog.jviewport-width100 { 13137 width: 100vw; 13138 max-width: none; 13139 } 13140 13141 .nav.nav-tabs { 13142 padding: 0; 13143 margin: 0; 13144 background-color: whitesmoke; 13145 border: 1px solid #dfe3e7; 13146 border-bottom: 0; 13147 border-radius: 0.25rem 0.25rem 0 0; 13148 box-shadow: 0 1px white inset, 0 2px 3px -3px rgba(0, 0, 0, 0.15), 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 1px 1px 4px rgba(0, 0, 0, 0.1); 13149 } 13150 .nav.nav-tabs .nav-item { 13151 margin-bottom: 0; 13152 margin-left: 0; 13153 } 13154 .nav.nav-tabs .nav-item:first-of-type .nav-link.active { 13155 border-radius: 0.25rem 0 0; 13156 box-shadow: -1px 0 1px -1px rgba(0, 0, 0, 0.06), inset -2px 0 1px -1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02); 13157 } 13158 .nav.nav-tabs .nav-item:last-of-type .nav-link { 13159 box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05), 1px 0 0 rgba(0, 0, 0, 0.05); 13160 } 13161 .nav.nav-tabs .nav-item:last-of-type .nav-link.active { 13162 box-shadow: inset 2px 0 1px -1px rgba(0, 0, 0, 0.08), inset -2px 0 1px -1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02); 13163 } 13164 .nav.nav-tabs .nav-link { 13165 position: relative; 13166 padding: 0.75em 1em; 13167 color: var(--cassiopeia-color-primary); 13168 border: 0; 13169 border-top-left-radius: 0; 13170 border-top-right-radius: 0; 13171 box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05); 13172 } 13173 .nav.nav-tabs .nav-link.active { 13174 background-color: rgba(0, 0, 0, 0.3); 13175 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 100%); 13176 border-right: 0; 13177 border-left: 0; 13178 border-top-left-radius: 0; 13179 border-top-right-radius: 0; 13180 box-shadow: inset 2px 0 1px -1px rgba(0, 0, 0, 0.08), inset -2px 0 1px -1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(0, 0, 0, 0.02); 13181 } 13182 .nav.nav-tabs .nav-link.active::after { 13183 position: absolute; 13184 right: 0; 13185 bottom: -1px; 13186 left: 0; 13187 height: 5px; 13188 content: ""; 13189 background-color: #010156; 13190 opacity: 0.8; 13191 } 13192 13193 .nav-tabs + .tab-content { 13194 padding: 15px; 13195 background: white; 13196 border: 1px solid; 13197 border-color: #dfe3e7; 13198 border-radius: 0 0 0.25rem 0.25rem; 13199 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 13200 } 13201 13202 .pagination { 13203 margin: 1rem; 13204 } 13205 13206 .table th { 13207 font-weight: 500; 13208 } 13209 .table thead th { 13210 white-space: nowrap; 13211 border-bottom-width: 1px; 13212 } 13213 .table th, 13214 .table td { 13215 vertical-align: middle; 13216 } 13217 .table th label, 13218 .table td label { 13219 margin-bottom: 0; 13220 } 13221 13222 .chosen-container.chosen-container-single { 13223 max-width: 100%; 13224 font-size: 1rem; 13225 } 13226 .chosen-container.chosen-container-single .chosen-single { 13227 display: inline-block; 13228 height: calc(1.5em + 1.2rem + 2px); 13229 padding: 0.81rem 4rem 0.81rem 1rem; 13230 line-height: 1.5; 13231 color: #22262a; 13232 vertical-align: middle; 13233 background: #eaedf0 url("../images/select-bg.svg") no-repeat right 1rem center; 13234 background-image: none \9 ; 13235 background-size: 116rem; 13236 border: 1px solid #ced4da; 13237 box-shadow: none; 13238 -webkit-appearance: none; 13239 -moz-appearance: none; 13240 appearance: none; 13241 border-radius: 0.25rem; 13242 } 13243 .chosen-container.chosen-container-single .chosen-single abbr { 13244 top: 10px; 13245 } 13246 .chosen-container.chosen-container-single .chosen-single:focus { 13247 border-color: #8894aa; 13248 outline: none; 13249 } 13250 .chosen-container.chosen-container-single .chosen-single:disabled { 13251 cursor: not-allowed; 13252 background-color: #eaedf0; 13253 } 13254 .chosen-container.chosen-container-single .chosen-single div b { 13255 background: none !important; 13256 } 13257 .chosen-container.chosen-container-single .chosen-drop { 13258 background: white; 13259 border: 1px solid #ced4da; 13260 } 13261 .chosen-container.chosen-container-single .chosen-results li { 13262 line-height: calc(1rem + .3rem); 13263 } 13264 .chosen-container.chosen-container-single.chosen-container-active .chosen-single { 13265 border-bottom-right-radius: 0; 13266 border-bottom-left-radius: 0; 13267 } 13268 13269 .chosen-container.chosen-container-multi .chosen-choices { 13270 max-width: 100%; 13271 min-height: calc(1.5em + 1.2rem + 2px); 13272 font-size: 1rem; 13273 line-height: 1.5; 13274 background-image: white; 13275 } 13276 .chosen-container.chosen-container-multi .chosen-choices li.search-choice { 13277 padding: 5px 33px 5px 10px; 13278 color: white; 13279 background: var(--primary); 13280 border: 0; 13281 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 13282 border-radius: 0.25rem; 13283 } 13284 .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { 13285 top: 0; 13286 right: 0; 13287 width: 20px; 13288 height: 100%; 13289 background: rgba(0, 0, 0, 0.2); 13290 background-image: none !important; 13291 } 13292 .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before { 13293 position: absolute; 13294 top: 6px; 13295 right: 5px; 13296 font-size: 1rem; 13297 color: white; 13298 content: "×"; 13299 } 13300 13301 .chosen-container-active.chosen-with-drop .chosen-single { 13302 box-shadow: none; 13303 } 13304 13305 .chosen-container-single { 13306 width: auto !important; 13307 } 13308 13309 .card .chosen-container.chosen-container-single { 13310 width: 100% !important; 13311 } 13312 .card .chosen-container.chosen-container-single .chosen-single { 13313 width: 100% !important; 13314 } 13315 13316 .gu-mirror { 13317 position: fixed !important; 13318 z-index: 9999 !important; 13319 margin: 0 !important; 13320 background-color: #91ee91; 13321 opacity: 0.8; 13322 } 13323 .gu-mirror.table { 13324 display: table; 13325 } 13326 .gu-mirror.table td { 13327 display: table-cell; 13328 } 13329 13330 .metismenu.menu-horizontal { 13331 flex: 1 0 100%; 13332 padding: 0; 13333 margin: 0; 13334 list-style: none; 13335 } 13336 @media (min-width: 992px) { 13337 .metismenu.menu-horizontal { 13338 display: flex; 13339 flex: 1 1 0%; 13340 flex-direction: row; 13341 } 13342 } 13343 .metismenu.menu-horizontal > li { 13344 position: relative; 13345 } 13346 .metismenu.menu-horizontal .level-1 > ul { 13347 min-width: 12rem; 13348 } 13349 .metismenu.mod-menu { 13350 margin: 0; 13351 } 13352 .metismenu.mod-menu .metismenu-item { 13353 display: flex; 13354 flex-wrap: wrap; 13355 align-items: center; 13356 padding: 0.5em 1em; 13357 font-size: 1.1rem; 13358 line-height: 1.5; 13359 } 13360 .metismenu.mod-menu .metismenu-item.parent { 13361 position: relative; 13362 } 13363 .metismenu.mod-menu .metismenu-item > ul { 13364 position: absolute; 13365 top: 100%; 13366 z-index: 1001; 13367 display: block; 13368 padding: 0; 13369 list-style: none; 13370 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1); 13371 } 13372 .metismenu.mod-menu .metismenu-item > span, 13373 .metismenu.mod-menu .metismenu-item > a, 13374 .metismenu.mod-menu .metismenu-item > button { 13375 overflow: hidden; 13376 text-decoration: none; 13377 text-overflow: ellipsis; 13378 white-space: nowrap; 13379 } 13380 .metismenu.mod-menu .metismenu-item > a:focus, 13381 .metismenu.mod-menu .metismenu-item > button:focus { 13382 outline: 1px dotted #ced4da; 13383 outline-offset: 2px; 13384 } 13385 .metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, 13386 .metismenu.mod-menu .metismenu-item > a:hover, 13387 .metismenu.mod-menu .metismenu-item > button:hover { 13388 text-decoration: underline; 13389 } 13390 .metismenu.mod-menu .metismenu-item::after { 13391 content: none; 13392 } 13393 .metismenu.mod-menu .metismenu-item:not(.level-1) > ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul { 13394 margin-right: -1em; 13395 } 13396 [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-1) > ul, [dir=rtl] .metismenu.mod-menu .metismenu-item:not(.level-2) > ul { 13397 margin-right: 0; 13398 margin-left: -1em; 13399 } 13400 .metismenu.mod-menu .metismenu-item.divider:not(.parent) { 13401 width: 1px; 13402 padding: 0; 13403 margin: 0.25em; 13404 overflow: hidden; 13405 border-right: 1px solid #ced4da; 13406 } 13407 @media (max-width: 991.98px) { 13408 .metismenu.mod-menu .metismenu-item.divider:not(.parent) { 13409 width: auto; 13410 height: 1px; 13411 border-bottom: 1px solid #ced4da; 13412 } 13413 } 13414 .metismenu.mod-menu .mm-collapsing { 13415 height: 0; 13416 overflow: hidden; 13417 transition-timing-function: ease; 13418 transition-duration: 0.35s; 13419 transition-property: color, background-color, height, visibility; 13420 } 13421 .metismenu.mod-menu .mm-collapse { 13422 position: absolute; 13423 background-color: white; 13424 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 13425 } 13426 .metismenu.mod-menu .mm-collapse:not(.mm-show) { 13427 display: none; 13428 } 13429 .metismenu.mod-menu .mm-collapse > li > a { 13430 display: inline-flex; 13431 } 13432 .metismenu.mod-menu .mm-collapse > li.divider:not(.parent) { 13433 width: auto; 13434 height: 1px; 13435 border-bottom: 1px solid #ced4da; 13436 } 13437 .metismenu.mod-menu .mm-collapse > li.parent .mm-toggler { 13438 display: inline-flex; 13439 } 13440 .metismenu.mod-menu .mm-collapse > li.parent > ul { 13441 position: relative; 13442 top: 0; 13443 flex-basis: calc(100% + 1em); 13444 margin-top: 0.5em; 13445 margin-bottom: -0.5em; 13446 background-color: rgba(0, 0, 0, 0.03); 13447 box-shadow: none; 13448 } 13449 .metismenu.mod-menu .mm-toggler { 13450 position: relative; 13451 display: flex; 13452 align-items: center; 13453 height: 100%; 13454 padding: 0; 13455 color: currentColor; 13456 -webkit-user-select: none; 13457 -moz-user-select: none; 13458 -ms-user-select: none; 13459 user-select: none; 13460 background: none; 13461 border: none; 13462 box-shadow: none; 13463 } 13464 .metismenu.mod-menu .mm-toggler:after { 13465 width: 0; 13466 height: 0; 13467 -webkit-margin-start: 0.5em; 13468 margin-inline-start: 0.5em; 13469 content: ""; 13470 border-top: 0.5em solid currentColor; 13471 border-right: 0.5em solid transparent; 13472 border-left: 0.5em solid transparent; 13473 transition: all 0.3s ease-out; 13474 } 13475 .mm-active > .metismenu.mod-menu .mm-toggler:after { 13476 -webkit-transform: rotateX(-180deg); 13477 transform: rotateX(-180deg); 13478 } 13479 13480 .metismenu.mod-menu .mm-toggler[aria-expanded=true]:after { 13481 -webkit-transform: rotateX(-180deg); 13482 transform: rotateX(-180deg); 13483 } 13484 .metismenu.mod-menu .parent > ul { 13485 color: #22262a; 13486 } 13487 13488 .sidebar-right .metismenu .mm-collapse, 13489 .sidebar-left .metismenu .mm-collapse { 13490 position: relative; 13491 background-color: rgba(0, 0, 0, 0.03); 13492 } 13493 .sidebar-right .metismenu li.parent > ul, 13494 .sidebar-left .metismenu li.parent > ul { 13495 position: relative; 13496 top: 0; 13497 box-shadow: none; 13498 } 13499 @media (max-width: 1199.98px) { 13500 .sidebar-right .metismenu li.parent > ul, 13501 .sidebar-left .metismenu li.parent > ul { 13502 width: 100%; 13503 } 13504 } 13505 .sidebar-right .metismenu .metismenu-item > span, 13506 .sidebar-right .metismenu .metismenu-item > a, 13507 .sidebar-left .metismenu .metismenu-item > span, 13508 .sidebar-left .metismenu .metismenu-item > a { 13509 white-space: inherit; 13510 } 13511 .sidebar-right .metismenu .metismenu-item.divider:not(.parent), 13512 .sidebar-left .metismenu .metismenu-item.divider:not(.parent) { 13513 width: auto; 13514 height: 1px; 13515 border-bottom: 1px solid #ced4da; 13516 } 13517 13518 .minicolors-theme-bootstrap .minicolors-input { 13519 width: 120px; 13520 } 13521 .minicolors-theme-bootstrap .rgb { 13522 width: 175px; 13523 } 13524 .minicolors-theme-bootstrap .rgba { 13525 width: 220px; 13526 } 13527 13528 .editor .toggle-editor { 13529 margin-top: 1rem; 13530 } 13531 .editor .mce-tinymce { 13532 border: 1px solid #dfe3e7; 13533 border-radius: 0.25rem; 13534 } 13535 .editor .mce-btn, 13536 .editor .mce-panel { 13537 background: #f9fafb; 13538 } 13539 13540 .tox { 13541 white-space: nowrap !important; 13542 } 13543 13544 .chzn-container-single { 13545 width: auto !important; 13546 } 13547 13548 .chzn-container-multi { 13549 width: 100% !important; 13550 max-width: 240px; 13551 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |