A rewrite of Poly+, my quality-of-life browser extension for Polytoria. Built entirely fresh using the WXT extension framework, Typescript, and with added better overall code quality.
extension
at main 371 kB view raw
1/* 2 I did not create this CSS, this CSS is from Polytoria.com 3 I was given permission by Alyx to download and use it for the extension: https://imgur.com/a/uJW9f5i 4 I will remove this at request if neccessary 5*/ 6 7@charset "UTF-8"; 8@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap); 9@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap); 10pre code.hljs { 11 display: block; 12 overflow-x: auto; 13 padding: 1em; 14} 15code.hljs { 16 padding: 3px 5px; 17} 18.hljs { 19 background: #282c34; 20 color: #abb2bf; 21} 22.hljs-comment, 23.hljs-quote { 24 color: #5c6370; 25 font-style: italic; 26} 27.hljs-doctag, 28.hljs-formula, 29.hljs-keyword { 30 color: #c678dd; 31} 32.hljs-deletion, 33.hljs-name, 34.hljs-section, 35.hljs-selector-tag, 36.hljs-subst { 37 color: #e06c75; 38} 39.hljs-literal { 40 color: #56b6c2; 41} 42.hljs-addition, 43.hljs-attribute, 44.hljs-meta .hljs-string, 45.hljs-regexp, 46.hljs-string { 47 color: #98c379; 48} 49.hljs-attr, 50.hljs-number, 51.hljs-selector-attr, 52.hljs-selector-class, 53.hljs-selector-pseudo, 54.hljs-template-variable, 55.hljs-type, 56.hljs-variable { 57 color: #d19a66; 58} 59.hljs-bullet, 60.hljs-link, 61.hljs-meta, 62.hljs-selector-id, 63.hljs-symbol, 64.hljs-title { 65 color: #61aeee; 66} 67.hljs-built_in, 68.hljs-class .hljs-title, 69.hljs-title.class_ { 70 color: #e6c07b; 71} 72.hljs-emphasis { 73 font-style: italic; 74} 75.hljs-strong { 76 font-weight: 700; 77} 78.hljs-link { 79 text-decoration: underline; 80} 81.owl-carousel { 82 display: none; 83 width: 100%; 84 -webkit-tap-highlight-color: transparent; 85 position: relative; 86 z-index: 1; 87} 88.owl-carousel .owl-stage { 89 -moz-backface-visibility: hidden; 90 position: relative; 91 touch-action: manipulation; 92} 93.owl-carousel .owl-stage:after { 94 clear: both; 95 content: "."; 96 display: block; 97 height: 0; 98 line-height: 0; 99 visibility: hidden; 100} 101.owl-carousel .owl-stage-outer { 102 overflow: hidden; 103 position: relative; 104 -webkit-transform: translateZ(0); 105} 106.owl-carousel .owl-item, 107.owl-carousel .owl-wrapper { 108 -webkit-backface-visibility: hidden; 109 -moz-backface-visibility: hidden; 110 -ms-backface-visibility: hidden; 111 -webkit-transform: translateZ(0); 112 -moz-transform: translateZ(0); 113 -ms-transform: translateZ(0); 114} 115.owl-carousel .owl-item { 116 -webkit-backface-visibility: hidden; 117 float: left; 118 min-height: 1px; 119 position: relative; 120 -webkit-tap-highlight-color: transparent; 121 -webkit-touch-callout: none; 122} 123.owl-carousel .owl-item img { 124 display: block; 125 width: 100%; 126} 127.owl-carousel .owl-dots.disabled, 128.owl-carousel .owl-nav.disabled { 129 display: none; 130} 131.owl-carousel .owl-dot, 132.owl-carousel .owl-nav .owl-next, 133.owl-carousel .owl-nav .owl-prev { 134 cursor: pointer; 135 -webkit-user-select: none; 136 -moz-user-select: none; 137 user-select: none; 138} 139.owl-carousel .owl-nav button.owl-next, 140.owl-carousel .owl-nav button.owl-prev, 141.owl-carousel button.owl-dot { 142 background: none; 143 border: none; 144 color: inherit; 145 font: inherit; 146 padding: 0 !important; 147} 148.owl-carousel.owl-loaded { 149 display: block; 150} 151.owl-carousel.owl-loading { 152 display: block; 153 opacity: 0; 154} 155.owl-carousel.owl-hidden { 156 opacity: 0; 157} 158.owl-carousel.owl-refresh .owl-item { 159 visibility: hidden; 160} 161.owl-carousel.owl-drag .owl-item { 162 touch-action: pan-y; 163 -webkit-user-select: none; 164 -moz-user-select: none; 165 user-select: none; 166} 167.owl-carousel.owl-grab { 168 cursor: move; 169 cursor: grab; 170} 171.owl-carousel.owl-rtl { 172 direction: rtl; 173} 174.owl-carousel.owl-rtl .owl-item { 175 float: right; 176} 177.no-js .owl-carousel { 178 display: block; 179} 180.owl-carousel .animated { 181 animation-duration: 1s; 182 animation-fill-mode: both; 183} 184.owl-carousel .owl-animated-in { 185 z-index: 0; 186} 187.owl-carousel .owl-animated-out { 188 z-index: 1; 189} 190.owl-carousel .fadeOut { 191 animation-name: fadeOut; 192} 193@keyframes fadeOut { 194 0% { 195 opacity: 1; 196 } 197 to { 198 opacity: 0; 199 } 200} 201.owl-height { 202 transition: height 0.5s ease-in-out; 203} 204.owl-carousel .owl-item .owl-lazy { 205 opacity: 0; 206 transition: opacity 0.4s ease; 207} 208.owl-carousel .owl-item .owl-lazy:not([src]), 209.owl-carousel .owl-item .owl-lazy[src^=""] { 210 max-height: 0; 211} 212.owl-carousel .owl-item img.owl-lazy { 213 transform-style: preserve-3d; 214} 215.owl-carousel .owl-video-wrapper { 216 background: #000; 217 height: 100%; 218 position: relative; 219} 220.owl-carousel .owl-video-play-icon { 221 -webkit-backface-visibility: hidden; 222 background: url(https://c0.ptacdn.com/static/images/owl.video.play.7f01b071.png) 223 no-repeat; 224 cursor: pointer; 225 height: 80px; 226 left: 50%; 227 margin-left: -40px; 228 margin-top: -40px; 229 position: absolute; 230 top: 50%; 231 transition: transform 0.1s ease; 232 width: 80px; 233 z-index: 1; 234} 235.owl-carousel .owl-video-play-icon:hover { 236 transform: scale(1.3); 237} 238.owl-carousel .owl-video-playing .owl-video-play-icon, 239.owl-carousel .owl-video-playing .owl-video-tn { 240 display: none; 241} 242.owl-carousel .owl-video-tn { 243 background-position: 50%; 244 background-repeat: no-repeat; 245 background-size: contain; 246 height: 100%; 247 opacity: 0; 248 transition: opacity 0.4s ease; 249} 250.owl-carousel .owl-video-frame { 251 height: 100%; 252 position: relative; 253 width: 100%; 254 z-index: 1; 255} 256.tooltip-inner { 257 --bs-tooltip-color: #fff; 258} 259 260/*! 261 * Bootstrap v5.3.3 (https://getbootstrap.com/) 262 * Copyright 2011-2024 The Bootstrap Authors 263 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 264 */ 265:root, 266[data-bs-theme="light"] { 267 --bs-blue: #3bafff; 268 --bs-indigo: #6610f2; 269 --bs-purple: #9b51e0; 270 --bs-pink: #ff6f91; 271 --bs-red: #ff5951; 272 --bs-orange: #ffb74f; 273 --bs-yellow: #ffc93f; 274 --bs-green: #4fe883; 275 --bs-teal: #00b5ad; 276 --bs-cyan: #0dcaf0; 277 --bs-black: #000; 278 --bs-white: #fff; 279 --bs-gray: #484848; 280 --bs-gray-dark: #3c3c3c; 281 --bs-gray-100: #f6f6f6; 282 --bs-gray-200: #e6e6e6; 283 --bs-gray-300: #cacaca; 284 --bs-gray-400: #9e9e9e; 285 --bs-gray-500: #757575; 286 --bs-gray-600: #484848; 287 --bs-gray-700: #2d2d2d; 288 --bs-gray-800: #3c3c3c; 289 --bs-gray-900: #1a1a1a; 290 --bs-primary: #3bafff; 291 --bs-secondary: #484848; 292 --bs-success: #4fe883; 293 --bs-info: #6094f9; 294 --bs-warning: #ffc93f; 295 --bs-danger: #ff5951; 296 --bs-light: #f6f6f6; 297 --bs-dark: #1a1a1a; 298 --bs-primary-rgb: 59, 175, 255; 299 --bs-secondary-rgb: 72, 72, 72; 300 --bs-success-rgb: 79, 232, 131; 301 --bs-info-rgb: 96, 148, 249; 302 --bs-warning-rgb: 255, 201, 63; 303 --bs-danger-rgb: 255, 89, 81; 304 --bs-light-rgb: 246, 246, 246; 305 --bs-dark-rgb: 26, 26, 26; 306 --bs-primary-text-emphasis: #184666; 307 --bs-secondary-text-emphasis: #1d1d1d; 308 --bs-success-text-emphasis: #205d34; 309 --bs-info-text-emphasis: #263b64; 310 --bs-warning-text-emphasis: #665019; 311 --bs-danger-text-emphasis: #662420; 312 --bs-light-text-emphasis: #2d2d2d; 313 --bs-dark-text-emphasis: #2d2d2d; 314 --bs-primary-bg-subtle: #d8efff; 315 --bs-secondary-bg-subtle: #dadada; 316 --bs-success-bg-subtle: #dcfae6; 317 --bs-info-bg-subtle: #dfeafe; 318 --bs-warning-bg-subtle: #fff4d9; 319 --bs-danger-bg-subtle: #ffdedc; 320 --bs-light-bg-subtle: #fbfbfb; 321 --bs-dark-bg-subtle: #9e9e9e; 322 --bs-primary-border-subtle: #b1dfff; 323 --bs-secondary-border-subtle: #b6b6b6; 324 --bs-success-border-subtle: #b9f6cd; 325 --bs-info-border-subtle: #bfd4fd; 326 --bs-warning-border-subtle: #ffe9b2; 327 --bs-danger-border-subtle: #ffbdb9; 328 --bs-light-border-subtle: #e6e6e6; 329 --bs-dark-border-subtle: #757575; 330 --bs-white-rgb: 255, 255, 255; 331 --bs-black-rgb: 0, 0, 0; 332 --bs-font-sans-serif: "Poppins", sans-serif; 333 --bs-font-monospace: "Ubuntu Mono", monospace; 334 --bs-gradient: linear-gradient( 335 180deg, 336 hsla(0, 0%, 100%, 0.15), 337 hsla(0, 0%, 100%, 0) 338 ); 339 --bs-body-font-family: var(--bs-font-sans-serif); 340 --bs-body-font-size: 1rem; 341 --bs-body-font-weight: 400; 342 --bs-body-line-height: 1.5; 343 --bs-body-color: #fff; 344 --bs-body-color-rgb: 255, 255, 255; 345 --bs-body-bg: #181818; 346 --bs-body-bg-rgb: 24, 24, 24; 347 --bs-emphasis-color: #f6f6f6; 348 --bs-emphasis-color-rgb: 246, 246, 246; 349 --bs-secondary-color: hsla(0, 0%, 100%, 0.75); 350 --bs-secondary-color-rgb: 255, 255, 255; 351 --bs-secondary-bg: #e6e6e6; 352 --bs-secondary-bg-rgb: 230, 230, 230; 353 --bs-tertiary-color: hsla(0, 0%, 100%, 0.5); 354 --bs-tertiary-color-rgb: 255, 255, 255; 355 --bs-tertiary-bg: #f6f6f6; 356 --bs-tertiary-bg-rgb: 246, 246, 246; 357 --bs-heading-color: inherit; 358 --bs-link-color: #3bafff; 359 --bs-link-color-rgb: 59, 175, 255; 360 --bs-link-decoration: none; 361 --bs-link-hover-color: #2f8ccc; 362 --bs-link-hover-color-rgb: 47, 140, 204; 363 --bs-code-color: #ff6f91; 364 --bs-highlight-color: #fff; 365 --bs-highlight-bg: #fff4d9; 366 --bs-border-width: 1px; 367 --bs-border-style: solid; 368 --bs-border-color: #cacaca; 369 --bs-border-color-translucent: rgba(0, 0, 0, 0.175); 370 --bs-border-radius: 0.375rem; 371 --bs-border-radius-sm: 0.25rem; 372 --bs-border-radius-lg: 0.5rem; 373 --bs-border-radius-xl: 1rem; 374 --bs-border-radius-xxl: 2rem; 375 --bs-border-radius-2xl: var(--bs-border-radius-xxl); 376 --bs-border-radius-pill: 50rem; 377 --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 378 --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 379 --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); 380 --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); 381 --bs-focus-ring-width: 0.25rem; 382 --bs-focus-ring-opacity: 0.25; 383 --bs-focus-ring-color: rgba(59, 175, 255, 0.25); 384 --bs-form-valid-color: #4fe883; 385 --bs-form-valid-border-color: #4fe883; 386 --bs-form-invalid-color: #ff5951; 387 --bs-form-invalid-border-color: #ff5951; 388} 389[data-bs-theme="dark"] { 390 color-scheme: dark; 391 --bs-body-color: #cacaca; 392 --bs-body-color-rgb: 202, 202, 202; 393 --bs-body-bg: #1a1a1a; 394 --bs-body-bg-rgb: 26, 26, 26; 395 --bs-emphasis-color: #fff; 396 --bs-emphasis-color-rgb: 255, 255, 255; 397 --bs-secondary-color: hsla(0, 0%, 79%, 0.75); 398 --bs-secondary-color-rgb: 202, 202, 202; 399 --bs-secondary-bg: #3c3c3c; 400 --bs-secondary-bg-rgb: 60, 60, 60; 401 --bs-tertiary-color: hsla(0, 0%, 79%, 0.5); 402 --bs-tertiary-color-rgb: 202, 202, 202; 403 --bs-tertiary-bg: #2b2b2b; 404 --bs-tertiary-bg-rgb: 43, 43, 43; 405 --bs-primary-text-emphasis: #89cfff; 406 --bs-secondary-text-emphasis: #919191; 407 --bs-success-text-emphasis: #95f1b5; 408 --bs-info-text-emphasis: #a0bffb; 409 --bs-warning-text-emphasis: #ffdf8c; 410 --bs-danger-text-emphasis: #ff9b97; 411 --bs-light-text-emphasis: #f6f6f6; 412 --bs-dark-text-emphasis: #cacaca; 413 --bs-primary-bg-subtle: #0c2333; 414 --bs-secondary-bg-subtle: #0e0e0e; 415 --bs-success-bg-subtle: #102e1a; 416 --bs-info-bg-subtle: #131e32; 417 --bs-warning-bg-subtle: #33280d; 418 --bs-danger-bg-subtle: #331210; 419 --bs-light-bg-subtle: #3c3c3c; 420 --bs-dark-bg-subtle: #1e1e1e; 421 --bs-primary-border-subtle: #236999; 422 --bs-secondary-border-subtle: #2b2b2b; 423 --bs-success-border-subtle: #2f8b4f; 424 --bs-info-border-subtle: #3a5995; 425 --bs-warning-border-subtle: #997926; 426 --bs-danger-border-subtle: #993531; 427 --bs-light-border-subtle: #2d2d2d; 428 --bs-dark-border-subtle: #3c3c3c; 429 --bs-heading-color: inherit; 430 --bs-link-color: #89cfff; 431 --bs-link-hover-color: #a1d9ff; 432 --bs-link-color-rgb: 137, 207, 255; 433 --bs-link-hover-color-rgb: 161, 217, 255; 434 --bs-code-color: #ffa9bd; 435 --bs-highlight-color: #cacaca; 436 --bs-highlight-bg: #665019; 437 --bs-border-color: #2d2d2d; 438 --bs-border-color-translucent: hsla(0, 0%, 100%, 0.15); 439 --bs-form-valid-color: #95f1b5; 440 --bs-form-valid-border-color: #95f1b5; 441 --bs-form-invalid-color: #ff9b97; 442 --bs-form-invalid-border-color: #ff9b97; 443} 444*, 445:after, 446:before { 447 box-sizing: border-box; 448} 449@media (prefers-reduced-motion: no-preference) { 450 :root { 451 scroll-behavior: smooth; 452 } 453} 454body { 455 background-color: var(--bs-body-bg); 456 color: var(--bs-body-color); 457 font-family: var(--bs-body-font-family); 458 font-size: var(--bs-body-font-size); 459 font-weight: var(--bs-body-font-weight); 460 line-height: var(--bs-body-line-height); 461 margin: 0; 462 text-align: var(--bs-body-text-align); 463 -webkit-text-size-adjust: 100%; 464 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 465} 466hr { 467 border: 0; 468 border-top: var(--bs-border-width) solid; 469 color: inherit; 470 margin: 1rem 0; 471 opacity: 0.25; 472} 473.h1, 474.h2, 475.h3, 476.h4, 477.h5, 478.h6, 479h1, 480h2, 481h3, 482h4, 483h5, 484h6 { 485 color: var(--bs-heading-color); 486 font-weight: 600; 487 line-height: 1.2; 488 margin-bottom: 0.5rem; 489 margin-top: 0; 490} 491.h1, 492h1 { 493 font-size: calc(1.375rem + 1.5vw); 494} 495@media (min-width: 1200px) { 496 .h1, 497 h1 { 498 font-size: 2.5rem; 499 } 500} 501.h2, 502h2 { 503 font-size: calc(1.325rem + 0.9vw); 504} 505@media (min-width: 1200px) { 506 .h2, 507 h2 { 508 font-size: 2rem; 509 } 510} 511.h3, 512h3 { 513 font-size: calc(1.3rem + 0.6vw); 514} 515@media (min-width: 1200px) { 516 .h3, 517 h3 { 518 font-size: 1.75rem; 519 } 520} 521.h4, 522h4 { 523 font-size: calc(1.275rem + 0.3vw); 524} 525@media (min-width: 1200px) { 526 .h4, 527 h4 { 528 font-size: 1.5rem; 529 } 530} 531.h5, 532h5 { 533 font-size: 1.25rem; 534} 535.h6, 536h6 { 537 font-size: 1rem; 538} 539p { 540 margin-bottom: 1rem; 541 margin-top: 0; 542} 543abbr[title] { 544 cursor: help; 545 -webkit-text-decoration: underline dotted; 546 text-decoration: underline dotted; 547 -webkit-text-decoration-skip-ink: none; 548 text-decoration-skip-ink: none; 549} 550address { 551 font-style: normal; 552 line-height: inherit; 553 margin-bottom: 1rem; 554} 555ol, 556ul { 557 padding-left: 2rem; 558} 559dl, 560ol, 561ul { 562 margin-bottom: 1rem; 563 margin-top: 0; 564} 565ol ol, 566ol ul, 567ul ol, 568ul ul { 569 margin-bottom: 0; 570} 571dt { 572 font-weight: 700; 573} 574dd { 575 margin-bottom: 0.5rem; 576 margin-left: 0; 577} 578blockquote { 579 margin: 0 0 1rem; 580} 581b, 582strong { 583 font-weight: bolder; 584} 585.small, 586small { 587 font-size: 0.875em; 588} 589.mark, 590mark { 591 background-color: var(--bs-highlight-bg); 592 color: var(--bs-highlight-color); 593 padding: 0.1875em; 594} 595sub, 596sup { 597 font-size: 0.75em; 598 line-height: 0; 599 position: relative; 600 vertical-align: baseline; 601} 602sub { 603 bottom: -0.25em; 604} 605sup { 606 top: -0.5em; 607} 608a { 609 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); 610 text-decoration: none; 611} 612a:hover { 613 --bs-link-color-rgb: var(--bs-link-hover-color-rgb); 614} 615a:not([href]):not([class]), 616a:not([href]):not([class]):hover { 617 color: inherit; 618 text-decoration: none; 619} 620code, 621kbd, 622pre, 623samp { 624 font-family: var(--bs-font-monospace); 625 font-size: 1em; 626} 627pre { 628 display: block; 629 font-size: 0.875em; 630 margin-bottom: 1rem; 631 margin-top: 0; 632 overflow: auto; 633} 634pre code { 635 color: inherit; 636 font-size: inherit; 637 word-break: normal; 638} 639code { 640 color: var(--bs-code-color); 641 font-size: 0.875em; 642 word-wrap: break-word; 643} 644a > code { 645 color: inherit; 646} 647kbd { 648 background-color: var(--bs-body-color); 649 border-radius: 0.25rem; 650 color: var(--bs-body-bg); 651 font-size: 0.875em; 652 padding: 0.1875rem 0.375rem; 653} 654kbd kbd { 655 font-size: 1em; 656 padding: 0; 657} 658figure { 659 margin: 0 0 1rem; 660} 661img, 662svg { 663 vertical-align: middle; 664} 665table { 666 border-collapse: collapse; 667 caption-side: bottom; 668} 669caption { 670 color: var(--bs-secondary-color); 671 padding-bottom: 0.5rem; 672 padding-top: 0.5rem; 673 text-align: left; 674} 675th { 676 text-align: inherit; 677 text-align: -webkit-match-parent; 678} 679tbody, 680td, 681tfoot, 682th, 683thead, 684tr { 685 border: 0 solid; 686 border-color: inherit; 687} 688label { 689 display: inline-block; 690} 691button { 692 border-radius: 0; 693} 694button:focus:not(:focus-visible) { 695 outline: 0; 696} 697button, 698input, 699optgroup, 700select, 701textarea { 702 font-family: inherit; 703 font-size: inherit; 704 line-height: inherit; 705 margin: 0; 706} 707button, 708select { 709 text-transform: none; 710} 711[role="button"] { 712 cursor: pointer; 713} 714select { 715 word-wrap: normal; 716} 717select:disabled { 718 opacity: 1; 719} 720[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not( 721 [type="week"] 722):not([type="time"])::-webkit-calendar-picker-indicator { 723 display: none !important; 724} 725[type="button"], 726[type="reset"], 727[type="submit"], 728button { 729 -webkit-appearance: button; 730} 731[type="button"]:not(:disabled), 732[type="reset"]:not(:disabled), 733[type="submit"]:not(:disabled), 734button:not(:disabled) { 735 cursor: pointer; 736} 737::-moz-focus-inner { 738 border-style: none; 739 padding: 0; 740} 741textarea { 742 resize: vertical; 743} 744fieldset { 745 border: 0; 746 margin: 0; 747 min-width: 0; 748 padding: 0; 749} 750legend { 751 float: left; 752 font-size: calc(1.275rem + 0.3vw); 753 line-height: inherit; 754 margin-bottom: 0.5rem; 755 padding: 0; 756 width: 100%; 757} 758@media (min-width: 1200px) { 759 legend { 760 font-size: 1.5rem; 761 } 762} 763legend + * { 764 clear: left; 765} 766::-webkit-datetime-edit-day-field, 767::-webkit-datetime-edit-fields-wrapper, 768::-webkit-datetime-edit-hour-field, 769::-webkit-datetime-edit-minute, 770::-webkit-datetime-edit-month-field, 771::-webkit-datetime-edit-text, 772::-webkit-datetime-edit-year-field { 773 padding: 0; 774} 775::-webkit-inner-spin-button { 776 height: auto; 777} 778[type="search"] { 779 -webkit-appearance: textfield; 780 outline-offset: -2px; 781} 782::-webkit-search-decoration { 783 -webkit-appearance: none; 784} 785::-webkit-color-swatch-wrapper { 786 padding: 0; 787} 788::file-selector-button { 789 -webkit-appearance: button; 790 font: inherit; 791} 792output { 793 display: inline-block; 794} 795iframe { 796 border: 0; 797} 798summary { 799 cursor: pointer; 800 display: list-item; 801} 802progress { 803 vertical-align: baseline; 804} 805[hidden] { 806 display: none !important; 807} 808.lead { 809 font-size: 1.25rem; 810 font-weight: 300; 811} 812.display-1 { 813 font-size: calc(1.625rem + 4.5vw); 814 font-weight: 300; 815 line-height: 1.2; 816} 817@media (min-width: 1200px) { 818 .display-1 { 819 font-size: 5rem; 820 } 821} 822.display-2 { 823 font-size: calc(1.575rem + 3.9vw); 824 font-weight: 300; 825 line-height: 1.2; 826} 827@media (min-width: 1200px) { 828 .display-2 { 829 font-size: 4.5rem; 830 } 831} 832.display-3 { 833 font-size: calc(1.525rem + 3.3vw); 834 font-weight: 300; 835 line-height: 1.2; 836} 837@media (min-width: 1200px) { 838 .display-3 { 839 font-size: 4rem; 840 } 841} 842.display-4 { 843 font-size: calc(1.475rem + 2.7vw); 844 font-weight: 300; 845 line-height: 1.2; 846} 847@media (min-width: 1200px) { 848 .display-4 { 849 font-size: 3.5rem; 850 } 851} 852.display-5 { 853 font-size: calc(1.425rem + 2.1vw); 854 font-weight: 300; 855 line-height: 1.2; 856} 857@media (min-width: 1200px) { 858 .display-5 { 859 font-size: 3rem; 860 } 861} 862.display-6 { 863 font-size: calc(1.375rem + 1.5vw); 864 font-weight: 300; 865 line-height: 1.2; 866} 867@media (min-width: 1200px) { 868 .display-6 { 869 font-size: 2.5rem; 870 } 871} 872.list-inline, 873.list-unstyled { 874 list-style: none; 875 padding-left: 0; 876} 877.list-inline-item { 878 display: inline-block; 879} 880.list-inline-item:not(:last-child) { 881 margin-right: 0.5rem; 882} 883.initialism { 884 font-size: 0.875em; 885 text-transform: uppercase; 886} 887.blockquote { 888 font-size: 1.25rem; 889 margin-bottom: 1rem; 890} 891.blockquote > :last-child { 892 margin-bottom: 0; 893} 894.blockquote-footer { 895 color: #484848; 896 font-size: 0.875em; 897 margin-bottom: 1rem; 898 margin-top: -1rem; 899} 900.blockquote-footer:before { 901 content: "— "; 902} 903.img-fluid, 904.img-thumbnail { 905 height: auto; 906 max-width: 100%; 907} 908.img-thumbnail { 909 background-color: var(--bs-body-bg); 910 border: var(--bs-border-width) solid var(--bs-border-color); 911 border-radius: var(--bs-border-radius); 912 padding: 0.25rem; 913} 914.figure { 915 display: inline-block; 916} 917.figure-img { 918 line-height: 1; 919 margin-bottom: 0.5rem; 920} 921.figure-caption { 922 color: var(--bs-secondary-color); 923 font-size: 0.875em; 924} 925.container, 926.container-fluid, 927.container-lg, 928.container-md, 929.container-sm, 930.container-xl, 931.container-xxl { 932 --bs-gutter-x: 1.5rem; 933 --bs-gutter-y: 0; 934 margin-left: auto; 935 margin-right: auto; 936 padding-left: calc(var(--bs-gutter-x) * 0.5); 937 padding-right: calc(var(--bs-gutter-x) * 0.5); 938 width: 100%; 939} 940@media (min-width: 576px) { 941 .container, 942 .container-sm { 943 max-width: 576px; 944 } 945} 946@media (min-width: 768px) { 947 .container, 948 .container-md, 949 .container-sm { 950 max-width: 768px; 951 } 952} 953@media (min-width: 992px) { 954 .container, 955 .container-lg, 956 .container-md, 957 .container-sm { 958 max-width: 992px; 959 } 960} 961@media (min-width: 1200px) { 962 .container, 963 .container-lg, 964 .container-md, 965 .container-sm, 966 .container-xl { 967 max-width: 1200px; 968 } 969} 970@media (min-width: 1400px) { 971 .container, 972 .container-lg, 973 .container-md, 974 .container-sm, 975 .container-xl, 976 .container-xxl { 977 max-width: 1600px; 978 } 979} 980:root { 981 --bs-breakpoint-xs: 0; 982 --bs-breakpoint-sm: 576px; 983 --bs-breakpoint-md: 768px; 984 --bs-breakpoint-lg: 992px; 985 --bs-breakpoint-xl: 1200px; 986 --bs-breakpoint-xxl: 1400px; 987} 988.row { 989 --bs-gutter-x: 1.5rem; 990 --bs-gutter-y: 0; 991 display: flex; 992 flex-wrap: wrap; 993 margin-left: calc(var(--bs-gutter-x) * -0.5); 994 margin-right: calc(var(--bs-gutter-x) * -0.5); 995 margin-top: calc(var(--bs-gutter-y) * -1); 996} 997.row > * { 998 flex-shrink: 0; 999 margin-top: var(--bs-gutter-y); 1000 max-width: 100%; 1001 padding-left: calc(var(--bs-gutter-x) * 0.5); 1002 padding-right: calc(var(--bs-gutter-x) * 0.5); 1003 width: 100%; 1004} 1005.col { 1006 flex: 1 0 0%; 1007} 1008.row-cols-auto > * { 1009 flex: 0 0 auto; 1010 width: auto; 1011} 1012.row-cols-1 > * { 1013 flex: 0 0 auto; 1014 width: 100%; 1015} 1016.row-cols-2 > * { 1017 flex: 0 0 auto; 1018 width: 50%; 1019} 1020.row-cols-3 > * { 1021 flex: 0 0 auto; 1022 width: 33.33333333%; 1023} 1024.row-cols-4 > * { 1025 flex: 0 0 auto; 1026 width: 25%; 1027} 1028.row-cols-5 > * { 1029 flex: 0 0 auto; 1030 width: 20%; 1031} 1032.row-cols-6 > * { 1033 flex: 0 0 auto; 1034 width: 16.66666667%; 1035} 1036.col-auto { 1037 flex: 0 0 auto; 1038 width: auto; 1039} 1040.col-1 { 1041 flex: 0 0 auto; 1042 width: 8.33333333%; 1043} 1044.col-2 { 1045 flex: 0 0 auto; 1046 width: 16.66666667%; 1047} 1048.col-3 { 1049 flex: 0 0 auto; 1050 width: 25%; 1051} 1052.col-4 { 1053 flex: 0 0 auto; 1054 width: 33.33333333%; 1055} 1056.col-5 { 1057 flex: 0 0 auto; 1058 width: 41.66666667%; 1059} 1060.col-6 { 1061 flex: 0 0 auto; 1062 width: 50%; 1063} 1064.col-7 { 1065 flex: 0 0 auto; 1066 width: 58.33333333%; 1067} 1068.col-8 { 1069 flex: 0 0 auto; 1070 width: 66.66666667%; 1071} 1072.col-9 { 1073 flex: 0 0 auto; 1074 width: 75%; 1075} 1076.col-10 { 1077 flex: 0 0 auto; 1078 width: 83.33333333%; 1079} 1080.col-11 { 1081 flex: 0 0 auto; 1082 width: 91.66666667%; 1083} 1084.col-12 { 1085 flex: 0 0 auto; 1086 width: 100%; 1087} 1088.offset-1 { 1089 margin-left: 8.33333333%; 1090} 1091.offset-2 { 1092 margin-left: 16.66666667%; 1093} 1094.offset-3 { 1095 margin-left: 25%; 1096} 1097.offset-4 { 1098 margin-left: 33.33333333%; 1099} 1100.offset-5 { 1101 margin-left: 41.66666667%; 1102} 1103.offset-6 { 1104 margin-left: 50%; 1105} 1106.offset-7 { 1107 margin-left: 58.33333333%; 1108} 1109.offset-8 { 1110 margin-left: 66.66666667%; 1111} 1112.offset-9 { 1113 margin-left: 75%; 1114} 1115.offset-10 { 1116 margin-left: 83.33333333%; 1117} 1118.offset-11 { 1119 margin-left: 91.66666667%; 1120} 1121.g-0, 1122.gx-0 { 1123 --bs-gutter-x: 0; 1124} 1125.g-0, 1126.gy-0 { 1127 --bs-gutter-y: 0; 1128} 1129.g-1, 1130.gx-1 { 1131 --bs-gutter-x: 0.25rem; 1132} 1133.g-1, 1134.gy-1 { 1135 --bs-gutter-y: 0.25rem; 1136} 1137.g-2, 1138.gx-2 { 1139 --bs-gutter-x: 0.5rem; 1140} 1141.g-2, 1142.gy-2 { 1143 --bs-gutter-y: 0.5rem; 1144} 1145.g-3, 1146.gx-3 { 1147 --bs-gutter-x: 1rem; 1148} 1149.g-3, 1150.gy-3 { 1151 --bs-gutter-y: 1rem; 1152} 1153.g-4, 1154.gx-4 { 1155 --bs-gutter-x: 1.5rem; 1156} 1157.g-4, 1158.gy-4 { 1159 --bs-gutter-y: 1.5rem; 1160} 1161.g-5, 1162.gx-5 { 1163 --bs-gutter-x: 3rem; 1164} 1165.g-5, 1166.gy-5 { 1167 --bs-gutter-y: 3rem; 1168} 1169@media (min-width: 576px) { 1170 .col-sm { 1171 flex: 1 0 0%; 1172 } 1173 .row-cols-sm-auto > * { 1174 flex: 0 0 auto; 1175 width: auto; 1176 } 1177 .row-cols-sm-1 > * { 1178 flex: 0 0 auto; 1179 width: 100%; 1180 } 1181 .row-cols-sm-2 > * { 1182 flex: 0 0 auto; 1183 width: 50%; 1184 } 1185 .row-cols-sm-3 > * { 1186 flex: 0 0 auto; 1187 width: 33.33333333%; 1188 } 1189 .row-cols-sm-4 > * { 1190 flex: 0 0 auto; 1191 width: 25%; 1192 } 1193 .row-cols-sm-5 > * { 1194 flex: 0 0 auto; 1195 width: 20%; 1196 } 1197 .row-cols-sm-6 > * { 1198 flex: 0 0 auto; 1199 width: 16.66666667%; 1200 } 1201 .col-sm-auto { 1202 flex: 0 0 auto; 1203 width: auto; 1204 } 1205 .col-sm-1 { 1206 flex: 0 0 auto; 1207 width: 8.33333333%; 1208 } 1209 .col-sm-2 { 1210 flex: 0 0 auto; 1211 width: 16.66666667%; 1212 } 1213 .col-sm-3 { 1214 flex: 0 0 auto; 1215 width: 25%; 1216 } 1217 .col-sm-4 { 1218 flex: 0 0 auto; 1219 width: 33.33333333%; 1220 } 1221 .col-sm-5 { 1222 flex: 0 0 auto; 1223 width: 41.66666667%; 1224 } 1225 .col-sm-6 { 1226 flex: 0 0 auto; 1227 width: 50%; 1228 } 1229 .col-sm-7 { 1230 flex: 0 0 auto; 1231 width: 58.33333333%; 1232 } 1233 .col-sm-8 { 1234 flex: 0 0 auto; 1235 width: 66.66666667%; 1236 } 1237 .col-sm-9 { 1238 flex: 0 0 auto; 1239 width: 75%; 1240 } 1241 .col-sm-10 { 1242 flex: 0 0 auto; 1243 width: 83.33333333%; 1244 } 1245 .col-sm-11 { 1246 flex: 0 0 auto; 1247 width: 91.66666667%; 1248 } 1249 .col-sm-12 { 1250 flex: 0 0 auto; 1251 width: 100%; 1252 } 1253 .offset-sm-0 { 1254 margin-left: 0; 1255 } 1256 .offset-sm-1 { 1257 margin-left: 8.33333333%; 1258 } 1259 .offset-sm-2 { 1260 margin-left: 16.66666667%; 1261 } 1262 .offset-sm-3 { 1263 margin-left: 25%; 1264 } 1265 .offset-sm-4 { 1266 margin-left: 33.33333333%; 1267 } 1268 .offset-sm-5 { 1269 margin-left: 41.66666667%; 1270 } 1271 .offset-sm-6 { 1272 margin-left: 50%; 1273 } 1274 .offset-sm-7 { 1275 margin-left: 58.33333333%; 1276 } 1277 .offset-sm-8 { 1278 margin-left: 66.66666667%; 1279 } 1280 .offset-sm-9 { 1281 margin-left: 75%; 1282 } 1283 .offset-sm-10 { 1284 margin-left: 83.33333333%; 1285 } 1286 .offset-sm-11 { 1287 margin-left: 91.66666667%; 1288 } 1289 .g-sm-0, 1290 .gx-sm-0 { 1291 --bs-gutter-x: 0; 1292 } 1293 .g-sm-0, 1294 .gy-sm-0 { 1295 --bs-gutter-y: 0; 1296 } 1297 .g-sm-1, 1298 .gx-sm-1 { 1299 --bs-gutter-x: 0.25rem; 1300 } 1301 .g-sm-1, 1302 .gy-sm-1 { 1303 --bs-gutter-y: 0.25rem; 1304 } 1305 .g-sm-2, 1306 .gx-sm-2 { 1307 --bs-gutter-x: 0.5rem; 1308 } 1309 .g-sm-2, 1310 .gy-sm-2 { 1311 --bs-gutter-y: 0.5rem; 1312 } 1313 .g-sm-3, 1314 .gx-sm-3 { 1315 --bs-gutter-x: 1rem; 1316 } 1317 .g-sm-3, 1318 .gy-sm-3 { 1319 --bs-gutter-y: 1rem; 1320 } 1321 .g-sm-4, 1322 .gx-sm-4 { 1323 --bs-gutter-x: 1.5rem; 1324 } 1325 .g-sm-4, 1326 .gy-sm-4 { 1327 --bs-gutter-y: 1.5rem; 1328 } 1329 .g-sm-5, 1330 .gx-sm-5 { 1331 --bs-gutter-x: 3rem; 1332 } 1333 .g-sm-5, 1334 .gy-sm-5 { 1335 --bs-gutter-y: 3rem; 1336 } 1337} 1338@media (min-width: 768px) { 1339 .col-md { 1340 flex: 1 0 0%; 1341 } 1342 .row-cols-md-auto > * { 1343 flex: 0 0 auto; 1344 width: auto; 1345 } 1346 .row-cols-md-1 > * { 1347 flex: 0 0 auto; 1348 width: 100%; 1349 } 1350 .row-cols-md-2 > * { 1351 flex: 0 0 auto; 1352 width: 50%; 1353 } 1354 .row-cols-md-3 > * { 1355 flex: 0 0 auto; 1356 width: 33.33333333%; 1357 } 1358 .row-cols-md-4 > * { 1359 flex: 0 0 auto; 1360 width: 25%; 1361 } 1362 .row-cols-md-5 > * { 1363 flex: 0 0 auto; 1364 width: 20%; 1365 } 1366 .row-cols-md-6 > * { 1367 flex: 0 0 auto; 1368 width: 16.66666667%; 1369 } 1370 .col-md-auto { 1371 flex: 0 0 auto; 1372 width: auto; 1373 } 1374 .col-md-1 { 1375 flex: 0 0 auto; 1376 width: 8.33333333%; 1377 } 1378 .col-md-2 { 1379 flex: 0 0 auto; 1380 width: 16.66666667%; 1381 } 1382 .col-md-3 { 1383 flex: 0 0 auto; 1384 width: 25%; 1385 } 1386 .col-md-4 { 1387 flex: 0 0 auto; 1388 width: 33.33333333%; 1389 } 1390 .col-md-5 { 1391 flex: 0 0 auto; 1392 width: 41.66666667%; 1393 } 1394 .col-md-6 { 1395 flex: 0 0 auto; 1396 width: 50%; 1397 } 1398 .col-md-7 { 1399 flex: 0 0 auto; 1400 width: 58.33333333%; 1401 } 1402 .col-md-8 { 1403 flex: 0 0 auto; 1404 width: 66.66666667%; 1405 } 1406 .col-md-9 { 1407 flex: 0 0 auto; 1408 width: 75%; 1409 } 1410 .col-md-10 { 1411 flex: 0 0 auto; 1412 width: 83.33333333%; 1413 } 1414 .col-md-11 { 1415 flex: 0 0 auto; 1416 width: 91.66666667%; 1417 } 1418 .col-md-12 { 1419 flex: 0 0 auto; 1420 width: 100%; 1421 } 1422 .offset-md-0 { 1423 margin-left: 0; 1424 } 1425 .offset-md-1 { 1426 margin-left: 8.33333333%; 1427 } 1428 .offset-md-2 { 1429 margin-left: 16.66666667%; 1430 } 1431 .offset-md-3 { 1432 margin-left: 25%; 1433 } 1434 .offset-md-4 { 1435 margin-left: 33.33333333%; 1436 } 1437 .offset-md-5 { 1438 margin-left: 41.66666667%; 1439 } 1440 .offset-md-6 { 1441 margin-left: 50%; 1442 } 1443 .offset-md-7 { 1444 margin-left: 58.33333333%; 1445 } 1446 .offset-md-8 { 1447 margin-left: 66.66666667%; 1448 } 1449 .offset-md-9 { 1450 margin-left: 75%; 1451 } 1452 .offset-md-10 { 1453 margin-left: 83.33333333%; 1454 } 1455 .offset-md-11 { 1456 margin-left: 91.66666667%; 1457 } 1458 .g-md-0, 1459 .gx-md-0 { 1460 --bs-gutter-x: 0; 1461 } 1462 .g-md-0, 1463 .gy-md-0 { 1464 --bs-gutter-y: 0; 1465 } 1466 .g-md-1, 1467 .gx-md-1 { 1468 --bs-gutter-x: 0.25rem; 1469 } 1470 .g-md-1, 1471 .gy-md-1 { 1472 --bs-gutter-y: 0.25rem; 1473 } 1474 .g-md-2, 1475 .gx-md-2 { 1476 --bs-gutter-x: 0.5rem; 1477 } 1478 .g-md-2, 1479 .gy-md-2 { 1480 --bs-gutter-y: 0.5rem; 1481 } 1482 .g-md-3, 1483 .gx-md-3 { 1484 --bs-gutter-x: 1rem; 1485 } 1486 .g-md-3, 1487 .gy-md-3 { 1488 --bs-gutter-y: 1rem; 1489 } 1490 .g-md-4, 1491 .gx-md-4 { 1492 --bs-gutter-x: 1.5rem; 1493 } 1494 .g-md-4, 1495 .gy-md-4 { 1496 --bs-gutter-y: 1.5rem; 1497 } 1498 .g-md-5, 1499 .gx-md-5 { 1500 --bs-gutter-x: 3rem; 1501 } 1502 .g-md-5, 1503 .gy-md-5 { 1504 --bs-gutter-y: 3rem; 1505 } 1506} 1507@media (min-width: 992px) { 1508 .col-lg { 1509 flex: 1 0 0%; 1510 } 1511 .row-cols-lg-auto > * { 1512 flex: 0 0 auto; 1513 width: auto; 1514 } 1515 .row-cols-lg-1 > * { 1516 flex: 0 0 auto; 1517 width: 100%; 1518 } 1519 .row-cols-lg-2 > * { 1520 flex: 0 0 auto; 1521 width: 50%; 1522 } 1523 .row-cols-lg-3 > * { 1524 flex: 0 0 auto; 1525 width: 33.33333333%; 1526 } 1527 .row-cols-lg-4 > * { 1528 flex: 0 0 auto; 1529 width: 25%; 1530 } 1531 .row-cols-lg-5 > * { 1532 flex: 0 0 auto; 1533 width: 20%; 1534 } 1535 .row-cols-lg-6 > * { 1536 flex: 0 0 auto; 1537 width: 16.66666667%; 1538 } 1539 .col-lg-auto { 1540 flex: 0 0 auto; 1541 width: auto; 1542 } 1543 .col-lg-1 { 1544 flex: 0 0 auto; 1545 width: 8.33333333%; 1546 } 1547 .col-lg-2 { 1548 flex: 0 0 auto; 1549 width: 16.66666667%; 1550 } 1551 .col-lg-3 { 1552 flex: 0 0 auto; 1553 width: 25%; 1554 } 1555 .col-lg-4 { 1556 flex: 0 0 auto; 1557 width: 33.33333333%; 1558 } 1559 .col-lg-5 { 1560 flex: 0 0 auto; 1561 width: 41.66666667%; 1562 } 1563 .col-lg-6 { 1564 flex: 0 0 auto; 1565 width: 50%; 1566 } 1567 .col-lg-7 { 1568 flex: 0 0 auto; 1569 width: 58.33333333%; 1570 } 1571 .col-lg-8 { 1572 flex: 0 0 auto; 1573 width: 66.66666667%; 1574 } 1575 .col-lg-9 { 1576 flex: 0 0 auto; 1577 width: 75%; 1578 } 1579 .col-lg-10 { 1580 flex: 0 0 auto; 1581 width: 83.33333333%; 1582 } 1583 .col-lg-11 { 1584 flex: 0 0 auto; 1585 width: 91.66666667%; 1586 } 1587 .col-lg-12 { 1588 flex: 0 0 auto; 1589 width: 100%; 1590 } 1591 .offset-lg-0 { 1592 margin-left: 0; 1593 } 1594 .offset-lg-1 { 1595 margin-left: 8.33333333%; 1596 } 1597 .offset-lg-2 { 1598 margin-left: 16.66666667%; 1599 } 1600 .offset-lg-3 { 1601 margin-left: 25%; 1602 } 1603 .offset-lg-4 { 1604 margin-left: 33.33333333%; 1605 } 1606 .offset-lg-5 { 1607 margin-left: 41.66666667%; 1608 } 1609 .offset-lg-6 { 1610 margin-left: 50%; 1611 } 1612 .offset-lg-7 { 1613 margin-left: 58.33333333%; 1614 } 1615 .offset-lg-8 { 1616 margin-left: 66.66666667%; 1617 } 1618 .offset-lg-9 { 1619 margin-left: 75%; 1620 } 1621 .offset-lg-10 { 1622 margin-left: 83.33333333%; 1623 } 1624 .offset-lg-11 { 1625 margin-left: 91.66666667%; 1626 } 1627 .g-lg-0, 1628 .gx-lg-0 { 1629 --bs-gutter-x: 0; 1630 } 1631 .g-lg-0, 1632 .gy-lg-0 { 1633 --bs-gutter-y: 0; 1634 } 1635 .g-lg-1, 1636 .gx-lg-1 { 1637 --bs-gutter-x: 0.25rem; 1638 } 1639 .g-lg-1, 1640 .gy-lg-1 { 1641 --bs-gutter-y: 0.25rem; 1642 } 1643 .g-lg-2, 1644 .gx-lg-2 { 1645 --bs-gutter-x: 0.5rem; 1646 } 1647 .g-lg-2, 1648 .gy-lg-2 { 1649 --bs-gutter-y: 0.5rem; 1650 } 1651 .g-lg-3, 1652 .gx-lg-3 { 1653 --bs-gutter-x: 1rem; 1654 } 1655 .g-lg-3, 1656 .gy-lg-3 { 1657 --bs-gutter-y: 1rem; 1658 } 1659 .g-lg-4, 1660 .gx-lg-4 { 1661 --bs-gutter-x: 1.5rem; 1662 } 1663 .g-lg-4, 1664 .gy-lg-4 { 1665 --bs-gutter-y: 1.5rem; 1666 } 1667 .g-lg-5, 1668 .gx-lg-5 { 1669 --bs-gutter-x: 3rem; 1670 } 1671 .g-lg-5, 1672 .gy-lg-5 { 1673 --bs-gutter-y: 3rem; 1674 } 1675} 1676@media (min-width: 1200px) { 1677 .col-xl { 1678 flex: 1 0 0%; 1679 } 1680 .row-cols-xl-auto > * { 1681 flex: 0 0 auto; 1682 width: auto; 1683 } 1684 .row-cols-xl-1 > * { 1685 flex: 0 0 auto; 1686 width: 100%; 1687 } 1688 .row-cols-xl-2 > * { 1689 flex: 0 0 auto; 1690 width: 50%; 1691 } 1692 .row-cols-xl-3 > * { 1693 flex: 0 0 auto; 1694 width: 33.33333333%; 1695 } 1696 .row-cols-xl-4 > * { 1697 flex: 0 0 auto; 1698 width: 25%; 1699 } 1700 .row-cols-xl-5 > * { 1701 flex: 0 0 auto; 1702 width: 20%; 1703 } 1704 .row-cols-xl-6 > * { 1705 flex: 0 0 auto; 1706 width: 16.66666667%; 1707 } 1708 .col-xl-auto { 1709 flex: 0 0 auto; 1710 width: auto; 1711 } 1712 .col-xl-1 { 1713 flex: 0 0 auto; 1714 width: 8.33333333%; 1715 } 1716 .col-xl-2 { 1717 flex: 0 0 auto; 1718 width: 16.66666667%; 1719 } 1720 .col-xl-3 { 1721 flex: 0 0 auto; 1722 width: 25%; 1723 } 1724 .col-xl-4 { 1725 flex: 0 0 auto; 1726 width: 33.33333333%; 1727 } 1728 .col-xl-5 { 1729 flex: 0 0 auto; 1730 width: 41.66666667%; 1731 } 1732 .col-xl-6 { 1733 flex: 0 0 auto; 1734 width: 50%; 1735 } 1736 .col-xl-7 { 1737 flex: 0 0 auto; 1738 width: 58.33333333%; 1739 } 1740 .col-xl-8 { 1741 flex: 0 0 auto; 1742 width: 66.66666667%; 1743 } 1744 .col-xl-9 { 1745 flex: 0 0 auto; 1746 width: 75%; 1747 } 1748 .col-xl-10 { 1749 flex: 0 0 auto; 1750 width: 83.33333333%; 1751 } 1752 .col-xl-11 { 1753 flex: 0 0 auto; 1754 width: 91.66666667%; 1755 } 1756 .col-xl-12 { 1757 flex: 0 0 auto; 1758 width: 100%; 1759 } 1760 .offset-xl-0 { 1761 margin-left: 0; 1762 } 1763 .offset-xl-1 { 1764 margin-left: 8.33333333%; 1765 } 1766 .offset-xl-2 { 1767 margin-left: 16.66666667%; 1768 } 1769 .offset-xl-3 { 1770 margin-left: 25%; 1771 } 1772 .offset-xl-4 { 1773 margin-left: 33.33333333%; 1774 } 1775 .offset-xl-5 { 1776 margin-left: 41.66666667%; 1777 } 1778 .offset-xl-6 { 1779 margin-left: 50%; 1780 } 1781 .offset-xl-7 { 1782 margin-left: 58.33333333%; 1783 } 1784 .offset-xl-8 { 1785 margin-left: 66.66666667%; 1786 } 1787 .offset-xl-9 { 1788 margin-left: 75%; 1789 } 1790 .offset-xl-10 { 1791 margin-left: 83.33333333%; 1792 } 1793 .offset-xl-11 { 1794 margin-left: 91.66666667%; 1795 } 1796 .g-xl-0, 1797 .gx-xl-0 { 1798 --bs-gutter-x: 0; 1799 } 1800 .g-xl-0, 1801 .gy-xl-0 { 1802 --bs-gutter-y: 0; 1803 } 1804 .g-xl-1, 1805 .gx-xl-1 { 1806 --bs-gutter-x: 0.25rem; 1807 } 1808 .g-xl-1, 1809 .gy-xl-1 { 1810 --bs-gutter-y: 0.25rem; 1811 } 1812 .g-xl-2, 1813 .gx-xl-2 { 1814 --bs-gutter-x: 0.5rem; 1815 } 1816 .g-xl-2, 1817 .gy-xl-2 { 1818 --bs-gutter-y: 0.5rem; 1819 } 1820 .g-xl-3, 1821 .gx-xl-3 { 1822 --bs-gutter-x: 1rem; 1823 } 1824 .g-xl-3, 1825 .gy-xl-3 { 1826 --bs-gutter-y: 1rem; 1827 } 1828 .g-xl-4, 1829 .gx-xl-4 { 1830 --bs-gutter-x: 1.5rem; 1831 } 1832 .g-xl-4, 1833 .gy-xl-4 { 1834 --bs-gutter-y: 1.5rem; 1835 } 1836 .g-xl-5, 1837 .gx-xl-5 { 1838 --bs-gutter-x: 3rem; 1839 } 1840 .g-xl-5, 1841 .gy-xl-5 { 1842 --bs-gutter-y: 3rem; 1843 } 1844} 1845@media (min-width: 1400px) { 1846 .col-xxl { 1847 flex: 1 0 0%; 1848 } 1849 .row-cols-xxl-auto > * { 1850 flex: 0 0 auto; 1851 width: auto; 1852 } 1853 .row-cols-xxl-1 > * { 1854 flex: 0 0 auto; 1855 width: 100%; 1856 } 1857 .row-cols-xxl-2 > * { 1858 flex: 0 0 auto; 1859 width: 50%; 1860 } 1861 .row-cols-xxl-3 > * { 1862 flex: 0 0 auto; 1863 width: 33.33333333%; 1864 } 1865 .row-cols-xxl-4 > * { 1866 flex: 0 0 auto; 1867 width: 25%; 1868 } 1869 .row-cols-xxl-5 > * { 1870 flex: 0 0 auto; 1871 width: 20%; 1872 } 1873 .row-cols-xxl-6 > * { 1874 flex: 0 0 auto; 1875 width: 16.66666667%; 1876 } 1877 .col-xxl-auto { 1878 flex: 0 0 auto; 1879 width: auto; 1880 } 1881 .col-xxl-1 { 1882 flex: 0 0 auto; 1883 width: 8.33333333%; 1884 } 1885 .col-xxl-2 { 1886 flex: 0 0 auto; 1887 width: 16.66666667%; 1888 } 1889 .col-xxl-3 { 1890 flex: 0 0 auto; 1891 width: 25%; 1892 } 1893 .col-xxl-4 { 1894 flex: 0 0 auto; 1895 width: 33.33333333%; 1896 } 1897 .col-xxl-5 { 1898 flex: 0 0 auto; 1899 width: 41.66666667%; 1900 } 1901 .col-xxl-6 { 1902 flex: 0 0 auto; 1903 width: 50%; 1904 } 1905 .col-xxl-7 { 1906 flex: 0 0 auto; 1907 width: 58.33333333%; 1908 } 1909 .col-xxl-8 { 1910 flex: 0 0 auto; 1911 width: 66.66666667%; 1912 } 1913 .col-xxl-9 { 1914 flex: 0 0 auto; 1915 width: 75%; 1916 } 1917 .col-xxl-10 { 1918 flex: 0 0 auto; 1919 width: 83.33333333%; 1920 } 1921 .col-xxl-11 { 1922 flex: 0 0 auto; 1923 width: 91.66666667%; 1924 } 1925 .col-xxl-12 { 1926 flex: 0 0 auto; 1927 width: 100%; 1928 } 1929 .offset-xxl-0 { 1930 margin-left: 0; 1931 } 1932 .offset-xxl-1 { 1933 margin-left: 8.33333333%; 1934 } 1935 .offset-xxl-2 { 1936 margin-left: 16.66666667%; 1937 } 1938 .offset-xxl-3 { 1939 margin-left: 25%; 1940 } 1941 .offset-xxl-4 { 1942 margin-left: 33.33333333%; 1943 } 1944 .offset-xxl-5 { 1945 margin-left: 41.66666667%; 1946 } 1947 .offset-xxl-6 { 1948 margin-left: 50%; 1949 } 1950 .offset-xxl-7 { 1951 margin-left: 58.33333333%; 1952 } 1953 .offset-xxl-8 { 1954 margin-left: 66.66666667%; 1955 } 1956 .offset-xxl-9 { 1957 margin-left: 75%; 1958 } 1959 .offset-xxl-10 { 1960 margin-left: 83.33333333%; 1961 } 1962 .offset-xxl-11 { 1963 margin-left: 91.66666667%; 1964 } 1965 .g-xxl-0, 1966 .gx-xxl-0 { 1967 --bs-gutter-x: 0; 1968 } 1969 .g-xxl-0, 1970 .gy-xxl-0 { 1971 --bs-gutter-y: 0; 1972 } 1973 .g-xxl-1, 1974 .gx-xxl-1 { 1975 --bs-gutter-x: 0.25rem; 1976 } 1977 .g-xxl-1, 1978 .gy-xxl-1 { 1979 --bs-gutter-y: 0.25rem; 1980 } 1981 .g-xxl-2, 1982 .gx-xxl-2 { 1983 --bs-gutter-x: 0.5rem; 1984 } 1985 .g-xxl-2, 1986 .gy-xxl-2 { 1987 --bs-gutter-y: 0.5rem; 1988 } 1989 .g-xxl-3, 1990 .gx-xxl-3 { 1991 --bs-gutter-x: 1rem; 1992 } 1993 .g-xxl-3, 1994 .gy-xxl-3 { 1995 --bs-gutter-y: 1rem; 1996 } 1997 .g-xxl-4, 1998 .gx-xxl-4 { 1999 --bs-gutter-x: 1.5rem; 2000 } 2001 .g-xxl-4, 2002 .gy-xxl-4 { 2003 --bs-gutter-y: 1.5rem; 2004 } 2005 .g-xxl-5, 2006 .gx-xxl-5 { 2007 --bs-gutter-x: 3rem; 2008 } 2009 .g-xxl-5, 2010 .gy-xxl-5 { 2011 --bs-gutter-y: 3rem; 2012 } 2013} 2014.table { 2015 --bs-table-color-type: initial; 2016 --bs-table-bg-type: initial; 2017 --bs-table-color-state: initial; 2018 --bs-table-bg-state: initial; 2019 --bs-table-color: var(--bs-emphasis-color); 2020 --bs-table-bg: var(--bs-body-bg); 2021 --bs-table-border-color: var(--bs-border-color); 2022 --bs-table-accent-bg: transparent; 2023 --bs-table-striped-color: var(--bs-emphasis-color); 2024 --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); 2025 --bs-table-active-color: var(--bs-emphasis-color); 2026 --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); 2027 --bs-table-hover-color: var(--bs-emphasis-color); 2028 --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); 2029 border-color: var(--bs-table-border-color); 2030 margin-bottom: 1rem; 2031 vertical-align: top; 2032 width: 100%; 2033} 2034.table > :not(caption) > * > * { 2035 background-color: var(--bs-table-bg); 2036 border-bottom-width: var(--bs-border-width); 2037 box-shadow: inset 0 0 0 9999px 2038 var( 2039 --bs-table-bg-state, 2040 var(--bs-table-bg-type, var(--bs-table-accent-bg)) 2041 ); 2042 color: var( 2043 --bs-table-color-state, 2044 var(--bs-table-color-type, var(--bs-table-color)) 2045 ); 2046 padding: 0.5rem; 2047} 2048.table > tbody { 2049 vertical-align: inherit; 2050} 2051.table > thead { 2052 vertical-align: bottom; 2053} 2054.table-group-divider { 2055 border-top: calc(var(--bs-border-width) * 2) solid; 2056} 2057.caption-top { 2058 caption-side: top; 2059} 2060.table-sm > :not(caption) > * > * { 2061 padding: 0.25rem; 2062} 2063.table-bordered > :not(caption) > * { 2064 border-width: var(--bs-border-width) 0; 2065} 2066.table-bordered > :not(caption) > * > * { 2067 border-width: 0 var(--bs-border-width); 2068} 2069.table-borderless > :not(caption) > * > * { 2070 border-bottom-width: 0; 2071} 2072.table-borderless > :not(:first-child) { 2073 border-top-width: 0; 2074} 2075.table-striped-columns > :not(caption) > tr > :nth-child(2n), 2076.table-striped > tbody > tr:nth-of-type(odd) > * { 2077 --bs-table-color-type: var(--bs-table-striped-color); 2078 --bs-table-bg-type: var(--bs-table-striped-bg); 2079} 2080.table-active { 2081 --bs-table-color-state: var(--bs-table-active-color); 2082 --bs-table-bg-state: var(--bs-table-active-bg); 2083} 2084.table-hover > tbody > tr:hover > * { 2085 --bs-table-color-state: var(--bs-table-hover-color); 2086 --bs-table-bg-state: var(--bs-table-hover-bg); 2087} 2088.table-primary { 2089 --bs-table-color: #000; 2090 --bs-table-bg: #d8efff; 2091 --bs-table-border-color: #adbfcc; 2092 --bs-table-striped-bg: #cde3f2; 2093 --bs-table-striped-color: #000; 2094 --bs-table-active-bg: #c2d7e6; 2095 --bs-table-active-color: #000; 2096 --bs-table-hover-bg: #c8ddec; 2097 --bs-table-hover-color: #000; 2098} 2099.table-primary, 2100.table-secondary { 2101 border-color: var(--bs-table-border-color); 2102 color: var(--bs-table-color); 2103} 2104.table-secondary { 2105 --bs-table-color: #000; 2106 --bs-table-bg: #dadada; 2107 --bs-table-border-color: #aeaeae; 2108 --bs-table-striped-bg: #cfcfcf; 2109 --bs-table-striped-color: #000; 2110 --bs-table-active-bg: #c4c4c4; 2111 --bs-table-active-color: #000; 2112 --bs-table-hover-bg: #cacaca; 2113 --bs-table-hover-color: #000; 2114} 2115.table-success { 2116 --bs-table-color: #000; 2117 --bs-table-bg: #dcfae6; 2118 --bs-table-border-color: #b0c8b8; 2119 --bs-table-striped-bg: #d1eedb; 2120 --bs-table-striped-color: #000; 2121 --bs-table-active-bg: #c6e1cf; 2122 --bs-table-active-color: #000; 2123 --bs-table-hover-bg: #cce7d5; 2124 --bs-table-hover-color: #000; 2125} 2126.table-info, 2127.table-success { 2128 border-color: var(--bs-table-border-color); 2129 color: var(--bs-table-color); 2130} 2131.table-info { 2132 --bs-table-color: #000; 2133 --bs-table-bg: #dfeafe; 2134 --bs-table-border-color: #b2bbcb; 2135 --bs-table-striped-bg: #d4def1; 2136 --bs-table-striped-color: #000; 2137 --bs-table-active-bg: #c9d3e5; 2138 --bs-table-active-color: #000; 2139 --bs-table-hover-bg: #ced8eb; 2140 --bs-table-hover-color: #000; 2141} 2142.table-warning { 2143 --bs-table-color: #000; 2144 --bs-table-bg: #fff4d9; 2145 --bs-table-border-color: #ccc3ae; 2146 --bs-table-striped-bg: #f2e8ce; 2147 --bs-table-striped-color: #000; 2148 --bs-table-active-bg: #e6dcc3; 2149 --bs-table-active-color: #000; 2150 --bs-table-hover-bg: #ece2c9; 2151 --bs-table-hover-color: #000; 2152} 2153.table-danger, 2154.table-warning { 2155 border-color: var(--bs-table-border-color); 2156 color: var(--bs-table-color); 2157} 2158.table-danger { 2159 --bs-table-color: #000; 2160 --bs-table-bg: #ffdedc; 2161 --bs-table-border-color: #ccb2b0; 2162 --bs-table-striped-bg: #f2d3d1; 2163 --bs-table-striped-color: #000; 2164 --bs-table-active-bg: #e6c8c6; 2165 --bs-table-active-color: #000; 2166 --bs-table-hover-bg: #eccdcc; 2167 --bs-table-hover-color: #000; 2168} 2169.table-light { 2170 --bs-table-color: #000; 2171 --bs-table-bg: #f6f6f6; 2172 --bs-table-border-color: #c5c5c5; 2173 --bs-table-striped-bg: #eaeaea; 2174 --bs-table-striped-color: #000; 2175 --bs-table-active-bg: #ddd; 2176 --bs-table-active-color: #000; 2177 --bs-table-hover-bg: #e4e4e4; 2178 --bs-table-hover-color: #000; 2179} 2180.table-dark, 2181.table-light { 2182 border-color: var(--bs-table-border-color); 2183 color: var(--bs-table-color); 2184} 2185.table-dark { 2186 --bs-table-color: #fff; 2187 --bs-table-bg: #1a1a1a; 2188 --bs-table-border-color: #484848; 2189 --bs-table-striped-bg: #252525; 2190 --bs-table-striped-color: #fff; 2191 --bs-table-active-bg: #313131; 2192 --bs-table-active-color: #fff; 2193 --bs-table-hover-bg: #2b2b2b; 2194 --bs-table-hover-color: #fff; 2195} 2196.table-responsive { 2197 overflow-x: auto; 2198 -webkit-overflow-scrolling: touch; 2199} 2200@media (max-width: 575.98px) { 2201 .table-responsive-sm { 2202 overflow-x: auto; 2203 -webkit-overflow-scrolling: touch; 2204 } 2205} 2206@media (max-width: 767.98px) { 2207 .table-responsive-md { 2208 overflow-x: auto; 2209 -webkit-overflow-scrolling: touch; 2210 } 2211} 2212@media (max-width: 991.98px) { 2213 .table-responsive-lg { 2214 overflow-x: auto; 2215 -webkit-overflow-scrolling: touch; 2216 } 2217} 2218@media (max-width: 1199.98px) { 2219 .table-responsive-xl { 2220 overflow-x: auto; 2221 -webkit-overflow-scrolling: touch; 2222 } 2223} 2224@media (max-width: 1399.98px) { 2225 .table-responsive-xxl { 2226 overflow-x: auto; 2227 -webkit-overflow-scrolling: touch; 2228 } 2229} 2230.form-label { 2231 margin-bottom: 0.5rem; 2232} 2233.col-form-label { 2234 font-size: inherit; 2235 line-height: 1.5; 2236 margin-bottom: 0; 2237 padding-bottom: calc(0.375rem + 2px); 2238 padding-top: calc(0.375rem + 2px); 2239} 2240.col-form-label-lg { 2241 font-size: 1.25rem; 2242 padding-bottom: calc(0.5rem + 2px); 2243 padding-top: calc(0.5rem + 2px); 2244} 2245.col-form-label-sm { 2246 font-size: 0.875rem; 2247 padding-bottom: calc(0.25rem + 2px); 2248 padding-top: calc(0.25rem + 2px); 2249} 2250.form-text { 2251 color: var(--bs-secondary-color); 2252 font-size: 0.875em; 2253 margin-top: 0.25rem; 2254} 2255.form-control { 2256 -webkit-appearance: none; 2257 -moz-appearance: none; 2258 appearance: none; 2259 background-clip: padding-box; 2260 background-color: #262626; 2261 border: 2px solid #2d2d2d; 2262 border-radius: 8px; 2263 color: #f6f6f6; 2264 display: block; 2265 font-size: 1rem; 2266 font-weight: 400; 2267 line-height: 1.5; 2268 padding: 0.375rem 0.75rem; 2269 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2270 width: 100%; 2271} 2272@media (prefers-reduced-motion: reduce) { 2273 .form-control { 2274 transition: none; 2275 } 2276} 2277.form-control[type="file"] { 2278 overflow: hidden; 2279} 2280.form-control[type="file"]:not(:disabled):not([readonly]) { 2281 cursor: pointer; 2282} 2283.form-control:focus { 2284 background-color: #262626; 2285 border-color: #9dd7ff; 2286 box-shadow: 0; 2287 color: #f6f6f6; 2288 outline: 0; 2289} 2290.form-control::-webkit-date-and-time-value { 2291 height: 1.5em; 2292 margin: 0; 2293 min-width: 85px; 2294} 2295.form-control::-webkit-datetime-edit { 2296 display: block; 2297 padding: 0; 2298} 2299.form-control::-moz-placeholder { 2300 color: #9e9e9e; 2301 opacity: 1; 2302} 2303.form-control::placeholder { 2304 color: #9e9e9e; 2305 opacity: 1; 2306} 2307.form-control:disabled { 2308 background-color: #757575; 2309 opacity: 1; 2310} 2311.form-control::file-selector-button { 2312 background-color: #2d2d2d; 2313 border: 0 solid; 2314 border-color: inherit; 2315 border-inline-end-width: 2px; 2316 border-radius: 0; 2317 color: #f6f6f6; 2318 margin: -0.375rem -0.75rem; 2319 margin-inline-end: 0.75rem; 2320 padding: 0.375rem 0.75rem; 2321 pointer-events: none; 2322 transition: 2323 color 0.15s ease-in-out, 2324 background-color 0.15s ease-in-out, 2325 border-color 0.15s ease-in-out, 2326 box-shadow 0.15s ease-in-out; 2327} 2328@media (prefers-reduced-motion: reduce) { 2329 .form-control::file-selector-button { 2330 transition: none; 2331 } 2332} 2333.form-control:hover:not(:disabled):not([readonly])::file-selector-button { 2334 background-color: var(--bs-secondary-bg); 2335} 2336.form-control-plaintext { 2337 background-color: transparent; 2338 border: solid transparent; 2339 border-width: 2px 0; 2340 color: var(--bs-body-color); 2341 display: block; 2342 line-height: 1.5; 2343 margin-bottom: 0; 2344 padding: 0.375rem 0; 2345 width: 100%; 2346} 2347.form-control-plaintext:focus { 2348 outline: 0; 2349} 2350.form-control-plaintext.form-control-lg, 2351.form-control-plaintext.form-control-sm { 2352 padding-left: 0; 2353 padding-right: 0; 2354} 2355.form-control-sm { 2356 border-radius: var(--bs-border-radius-sm); 2357 font-size: 0.875rem; 2358 min-height: calc(1.5em + 0.5rem + 4px); 2359 padding: 0.25rem 0.5rem; 2360} 2361.form-control-sm::file-selector-button { 2362 margin: -0.25rem -0.5rem; 2363 margin-inline-end: 0.5rem; 2364 padding: 0.25rem 0.5rem; 2365} 2366.form-control-lg { 2367 border-radius: var(--bs-border-radius-lg); 2368 font-size: 1.25rem; 2369 min-height: calc(1.5em + 1rem + 4px); 2370 padding: 0.5rem 1rem; 2371} 2372.form-control-lg::file-selector-button { 2373 margin: -0.5rem -1rem; 2374 margin-inline-end: 1rem; 2375 padding: 0.5rem 1rem; 2376} 2377textarea.form-control { 2378 min-height: calc(1.5em + 0.75rem + 4px); 2379} 2380textarea.form-control-sm { 2381 min-height: calc(1.5em + 0.5rem + 4px); 2382} 2383textarea.form-control-lg { 2384 min-height: calc(1.5em + 1rem + 4px); 2385} 2386.form-control-color { 2387 height: calc(1.5em + 0.75rem + 4px); 2388 padding: 0.375rem; 2389 width: 3rem; 2390} 2391.form-control-color:not(:disabled):not([readonly]) { 2392 cursor: pointer; 2393} 2394.form-control-color::-moz-color-swatch { 2395 border: 0 !important; 2396 border-radius: 8px; 2397} 2398.form-control-color::-webkit-color-swatch { 2399 border: 0 !important; 2400 border-radius: 8px; 2401} 2402.form-control-color.form-control-sm { 2403 height: calc(1.5em + 0.5rem + 4px); 2404} 2405.form-control-color.form-control-lg { 2406 height: calc(1.5em + 1rem + 4px); 2407} 2408.form-select { 2409 --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%233c3c3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); 2410 -webkit-appearance: none; 2411 -moz-appearance: none; 2412 appearance: none; 2413 background-color: #262626; 2414 background-image: 2415 var(--bs-form-select-bg-img), 2416 var(--bs-form-select-bg-icon, none); 2417 background-position: right 0.75rem center; 2418 background-repeat: no-repeat; 2419 background-size: 16px 12px; 2420 border: 2px solid #2d2d2d; 2421 border-radius: 8px; 2422 color: #f6f6f6; 2423 display: block; 2424 font-size: 1rem; 2425 font-weight: 400; 2426 line-height: 1.5; 2427 padding: 0.375rem 2.25rem 0.375rem 0.75rem; 2428 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 2429 width: 100%; 2430} 2431@media (prefers-reduced-motion: reduce) { 2432 .form-select { 2433 transition: none; 2434 } 2435} 2436.form-select:focus { 2437 border-color: #9dd7ff; 2438 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 2439 outline: 0; 2440} 2441.form-select[multiple], 2442.form-select[size]:not([size="1"]) { 2443 background-image: none; 2444 padding-right: 0.75rem; 2445} 2446.form-select:disabled { 2447 background-color: #757575; 2448} 2449.form-select:-moz-focusring { 2450 color: transparent; 2451 text-shadow: 0 0 0 #f6f6f6; 2452} 2453.form-select-sm { 2454 border-radius: var(--bs-border-radius-sm); 2455 font-size: 0.875rem; 2456 padding-bottom: 0.25rem; 2457 padding-left: 0.5rem; 2458 padding-top: 0.25rem; 2459} 2460.form-select-lg { 2461 border-radius: var(--bs-border-radius-lg); 2462 font-size: 1.25rem; 2463 padding-bottom: 0.5rem; 2464 padding-left: 1rem; 2465 padding-top: 0.5rem; 2466} 2467[data-bs-theme="dark"] .form-select { 2468 --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23cacaca' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); 2469} 2470.form-check { 2471 display: block; 2472 margin-bottom: 0.125rem; 2473 min-height: 1.5rem; 2474 padding-left: 1.5em; 2475} 2476.form-check .form-check-input { 2477 float: left; 2478 margin-left: -1.5em; 2479} 2480.form-check-reverse { 2481 padding-left: 0; 2482 padding-right: 1.5em; 2483 text-align: right; 2484} 2485.form-check-reverse .form-check-input { 2486 float: right; 2487 margin-left: 0; 2488 margin-right: -1.5em; 2489} 2490.form-check-input { 2491 --bs-form-check-bg: #484848; 2492 -webkit-appearance: none; 2493 -moz-appearance: none; 2494 appearance: none; 2495 background-color: var(--bs-form-check-bg); 2496 background-image: var(--bs-form-check-bg-image); 2497 background-position: 50%; 2498 background-repeat: no-repeat; 2499 background-size: contain; 2500 border: var(--bs-border-width) solid var(--bs-border-color); 2501 flex-shrink: 0; 2502 height: 1em; 2503 margin-top: 0.25em; 2504 -webkit-print-color-adjust: exact; 2505 print-color-adjust: exact; 2506 vertical-align: top; 2507 width: 1em; 2508} 2509.form-check-input[type="checkbox"] { 2510 border-radius: 0.25em; 2511} 2512.form-check-input[type="radio"] { 2513 border-radius: 50%; 2514} 2515.form-check-input:active { 2516 filter: brightness(90%); 2517} 2518.form-check-input:focus { 2519 border-color: #9dd7ff; 2520 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 2521 outline: 0; 2522} 2523.form-check-input:checked { 2524 background-color: #3bafff; 2525 border-color: #3bafff; 2526} 2527.form-check-input:checked[type="checkbox"] { 2528 --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"); 2529} 2530.form-check-input:checked[type="radio"] { 2531 --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E"); 2532} 2533.form-check-input[type="checkbox"]:indeterminate { 2534 background-color: #3bafff; 2535 border-color: #3bafff; 2536 --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"); 2537} 2538.form-check-input:disabled { 2539 filter: none; 2540 opacity: 0.5; 2541 pointer-events: none; 2542} 2543.form-check-input:disabled ~ .form-check-label, 2544.form-check-input[disabled] ~ .form-check-label { 2545 cursor: default; 2546 opacity: 0.5; 2547} 2548.form-switch { 2549 padding-left: 2.5em; 2550} 2551.form-switch .form-check-input { 2552 --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); 2553 background-image: var(--bs-form-switch-bg); 2554 background-position: 0; 2555 border-radius: 2em; 2556 margin-left: -2.5em; 2557 transition: background-position 0.15s ease-in-out; 2558 width: 2em; 2559} 2560@media (prefers-reduced-motion: reduce) { 2561 .form-switch .form-check-input { 2562 transition: none; 2563 } 2564} 2565.form-switch .form-check-input:focus { 2566 --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239dd7ff'/%3E%3C/svg%3E"); 2567} 2568.form-switch .form-check-input:checked { 2569 background-position: 100%; 2570 --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); 2571} 2572.form-switch.form-check-reverse { 2573 padding-left: 0; 2574 padding-right: 2.5em; 2575} 2576.form-switch.form-check-reverse .form-check-input { 2577 margin-left: 0; 2578 margin-right: -2.5em; 2579} 2580.form-check-inline { 2581 display: inline-block; 2582 margin-right: 1rem; 2583} 2584.btn-check { 2585 position: absolute; 2586 clip: rect(0, 0, 0, 0); 2587 pointer-events: none; 2588} 2589.btn-check:disabled + .btn, 2590.btn-check[disabled] + .btn { 2591 filter: none; 2592 opacity: 0.65; 2593 pointer-events: none; 2594} 2595[data-bs-theme="dark"] 2596 .form-switch 2597 .form-check-input:not(:checked):not(:focus) { 2598 --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E"); 2599} 2600.form-range { 2601 -webkit-appearance: none; 2602 -moz-appearance: none; 2603 appearance: none; 2604 background-color: transparent; 2605 height: 1.5rem; 2606 padding: 0; 2607 width: 100%; 2608} 2609.form-range:focus { 2610 outline: 0; 2611} 2612.form-range:focus::-webkit-slider-thumb { 2613 box-shadow: 0 0 0 1px #181818, 0; 2614} 2615.form-range:focus::-moz-range-thumb { 2616 box-shadow: 0 0 0 1px #181818, 0; 2617} 2618.form-range::-moz-focus-outer { 2619 border: 0; 2620} 2621.form-range::-webkit-slider-thumb { 2622 -webkit-appearance: none; 2623 appearance: none; 2624 background-color: #3bafff; 2625 border: 0; 2626 border-radius: 1rem; 2627 height: 1rem; 2628 margin-top: -0.25rem; 2629 -webkit-transition: 2630 background-color 0.15s ease-in-out, 2631 border-color 0.15s ease-in-out, 2632 box-shadow 0.15s ease-in-out; 2633 transition: 2634 background-color 0.15s ease-in-out, 2635 border-color 0.15s ease-in-out, 2636 box-shadow 0.15s ease-in-out; 2637 width: 1rem; 2638} 2639@media (prefers-reduced-motion: reduce) { 2640 .form-range::-webkit-slider-thumb { 2641 -webkit-transition: none; 2642 transition: none; 2643 } 2644} 2645.form-range::-webkit-slider-thumb:active { 2646 background-color: #c4e7ff; 2647} 2648.form-range::-webkit-slider-runnable-track { 2649 background-color: var(--bs-secondary-bg); 2650 border-color: transparent; 2651 border-radius: 1rem; 2652 color: transparent; 2653 cursor: pointer; 2654 height: 0.5rem; 2655 width: 100%; 2656} 2657.form-range::-moz-range-thumb { 2658 -moz-appearance: none; 2659 appearance: none; 2660 background-color: #3bafff; 2661 border: 0; 2662 border-radius: 1rem; 2663 height: 1rem; 2664 -moz-transition: 2665 background-color 0.15s ease-in-out, 2666 border-color 0.15s ease-in-out, 2667 box-shadow 0.15s ease-in-out; 2668 transition: 2669 background-color 0.15s ease-in-out, 2670 border-color 0.15s ease-in-out, 2671 box-shadow 0.15s ease-in-out; 2672 width: 1rem; 2673} 2674@media (prefers-reduced-motion: reduce) { 2675 .form-range::-moz-range-thumb { 2676 -moz-transition: none; 2677 transition: none; 2678 } 2679} 2680.form-range::-moz-range-thumb:active { 2681 background-color: #c4e7ff; 2682} 2683.form-range::-moz-range-track { 2684 background-color: var(--bs-secondary-bg); 2685 border-color: transparent; 2686 border-radius: 1rem; 2687 color: transparent; 2688 cursor: pointer; 2689 height: 0.5rem; 2690 width: 100%; 2691} 2692.form-range:disabled { 2693 pointer-events: none; 2694} 2695.form-range:disabled::-webkit-slider-thumb { 2696 background-color: var(--bs-secondary-color); 2697} 2698.form-range:disabled::-moz-range-thumb { 2699 background-color: var(--bs-secondary-color); 2700} 2701.form-floating { 2702 position: relative; 2703} 2704.form-floating > .form-control, 2705.form-floating > .form-control-plaintext, 2706.form-floating > .form-select { 2707 height: calc(3.5rem + 4px); 2708 line-height: 1.25; 2709 min-height: calc(3.5rem + 4px); 2710} 2711.form-floating > label { 2712 border: 2px solid transparent; 2713 height: 100%; 2714 left: 0; 2715 overflow: hidden; 2716 padding: 1rem 0.75rem; 2717 pointer-events: none; 2718 position: absolute; 2719 text-align: start; 2720 text-overflow: ellipsis; 2721 top: 0; 2722 transform-origin: 0 0; 2723 transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; 2724 white-space: nowrap; 2725 z-index: 2; 2726} 2727@media (prefers-reduced-motion: reduce) { 2728 .form-floating > label { 2729 transition: none; 2730 } 2731} 2732.form-floating > .form-control, 2733.form-floating > .form-control-plaintext { 2734 padding: 1rem 0.75rem; 2735} 2736.form-floating > .form-control-plaintext::-moz-placeholder, 2737.form-floating > .form-control::-moz-placeholder { 2738 color: transparent; 2739} 2740.form-floating > .form-control-plaintext::placeholder, 2741.form-floating > .form-control::placeholder { 2742 color: transparent; 2743} 2744.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), 2745.form-floating > .form-control:not(:-moz-placeholder-shown) { 2746 padding-bottom: 0.625rem; 2747 padding-top: 1.625rem; 2748} 2749.form-floating > .form-control-plaintext:focus, 2750.form-floating > .form-control-plaintext:not(:placeholder-shown), 2751.form-floating > .form-control:focus, 2752.form-floating > .form-control:not(:placeholder-shown) { 2753 padding-bottom: 0.625rem; 2754 padding-top: 1.625rem; 2755} 2756.form-floating > .form-control-plaintext:-webkit-autofill, 2757.form-floating > .form-control:-webkit-autofill { 2758 padding-bottom: 0.625rem; 2759 padding-top: 1.625rem; 2760} 2761.form-floating > .form-select { 2762 padding-bottom: 0.625rem; 2763 padding-top: 1.625rem; 2764} 2765.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { 2766 color: rgba(var(--bs-body-color-rgb), 0.65); 2767 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2768} 2769.form-floating > .form-control-plaintext ~ label, 2770.form-floating > .form-control:focus ~ label, 2771.form-floating > .form-control:not(:placeholder-shown) ~ label, 2772.form-floating > .form-select ~ label { 2773 color: rgba(var(--bs-body-color-rgb), 0.65); 2774 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2775} 2776.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:after { 2777 background-color: #262626; 2778 border-radius: 8px; 2779 content: ""; 2780 height: 1.5em; 2781 inset: 1rem 0.375rem; 2782 position: absolute; 2783 z-index: -1; 2784} 2785.form-floating > .form-control-plaintext ~ label:after, 2786.form-floating > .form-control:focus ~ label:after, 2787.form-floating > .form-control:not(:placeholder-shown) ~ label:after, 2788.form-floating > .form-select ~ label:after { 2789 background-color: #262626; 2790 border-radius: 8px; 2791 content: ""; 2792 height: 1.5em; 2793 inset: 1rem 0.375rem; 2794 position: absolute; 2795 z-index: -1; 2796} 2797.form-floating > .form-control:-webkit-autofill ~ label { 2798 color: rgba(var(--bs-body-color-rgb), 0.65); 2799 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2800} 2801.form-floating > .form-control-plaintext ~ label { 2802 border-width: 2px 0; 2803} 2804.form-floating > .form-control:disabled ~ label, 2805.form-floating > :disabled ~ label { 2806 color: #484848; 2807} 2808.form-floating > .form-control:disabled ~ label:after, 2809.form-floating > :disabled ~ label:after { 2810 background-color: #757575; 2811} 2812.input-group { 2813 align-items: stretch; 2814 display: flex; 2815 flex-wrap: wrap; 2816 position: relative; 2817 width: 100%; 2818} 2819.input-group > .form-control, 2820.input-group > .form-floating, 2821.input-group > .form-select { 2822 flex: 1 1 auto; 2823 min-width: 0; 2824 position: relative; 2825 width: 1%; 2826} 2827.input-group > .form-control:focus, 2828.input-group > .form-floating:focus-within, 2829.input-group > .form-select:focus { 2830 z-index: 5; 2831} 2832.input-group .btn { 2833 position: relative; 2834 z-index: 2; 2835} 2836.input-group .btn:focus { 2837 z-index: 5; 2838} 2839.input-group-text { 2840 align-items: center; 2841 background-color: var(--bs-tertiary-bg); 2842 border: 2px solid #2d2d2d; 2843 border-radius: 8px; 2844 color: #f6f6f6; 2845 display: flex; 2846 font-size: 1rem; 2847 font-weight: 400; 2848 line-height: 1.5; 2849 padding: 0.375rem 0.75rem; 2850 text-align: center; 2851 white-space: nowrap; 2852} 2853.input-group-lg > .btn, 2854.input-group-lg > .form-control, 2855.input-group-lg > .form-select, 2856.input-group-lg > .input-group-text { 2857 border-radius: var(--bs-border-radius-lg); 2858 font-size: 1.25rem; 2859 padding: 0.5rem 1rem; 2860} 2861.input-group-sm > .btn, 2862.input-group-sm > .form-control, 2863.input-group-sm > .form-select, 2864.input-group-sm > .input-group-text { 2865 border-radius: var(--bs-border-radius-sm); 2866 font-size: 0.875rem; 2867 padding: 0.25rem 0.5rem; 2868} 2869.input-group-lg > .form-select, 2870.input-group-sm > .form-select { 2871 padding-right: 3rem; 2872} 2873.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), 2874.input-group.has-validation 2875 > .form-floating:nth-last-child(n+3) 2876 > .form-control, 2877.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, 2878.input-group.has-validation 2879 > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not( 2880 .form-floating 2881 ), 2882.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), 2883.input-group:not(.has-validation) 2884 > .form-floating:not(:last-child) 2885 > .form-control, 2886.input-group:not(.has-validation) 2887 > .form-floating:not(:last-child) 2888 > .form-select, 2889.input-group:not(.has-validation) 2890 > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not( 2891 .form-floating 2892 ) { 2893 border-bottom-right-radius: 0; 2894 border-top-right-radius: 0; 2895} 2896.input-group 2897 > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( 2898 .valid-feedback 2899 ):not(.invalid-tooltip):not(.invalid-feedback) { 2900 border-bottom-left-radius: 0; 2901 border-top-left-radius: 0; 2902 margin-left: -2px; 2903} 2904.input-group > .form-floating:not(:first-child) > .form-control, 2905.input-group > .form-floating:not(:first-child) > .form-select { 2906 border-bottom-left-radius: 0; 2907 border-top-left-radius: 0; 2908} 2909.valid-feedback { 2910 color: var(--bs-form-valid-color); 2911 display: none; 2912 font-size: 0.875em; 2913 margin-top: 0.25rem; 2914 width: 100%; 2915} 2916.valid-tooltip { 2917 background-color: var(--bs-success); 2918 border-radius: var(--bs-border-radius); 2919 color: #fff; 2920 display: none; 2921 font-size: 0.875rem; 2922 margin-top: 0.1rem; 2923 max-width: 100%; 2924 padding: 0.25rem 0.5rem; 2925 position: absolute; 2926 top: 100%; 2927 z-index: 5; 2928} 2929.is-valid ~ .valid-feedback, 2930.is-valid ~ .valid-tooltip, 2931.was-validated :valid ~ .valid-feedback, 2932.was-validated :valid ~ .valid-tooltip { 2933 display: block; 2934} 2935.form-control.is-valid, 2936.was-validated .form-control:valid { 2937 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234fe883' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E"); 2938 background-position: right calc(0.375em + 0.1875rem) center; 2939 background-repeat: no-repeat; 2940 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 2941 border-color: var(--bs-form-valid-border-color); 2942 padding-right: calc(1.5em + 0.75rem); 2943} 2944.form-control.is-valid:focus, 2945.was-validated .form-control:valid:focus { 2946 border-color: var(--bs-form-valid-border-color); 2947 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2948} 2949.was-validated textarea.form-control:valid, 2950textarea.form-control.is-valid { 2951 background-position: top calc(0.375em + 0.1875rem) right 2952 calc(0.375em + 0.1875rem); 2953 padding-right: calc(1.5em + 0.75rem); 2954} 2955.form-select.is-valid, 2956.was-validated .form-select:valid { 2957 border-color: var(--bs-form-valid-border-color); 2958} 2959.form-select.is-valid:not([multiple]):not([size]), 2960.form-select.is-valid:not([multiple])[size="1"], 2961.was-validated .form-select:valid:not([multiple]):not([size]), 2962.was-validated .form-select:valid:not([multiple])[size="1"] { 2963 --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%234fe883' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E"); 2964 background-position: right 0.75rem center, center right 2.25rem; 2965 background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 2966 padding-right: 4.125rem; 2967} 2968.form-select.is-valid:focus, 2969.was-validated .form-select:valid:focus { 2970 border-color: var(--bs-form-valid-border-color); 2971 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2972} 2973.form-control-color.is-valid, 2974.was-validated .form-control-color:valid { 2975 width: calc(3.75rem + 1.5em); 2976} 2977.form-check-input.is-valid, 2978.was-validated .form-check-input:valid { 2979 border-color: var(--bs-form-valid-border-color); 2980} 2981.form-check-input.is-valid:checked, 2982.was-validated .form-check-input:valid:checked { 2983 background-color: var(--bs-form-valid-color); 2984} 2985.form-check-input.is-valid:focus, 2986.was-validated .form-check-input:valid:focus { 2987 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2988} 2989.form-check-input.is-valid ~ .form-check-label, 2990.was-validated .form-check-input:valid ~ .form-check-label { 2991 color: var(--bs-form-valid-color); 2992} 2993.form-check-inline .form-check-input ~ .valid-feedback { 2994 margin-left: 0.5em; 2995} 2996.input-group > .form-control:not(:focus).is-valid, 2997.input-group > .form-floating:not(:focus-within).is-valid, 2998.input-group > .form-select:not(:focus).is-valid, 2999.was-validated .input-group > .form-control:not(:focus):valid, 3000.was-validated .input-group > .form-floating:not(:focus-within):valid, 3001.was-validated .input-group > .form-select:not(:focus):valid { 3002 z-index: 3; 3003} 3004.invalid-feedback { 3005 color: var(--bs-form-invalid-color); 3006 display: none; 3007 font-size: 0.875em; 3008 margin-top: 0.25rem; 3009 width: 100%; 3010} 3011.invalid-tooltip { 3012 background-color: var(--bs-danger); 3013 border-radius: var(--bs-border-radius); 3014 color: #fff; 3015 display: none; 3016 font-size: 0.875rem; 3017 margin-top: 0.1rem; 3018 max-width: 100%; 3019 padding: 0.25rem 0.5rem; 3020 position: absolute; 3021 top: 100%; 3022 z-index: 5; 3023} 3024.is-invalid ~ .invalid-feedback, 3025.is-invalid ~ .invalid-tooltip, 3026.was-validated :invalid ~ .invalid-feedback, 3027.was-validated :invalid ~ .invalid-tooltip { 3028 display: block; 3029} 3030.form-control.is-invalid, 3031.was-validated .form-control:invalid { 3032 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff5951'%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='%23ff5951' stroke='none'/%3E%3C/svg%3E"); 3033 background-position: right calc(0.375em + 0.1875rem) center; 3034 background-repeat: no-repeat; 3035 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 3036 border-color: var(--bs-form-invalid-border-color); 3037 padding-right: calc(1.5em + 0.75rem); 3038} 3039.form-control.is-invalid:focus, 3040.was-validated .form-control:invalid:focus { 3041 border-color: var(--bs-form-invalid-border-color); 3042 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3043} 3044.was-validated textarea.form-control:invalid, 3045textarea.form-control.is-invalid { 3046 background-position: top calc(0.375em + 0.1875rem) right 3047 calc(0.375em + 0.1875rem); 3048 padding-right: calc(1.5em + 0.75rem); 3049} 3050.form-select.is-invalid, 3051.was-validated .form-select:invalid { 3052 border-color: var(--bs-form-invalid-border-color); 3053} 3054.form-select.is-invalid:not([multiple]):not([size]), 3055.form-select.is-invalid:not([multiple])[size="1"], 3056.was-validated .form-select:invalid:not([multiple]):not([size]), 3057.was-validated .form-select:invalid:not([multiple])[size="1"] { 3058 --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff5951'%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='%23ff5951' stroke='none'/%3E%3C/svg%3E"); 3059 background-position: right 0.75rem center, center right 2.25rem; 3060 background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 3061 padding-right: 4.125rem; 3062} 3063.form-select.is-invalid:focus, 3064.was-validated .form-select:invalid:focus { 3065 border-color: var(--bs-form-invalid-border-color); 3066 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3067} 3068.form-control-color.is-invalid, 3069.was-validated .form-control-color:invalid { 3070 width: calc(3.75rem + 1.5em); 3071} 3072.form-check-input.is-invalid, 3073.was-validated .form-check-input:invalid { 3074 border-color: var(--bs-form-invalid-border-color); 3075} 3076.form-check-input.is-invalid:checked, 3077.was-validated .form-check-input:invalid:checked { 3078 background-color: var(--bs-form-invalid-color); 3079} 3080.form-check-input.is-invalid:focus, 3081.was-validated .form-check-input:invalid:focus { 3082 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3083} 3084.form-check-input.is-invalid ~ .form-check-label, 3085.was-validated .form-check-input:invalid ~ .form-check-label { 3086 color: var(--bs-form-invalid-color); 3087} 3088.form-check-inline .form-check-input ~ .invalid-feedback { 3089 margin-left: 0.5em; 3090} 3091.input-group > .form-control:not(:focus).is-invalid, 3092.input-group > .form-floating:not(:focus-within).is-invalid, 3093.input-group > .form-select:not(:focus).is-invalid, 3094.was-validated .input-group > .form-control:not(:focus):invalid, 3095.was-validated .input-group > .form-floating:not(:focus-within):invalid, 3096.was-validated .input-group > .form-select:not(:focus):invalid { 3097 z-index: 4; 3098} 3099.btn { 3100 --bs-btn-padding-x: 0.75rem; 3101 --bs-btn-padding-y: 0.375rem; 3102 --bs-btn-font-family: ; 3103 --bs-btn-font-size: 1rem; 3104 --bs-btn-font-weight: 600; 3105 --bs-btn-line-height: 1.5; 3106 --bs-btn-color: var(--bs-body-color); 3107 --bs-btn-bg: transparent; 3108 --bs-btn-border-width: 2px; 3109 --bs-btn-border-color: transparent; 3110 --bs-btn-border-radius: 8px; 3111 --bs-btn-hover-border-color: transparent; 3112 --bs-btn-box-shadow: 3113 inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 3114 --bs-btn-disabled-opacity: 0.65; 3115 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba( 3116 var(--bs-btn-focus-shadow-rgb), 3117 0.5 3118 ); 3119 background-color: var(--bs-btn-bg); 3120 border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); 3121 border-radius: var(--bs-btn-border-radius); 3122 color: var(--bs-btn-color); 3123 cursor: pointer; 3124 display: inline-block; 3125 font-family: var(--bs-btn-font-family); 3126 font-size: var(--bs-btn-font-size); 3127 font-weight: var(--bs-btn-font-weight); 3128 line-height: var(--bs-btn-line-height); 3129 padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); 3130 text-align: center; 3131 transition: 3132 color 0.15s ease-in-out, 3133 background-color 0.15s ease-in-out, 3134 border-color 0.15s ease-in-out, 3135 box-shadow 0.15s ease-in-out; 3136 -webkit-user-select: none; 3137 -moz-user-select: none; 3138 user-select: none; 3139 vertical-align: middle; 3140} 3141@media (prefers-reduced-motion: reduce) { 3142 .btn { 3143 transition: none; 3144 } 3145} 3146.btn:hover { 3147 background-color: var(--bs-btn-hover-bg); 3148 border-color: var(--bs-btn-hover-border-color); 3149 color: var(--bs-btn-hover-color); 3150} 3151.btn-check + .btn:hover { 3152 background-color: var(--bs-btn-bg); 3153 border-color: var(--bs-btn-border-color); 3154 color: var(--bs-btn-color); 3155} 3156.btn:focus-visible { 3157 background-color: var(--bs-btn-hover-bg); 3158 border-color: var(--bs-btn-hover-border-color); 3159 box-shadow: var(--bs-btn-focus-box-shadow); 3160 color: var(--bs-btn-hover-color); 3161 outline: 0; 3162} 3163.btn-check:focus-visible + .btn { 3164 border-color: var(--bs-btn-hover-border-color); 3165 box-shadow: var(--bs-btn-focus-box-shadow); 3166 outline: 0; 3167} 3168.btn-check:checked + .btn, 3169.btn.active, 3170.btn.show, 3171.btn:first-child:active, 3172:not(.btn-check) + .btn:active { 3173 background-color: var(--bs-btn-active-bg); 3174 border-color: var(--bs-btn-active-border-color); 3175 color: var(--bs-btn-active-color); 3176} 3177.btn-check:checked + .btn:focus-visible, 3178.btn.active:focus-visible, 3179.btn.show:focus-visible, 3180.btn:first-child:active:focus-visible, 3181:not(.btn-check) + .btn:active:focus-visible { 3182 box-shadow: var(--bs-btn-focus-box-shadow); 3183} 3184.btn-check:checked:focus-visible + .btn { 3185 box-shadow: var(--bs-btn-focus-box-shadow); 3186} 3187.btn.disabled, 3188.btn:disabled, 3189fieldset:disabled .btn { 3190 background-color: var(--bs-btn-disabled-bg); 3191 border-color: var(--bs-btn-disabled-border-color); 3192 color: var(--bs-btn-disabled-color); 3193 opacity: var(--bs-btn-disabled-opacity); 3194 pointer-events: none; 3195} 3196.btn-primary { 3197 --bs-btn-color: #000; 3198 --bs-btn-bg: #3bafff; 3199 --bs-btn-border-color: #3bafff; 3200 --bs-btn-hover-color: #000; 3201 --bs-btn-hover-bg: #58bbff; 3202 --bs-btn-hover-border-color: #4fb7ff; 3203 --bs-btn-focus-shadow-rgb: 50, 149, 217; 3204 --bs-btn-active-color: #000; 3205 --bs-btn-active-bg: #62bfff; 3206 --bs-btn-active-border-color: #4fb7ff; 3207 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3208 --bs-btn-disabled-color: #000; 3209 --bs-btn-disabled-bg: #3bafff; 3210 --bs-btn-disabled-border-color: #3bafff; 3211} 3212.btn-secondary { 3213 --bs-btn-color: #fff; 3214 --bs-btn-bg: #484848; 3215 --bs-btn-border-color: #484848; 3216 --bs-btn-hover-color: #fff; 3217 --bs-btn-hover-bg: #3d3d3d; 3218 --bs-btn-hover-border-color: #3a3a3a; 3219 --bs-btn-focus-shadow-rgb: 99, 99, 99; 3220 --bs-btn-active-color: #fff; 3221 --bs-btn-active-bg: #3a3a3a; 3222 --bs-btn-active-border-color: #363636; 3223 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3224 --bs-btn-disabled-color: #fff; 3225 --bs-btn-disabled-bg: #484848; 3226 --bs-btn-disabled-border-color: #484848; 3227} 3228.btn-success { 3229 --bs-btn-color: #000; 3230 --bs-btn-bg: #4fe883; 3231 --bs-btn-border-color: #4fe883; 3232 --bs-btn-hover-color: #000; 3233 --bs-btn-hover-bg: #69eb96; 3234 --bs-btn-hover-border-color: #61ea8f; 3235 --bs-btn-focus-shadow-rgb: 67, 197, 111; 3236 --bs-btn-active-color: #000; 3237 --bs-btn-active-bg: #72ed9c; 3238 --bs-btn-active-border-color: #61ea8f; 3239 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3240 --bs-btn-disabled-color: #000; 3241 --bs-btn-disabled-bg: #4fe883; 3242 --bs-btn-disabled-border-color: #4fe883; 3243} 3244.btn-info { 3245 --bs-btn-color: #000; 3246 --bs-btn-bg: #6094f9; 3247 --bs-btn-border-color: #6094f9; 3248 --bs-btn-hover-color: #000; 3249 --bs-btn-hover-bg: #78a4fa; 3250 --bs-btn-hover-border-color: #709ffa; 3251 --bs-btn-focus-shadow-rgb: 82, 126, 212; 3252 --bs-btn-active-color: #000; 3253 --bs-btn-active-bg: #80a9fa; 3254 --bs-btn-active-border-color: #709ffa; 3255 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3256 --bs-btn-disabled-color: #000; 3257 --bs-btn-disabled-bg: #6094f9; 3258 --bs-btn-disabled-border-color: #6094f9; 3259} 3260.btn-warning { 3261 --bs-btn-color: #000; 3262 --bs-btn-bg: #ffc93f; 3263 --bs-btn-border-color: #ffc93f; 3264 --bs-btn-hover-color: #000; 3265 --bs-btn-hover-bg: #ffd15c; 3266 --bs-btn-hover-border-color: #ffce52; 3267 --bs-btn-focus-shadow-rgb: 217, 171, 54; 3268 --bs-btn-active-color: #000; 3269 --bs-btn-active-bg: #ffd465; 3270 --bs-btn-active-border-color: #ffce52; 3271 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3272 --bs-btn-disabled-color: #000; 3273 --bs-btn-disabled-bg: #ffc93f; 3274 --bs-btn-disabled-border-color: #ffc93f; 3275} 3276.btn-danger { 3277 --bs-btn-color: #000; 3278 --bs-btn-bg: #ff5951; 3279 --bs-btn-border-color: #ff5951; 3280 --bs-btn-hover-color: #000; 3281 --bs-btn-hover-bg: #ff726b; 3282 --bs-btn-hover-border-color: #ff6a62; 3283 --bs-btn-focus-shadow-rgb: 217, 76, 69; 3284 --bs-btn-active-color: #000; 3285 --bs-btn-active-bg: #ff7a74; 3286 --bs-btn-active-border-color: #ff6a62; 3287 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3288 --bs-btn-disabled-color: #000; 3289 --bs-btn-disabled-bg: #ff5951; 3290 --bs-btn-disabled-border-color: #ff5951; 3291} 3292.btn-light { 3293 --bs-btn-color: #000; 3294 --bs-btn-bg: #f6f6f6; 3295 --bs-btn-border-color: #f6f6f6; 3296 --bs-btn-hover-color: #000; 3297 --bs-btn-hover-bg: #d1d1d1; 3298 --bs-btn-hover-border-color: #c5c5c5; 3299 --bs-btn-focus-shadow-rgb: 209, 209, 209; 3300 --bs-btn-active-color: #000; 3301 --bs-btn-active-bg: #c5c5c5; 3302 --bs-btn-active-border-color: #b9b9b9; 3303 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3304 --bs-btn-disabled-color: #000; 3305 --bs-btn-disabled-bg: #f6f6f6; 3306 --bs-btn-disabled-border-color: #f6f6f6; 3307} 3308.btn-dark { 3309 --bs-btn-color: #fff; 3310 --bs-btn-bg: #1a1a1a; 3311 --bs-btn-border-color: #1a1a1a; 3312 --bs-btn-hover-color: #fff; 3313 --bs-btn-hover-bg: #3c3c3c; 3314 --bs-btn-hover-border-color: #313131; 3315 --bs-btn-focus-shadow-rgb: 60, 60, 60; 3316 --bs-btn-active-color: #fff; 3317 --bs-btn-active-bg: #484848; 3318 --bs-btn-active-border-color: #313131; 3319 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3320 --bs-btn-disabled-color: #fff; 3321 --bs-btn-disabled-bg: #1a1a1a; 3322 --bs-btn-disabled-border-color: #1a1a1a; 3323} 3324.btn-outline-primary { 3325 --bs-btn-color: #3bafff; 3326 --bs-btn-border-color: #3bafff; 3327 --bs-btn-hover-color: #000; 3328 --bs-btn-hover-bg: #3bafff; 3329 --bs-btn-hover-border-color: #3bafff; 3330 --bs-btn-focus-shadow-rgb: 59, 175, 255; 3331 --bs-btn-active-color: #000; 3332 --bs-btn-active-bg: #3bafff; 3333 --bs-btn-active-border-color: #3bafff; 3334 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3335 --bs-btn-disabled-color: #3bafff; 3336 --bs-btn-disabled-bg: transparent; 3337 --bs-btn-disabled-border-color: #3bafff; 3338 --bs-gradient: none; 3339} 3340.btn-outline-secondary { 3341 --bs-btn-color: #484848; 3342 --bs-btn-border-color: #484848; 3343 --bs-btn-hover-color: #fff; 3344 --bs-btn-hover-bg: #484848; 3345 --bs-btn-hover-border-color: #484848; 3346 --bs-btn-focus-shadow-rgb: 72, 72, 72; 3347 --bs-btn-active-color: #fff; 3348 --bs-btn-active-bg: #484848; 3349 --bs-btn-active-border-color: #484848; 3350 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3351 --bs-btn-disabled-color: #484848; 3352 --bs-btn-disabled-bg: transparent; 3353 --bs-btn-disabled-border-color: #484848; 3354 --bs-gradient: none; 3355} 3356.btn-outline-success { 3357 --bs-btn-color: #4fe883; 3358 --bs-btn-border-color: #4fe883; 3359 --bs-btn-hover-color: #000; 3360 --bs-btn-hover-bg: #4fe883; 3361 --bs-btn-hover-border-color: #4fe883; 3362 --bs-btn-focus-shadow-rgb: 79, 232, 131; 3363 --bs-btn-active-color: #000; 3364 --bs-btn-active-bg: #4fe883; 3365 --bs-btn-active-border-color: #4fe883; 3366 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3367 --bs-btn-disabled-color: #4fe883; 3368 --bs-btn-disabled-bg: transparent; 3369 --bs-btn-disabled-border-color: #4fe883; 3370 --bs-gradient: none; 3371} 3372.btn-outline-info { 3373 --bs-btn-color: #6094f9; 3374 --bs-btn-border-color: #6094f9; 3375 --bs-btn-hover-color: #000; 3376 --bs-btn-hover-bg: #6094f9; 3377 --bs-btn-hover-border-color: #6094f9; 3378 --bs-btn-focus-shadow-rgb: 96, 148, 249; 3379 --bs-btn-active-color: #000; 3380 --bs-btn-active-bg: #6094f9; 3381 --bs-btn-active-border-color: #6094f9; 3382 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3383 --bs-btn-disabled-color: #6094f9; 3384 --bs-btn-disabled-bg: transparent; 3385 --bs-btn-disabled-border-color: #6094f9; 3386 --bs-gradient: none; 3387} 3388.btn-outline-warning { 3389 --bs-btn-color: #ffc93f; 3390 --bs-btn-border-color: #ffc93f; 3391 --bs-btn-hover-color: #000; 3392 --bs-btn-hover-bg: #ffc93f; 3393 --bs-btn-hover-border-color: #ffc93f; 3394 --bs-btn-focus-shadow-rgb: 255, 201, 63; 3395 --bs-btn-active-color: #000; 3396 --bs-btn-active-bg: #ffc93f; 3397 --bs-btn-active-border-color: #ffc93f; 3398 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3399 --bs-btn-disabled-color: #ffc93f; 3400 --bs-btn-disabled-bg: transparent; 3401 --bs-btn-disabled-border-color: #ffc93f; 3402 --bs-gradient: none; 3403} 3404.btn-outline-danger { 3405 --bs-btn-color: #ff5951; 3406 --bs-btn-border-color: #ff5951; 3407 --bs-btn-hover-color: #000; 3408 --bs-btn-hover-bg: #ff5951; 3409 --bs-btn-hover-border-color: #ff5951; 3410 --bs-btn-focus-shadow-rgb: 255, 89, 81; 3411 --bs-btn-active-color: #000; 3412 --bs-btn-active-bg: #ff5951; 3413 --bs-btn-active-border-color: #ff5951; 3414 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3415 --bs-btn-disabled-color: #ff5951; 3416 --bs-btn-disabled-bg: transparent; 3417 --bs-btn-disabled-border-color: #ff5951; 3418 --bs-gradient: none; 3419} 3420.btn-outline-light { 3421 --bs-btn-color: #f6f6f6; 3422 --bs-btn-border-color: #f6f6f6; 3423 --bs-btn-hover-color: #000; 3424 --bs-btn-hover-bg: #f6f6f6; 3425 --bs-btn-hover-border-color: #f6f6f6; 3426 --bs-btn-focus-shadow-rgb: 246, 246, 246; 3427 --bs-btn-active-color: #000; 3428 --bs-btn-active-bg: #f6f6f6; 3429 --bs-btn-active-border-color: #f6f6f6; 3430 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3431 --bs-btn-disabled-color: #f6f6f6; 3432 --bs-btn-disabled-bg: transparent; 3433 --bs-btn-disabled-border-color: #f6f6f6; 3434 --bs-gradient: none; 3435} 3436.btn-outline-dark { 3437 --bs-btn-color: #1a1a1a; 3438 --bs-btn-border-color: #1a1a1a; 3439 --bs-btn-hover-color: #fff; 3440 --bs-btn-hover-bg: #1a1a1a; 3441 --bs-btn-hover-border-color: #1a1a1a; 3442 --bs-btn-focus-shadow-rgb: 26, 26, 26; 3443 --bs-btn-active-color: #fff; 3444 --bs-btn-active-bg: #1a1a1a; 3445 --bs-btn-active-border-color: #1a1a1a; 3446 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3447 --bs-btn-disabled-color: #1a1a1a; 3448 --bs-btn-disabled-bg: transparent; 3449 --bs-btn-disabled-border-color: #1a1a1a; 3450 --bs-gradient: none; 3451} 3452.btn-link { 3453 --bs-btn-font-weight: 400; 3454 --bs-btn-color: var(--bs-link-color); 3455 --bs-btn-bg: transparent; 3456 --bs-btn-border-color: transparent; 3457 --bs-btn-hover-color: var(--bs-link-hover-color); 3458 --bs-btn-hover-border-color: transparent; 3459 --bs-btn-active-color: var(--bs-link-hover-color); 3460 --bs-btn-active-border-color: transparent; 3461 --bs-btn-disabled-color: #484848; 3462 --bs-btn-disabled-border-color: transparent; 3463 --bs-btn-box-shadow: 0 0 0 #000; 3464 --bs-btn-focus-shadow-rgb: 50, 149, 217; 3465 text-decoration: none; 3466} 3467.btn-link:focus-visible { 3468 color: var(--bs-btn-color); 3469} 3470.btn-link:hover { 3471 color: var(--bs-btn-hover-color); 3472} 3473.btn-group-lg > .btn, 3474.btn-lg { 3475 --bs-btn-padding-y: 0.5rem; 3476 --bs-btn-padding-x: 1rem; 3477 --bs-btn-font-size: 1.25rem; 3478 --bs-btn-border-radius: var(--bs-border-radius-lg); 3479} 3480.btn-group-sm > .btn, 3481.btn-sm { 3482 --bs-btn-padding-y: 2px; 3483 --bs-btn-padding-x: 0.5rem; 3484 --bs-btn-font-size: 0.875rem; 3485 --bs-btn-border-radius: 8px; 3486} 3487.fade { 3488 transition: opacity 0.15s linear; 3489} 3490@media (prefers-reduced-motion: reduce) { 3491 .fade { 3492 transition: none; 3493 } 3494} 3495.fade:not(.show) { 3496 opacity: 0; 3497} 3498.collapse:not(.show) { 3499 display: none; 3500} 3501.collapsing { 3502 height: 0; 3503 overflow: hidden; 3504 transition: height 0.35s ease; 3505} 3506@media (prefers-reduced-motion: reduce) { 3507 .collapsing { 3508 transition: none; 3509 } 3510} 3511.collapsing.collapse-horizontal { 3512 height: auto; 3513 transition: width 0.35s ease; 3514 width: 0; 3515} 3516@media (prefers-reduced-motion: reduce) { 3517 .collapsing.collapse-horizontal { 3518 transition: none; 3519 } 3520} 3521.dropdown, 3522.dropdown-center, 3523.dropend, 3524.dropstart, 3525.dropup, 3526.dropup-center { 3527 position: relative; 3528} 3529.dropdown-toggle { 3530 white-space: nowrap; 3531} 3532.dropdown-toggle:after { 3533 border-bottom: 0; 3534 border-left: 0.3em solid transparent; 3535 border-right: 0.3em solid transparent; 3536 border-top: 0.3em solid; 3537 content: ""; 3538 display: inline-block; 3539 margin-left: 0.255em; 3540 vertical-align: 0.255em; 3541} 3542.dropdown-toggle:empty:after { 3543 margin-left: 0; 3544} 3545.dropdown-menu { 3546 --bs-dropdown-zindex: 1000; 3547 --bs-dropdown-min-width: 10rem; 3548 --bs-dropdown-padding-x: 0; 3549 --bs-dropdown-padding-y: 0.5rem; 3550 --bs-dropdown-spacer: 0.125rem; 3551 --bs-dropdown-font-size: 1rem; 3552 --bs-dropdown-color: #f6f6f6; 3553 --bs-dropdown-bg: #2d2d2d; 3554 --bs-dropdown-border-color: var(--bs-border-color-translucent); 3555 --bs-dropdown-border-radius: var(--bs-border-radius); 3556 --bs-dropdown-border-width: var(--bs-border-width); 3557 --bs-dropdown-inner-border-radius: calc( 3558 var(--bs-border-radius) - var(--bs-border-width) 3559 ); 3560 --bs-dropdown-divider-bg: var(--bs-border-color-translucent); 3561 --bs-dropdown-divider-margin-y: 0.5rem; 3562 --bs-dropdown-box-shadow: var(--bs-box-shadow); 3563 --bs-dropdown-link-color: #f6f6f6; 3564 --bs-dropdown-link-hover-color: #f6f6f6; 3565 --bs-dropdown-link-hover-bg: #484848; 3566 --bs-dropdown-link-active-color: #fff; 3567 --bs-dropdown-link-active-bg: #3bafff; 3568 --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); 3569 --bs-dropdown-item-padding-x: 1rem; 3570 --bs-dropdown-item-padding-y: 0.25rem; 3571 --bs-dropdown-header-color: #484848; 3572 --bs-dropdown-header-padding-x: 1rem; 3573 --bs-dropdown-header-padding-y: 0.5rem; 3574 background-clip: padding-box; 3575 background-color: var(--bs-dropdown-bg); 3576 border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 3577 border-radius: var(--bs-dropdown-border-radius); 3578 color: var(--bs-dropdown-color); 3579 display: none; 3580 font-size: var(--bs-dropdown-font-size); 3581 list-style: none; 3582 margin: 0; 3583 min-width: var(--bs-dropdown-min-width); 3584 padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); 3585 position: absolute; 3586 text-align: left; 3587 z-index: var(--bs-dropdown-zindex); 3588} 3589.dropdown-menu[data-bs-popper] { 3590 left: 0; 3591 margin-top: var(--bs-dropdown-spacer); 3592 top: 100%; 3593} 3594.dropdown-menu-start { 3595 --bs-position: start; 3596} 3597.dropdown-menu-start[data-bs-popper] { 3598 left: 0; 3599 right: auto; 3600} 3601.dropdown-menu-end { 3602 --bs-position: end; 3603} 3604.dropdown-menu-end[data-bs-popper] { 3605 left: auto; 3606 right: 0; 3607} 3608@media (min-width: 576px) { 3609 .dropdown-menu-sm-start { 3610 --bs-position: start; 3611 } 3612 .dropdown-menu-sm-start[data-bs-popper] { 3613 left: 0; 3614 right: auto; 3615 } 3616 .dropdown-menu-sm-end { 3617 --bs-position: end; 3618 } 3619 .dropdown-menu-sm-end[data-bs-popper] { 3620 left: auto; 3621 right: 0; 3622 } 3623} 3624@media (min-width: 768px) { 3625 .dropdown-menu-md-start { 3626 --bs-position: start; 3627 } 3628 .dropdown-menu-md-start[data-bs-popper] { 3629 left: 0; 3630 right: auto; 3631 } 3632 .dropdown-menu-md-end { 3633 --bs-position: end; 3634 } 3635 .dropdown-menu-md-end[data-bs-popper] { 3636 left: auto; 3637 right: 0; 3638 } 3639} 3640@media (min-width: 992px) { 3641 .dropdown-menu-lg-start { 3642 --bs-position: start; 3643 } 3644 .dropdown-menu-lg-start[data-bs-popper] { 3645 left: 0; 3646 right: auto; 3647 } 3648 .dropdown-menu-lg-end { 3649 --bs-position: end; 3650 } 3651 .dropdown-menu-lg-end[data-bs-popper] { 3652 left: auto; 3653 right: 0; 3654 } 3655} 3656@media (min-width: 1200px) { 3657 .dropdown-menu-xl-start { 3658 --bs-position: start; 3659 } 3660 .dropdown-menu-xl-start[data-bs-popper] { 3661 left: 0; 3662 right: auto; 3663 } 3664 .dropdown-menu-xl-end { 3665 --bs-position: end; 3666 } 3667 .dropdown-menu-xl-end[data-bs-popper] { 3668 left: auto; 3669 right: 0; 3670 } 3671} 3672@media (min-width: 1400px) { 3673 .dropdown-menu-xxl-start { 3674 --bs-position: start; 3675 } 3676 .dropdown-menu-xxl-start[data-bs-popper] { 3677 left: 0; 3678 right: auto; 3679 } 3680 .dropdown-menu-xxl-end { 3681 --bs-position: end; 3682 } 3683 .dropdown-menu-xxl-end[data-bs-popper] { 3684 left: auto; 3685 right: 0; 3686 } 3687} 3688.dropup .dropdown-menu[data-bs-popper] { 3689 bottom: 100%; 3690 margin-bottom: var(--bs-dropdown-spacer); 3691 margin-top: 0; 3692 top: auto; 3693} 3694.dropup .dropdown-toggle:after { 3695 border-bottom: 0.3em solid; 3696 border-left: 0.3em solid transparent; 3697 border-right: 0.3em solid transparent; 3698 border-top: 0; 3699 content: ""; 3700 display: inline-block; 3701 margin-left: 0.255em; 3702 vertical-align: 0.255em; 3703} 3704.dropup .dropdown-toggle:empty:after { 3705 margin-left: 0; 3706} 3707.dropend .dropdown-menu[data-bs-popper] { 3708 left: 100%; 3709 margin-left: var(--bs-dropdown-spacer); 3710 margin-top: 0; 3711 right: auto; 3712 top: 0; 3713} 3714.dropend .dropdown-toggle:after { 3715 border-bottom: 0.3em solid transparent; 3716 border-left: 0.3em solid; 3717 border-right: 0; 3718 border-top: 0.3em solid transparent; 3719 content: ""; 3720 display: inline-block; 3721 margin-left: 0.255em; 3722 vertical-align: 0.255em; 3723} 3724.dropend .dropdown-toggle:empty:after { 3725 margin-left: 0; 3726} 3727.dropend .dropdown-toggle:after { 3728 vertical-align: 0; 3729} 3730.dropstart .dropdown-menu[data-bs-popper] { 3731 left: auto; 3732 margin-right: var(--bs-dropdown-spacer); 3733 margin-top: 0; 3734 right: 100%; 3735 top: 0; 3736} 3737.dropstart .dropdown-toggle:after { 3738 content: ""; 3739 display: inline-block; 3740 display: none; 3741 margin-left: 0.255em; 3742 vertical-align: 0.255em; 3743} 3744.dropstart .dropdown-toggle:before { 3745 border-bottom: 0.3em solid transparent; 3746 border-right: 0.3em solid; 3747 border-top: 0.3em solid transparent; 3748 content: ""; 3749 display: inline-block; 3750 margin-right: 0.255em; 3751 vertical-align: 0.255em; 3752} 3753.dropstart .dropdown-toggle:empty:after { 3754 margin-left: 0; 3755} 3756.dropstart .dropdown-toggle:before { 3757 vertical-align: 0; 3758} 3759.dropdown-divider { 3760 border-top: 1px solid var(--bs-dropdown-divider-bg); 3761 height: 0; 3762 margin: var(--bs-dropdown-divider-margin-y) 0; 3763 opacity: 1; 3764 overflow: hidden; 3765} 3766.dropdown-item { 3767 background-color: transparent; 3768 border: 0; 3769 border-radius: var(--bs-dropdown-item-border-radius, 0); 3770 clear: both; 3771 color: var(--bs-dropdown-link-color); 3772 display: block; 3773 font-weight: 400; 3774 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); 3775 text-align: inherit; 3776 white-space: nowrap; 3777 width: 100%; 3778} 3779.dropdown-item:focus, 3780.dropdown-item:hover { 3781 background-color: var(--bs-dropdown-link-hover-bg); 3782 color: var(--bs-dropdown-link-hover-color); 3783} 3784.dropdown-item.active, 3785.dropdown-item:active { 3786 background-color: var(--bs-dropdown-link-active-bg); 3787 color: var(--bs-dropdown-link-active-color); 3788 text-decoration: none; 3789} 3790.dropdown-item.disabled, 3791.dropdown-item:disabled { 3792 background-color: transparent; 3793 color: var(--bs-dropdown-link-disabled-color); 3794 pointer-events: none; 3795} 3796.dropdown-menu.show { 3797 display: block; 3798} 3799.dropdown-header { 3800 color: var(--bs-dropdown-header-color); 3801 display: block; 3802 font-size: 0.875rem; 3803 margin-bottom: 0; 3804 padding: var(--bs-dropdown-header-padding-y) 3805 var(--bs-dropdown-header-padding-x); 3806 white-space: nowrap; 3807} 3808.dropdown-item-text { 3809 color: var(--bs-dropdown-link-color); 3810 display: block; 3811 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); 3812} 3813.dropdown-menu-dark { 3814 --bs-dropdown-color: #cacaca; 3815 --bs-dropdown-bg: #3c3c3c; 3816 --bs-dropdown-border-color: var(--bs-border-color-translucent); 3817 --bs-dropdown-box-shadow: ; 3818 --bs-dropdown-link-color: #cacaca; 3819 --bs-dropdown-link-hover-color: #fff; 3820 --bs-dropdown-divider-bg: var(--bs-border-color-translucent); 3821 --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15); 3822 --bs-dropdown-link-active-color: #fff; 3823 --bs-dropdown-link-active-bg: #3bafff; 3824 --bs-dropdown-link-disabled-color: #757575; 3825 --bs-dropdown-header-color: #757575; 3826} 3827.btn-group, 3828.btn-group-vertical { 3829 display: inline-flex; 3830 position: relative; 3831 vertical-align: middle; 3832} 3833.btn-group-vertical > .btn, 3834.btn-group > .btn { 3835 flex: 1 1 auto; 3836 position: relative; 3837} 3838.btn-group-vertical > .btn-check:checked + .btn, 3839.btn-group-vertical > .btn-check:focus + .btn, 3840.btn-group-vertical > .btn.active, 3841.btn-group-vertical > .btn:active, 3842.btn-group-vertical > .btn:focus, 3843.btn-group-vertical > .btn:hover, 3844.btn-group > .btn-check:checked + .btn, 3845.btn-group > .btn-check:focus + .btn, 3846.btn-group > .btn.active, 3847.btn-group > .btn:active, 3848.btn-group > .btn:focus, 3849.btn-group > .btn:hover { 3850 z-index: 1; 3851} 3852.btn-toolbar { 3853 display: flex; 3854 flex-wrap: wrap; 3855 justify-content: flex-start; 3856} 3857.btn-toolbar .input-group { 3858 width: auto; 3859} 3860.btn-group { 3861 border-radius: 8px; 3862} 3863.btn-group > .btn-group:not(:first-child), 3864.btn-group > :not(.btn-check:first-child) + .btn { 3865 margin-left: -2px; 3866} 3867.btn-group > .btn-group:not(:last-child) > .btn, 3868.btn-group > .btn.dropdown-toggle-split:first-child, 3869.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { 3870 border-bottom-right-radius: 0; 3871 border-top-right-radius: 0; 3872} 3873.btn-group > .btn-group:not(:first-child) > .btn, 3874.btn-group > .btn:nth-child(n+3), 3875.btn-group > :not(.btn-check) + .btn { 3876 border-bottom-left-radius: 0; 3877 border-top-left-radius: 0; 3878} 3879.dropdown-toggle-split { 3880 padding-left: 0.5625rem; 3881 padding-right: 0.5625rem; 3882} 3883.dropdown-toggle-split:after, 3884.dropend .dropdown-toggle-split:after, 3885.dropup .dropdown-toggle-split:after { 3886 margin-left: 0; 3887} 3888.dropstart .dropdown-toggle-split:before { 3889 margin-right: 0; 3890} 3891.btn-group-sm > .btn + .dropdown-toggle-split, 3892.btn-sm + .dropdown-toggle-split { 3893 padding-left: 0.375rem; 3894 padding-right: 0.375rem; 3895} 3896.btn-group-lg > .btn + .dropdown-toggle-split, 3897.btn-lg + .dropdown-toggle-split { 3898 padding-left: 0.75rem; 3899 padding-right: 0.75rem; 3900} 3901.btn-group-vertical { 3902 align-items: flex-start; 3903 flex-direction: column; 3904 justify-content: center; 3905} 3906.btn-group-vertical > .btn, 3907.btn-group-vertical > .btn-group { 3908 width: 100%; 3909} 3910.btn-group-vertical > .btn-group:not(:first-child), 3911.btn-group-vertical > .btn:not(:first-child) { 3912 margin-top: -2px; 3913} 3914.btn-group-vertical > .btn-group:not(:last-child) > .btn, 3915.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { 3916 border-bottom-left-radius: 0; 3917 border-bottom-right-radius: 0; 3918} 3919.btn-group-vertical > .btn-group:not(:first-child) > .btn, 3920.btn-group-vertical > .btn ~ .btn { 3921 border-top-left-radius: 0; 3922 border-top-right-radius: 0; 3923} 3924.nav { 3925 --bs-nav-link-padding-x: 1rem; 3926 --bs-nav-link-padding-y: 0.5rem; 3927 --bs-nav-link-font-weight: ; 3928 --bs-nav-link-color: #f6f6f6; 3929 --bs-nav-link-hover-color: var(--bs-link-hover-color); 3930 --bs-nav-link-disabled-color: var(--bs-secondary-color); 3931 display: flex; 3932 flex-wrap: wrap; 3933 list-style: none; 3934 margin-bottom: 0; 3935 padding-left: 0; 3936} 3937.nav-link { 3938 background: none; 3939 border: 0; 3940 color: var(--bs-nav-link-color); 3941 display: block; 3942 font-size: var(--bs-nav-link-font-size); 3943 font-weight: var(--bs-nav-link-font-weight); 3944 padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); 3945 transition: 3946 color 0.15s ease-in-out, 3947 background-color 0.15s ease-in-out, 3948 border-color 0.15s ease-in-out; 3949} 3950@media (prefers-reduced-motion: reduce) { 3951 .nav-link { 3952 transition: none; 3953 } 3954} 3955.nav-link:focus, 3956.nav-link:hover { 3957 color: var(--bs-nav-link-hover-color); 3958} 3959.nav-link:focus-visible { 3960 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 3961 outline: 0; 3962} 3963.nav-link.disabled, 3964.nav-link:disabled { 3965 color: var(--bs-nav-link-disabled-color); 3966 cursor: default; 3967 pointer-events: none; 3968} 3969.nav-tabs { 3970 --bs-nav-tabs-border-width: var(--bs-border-width); 3971 --bs-nav-tabs-border-color: var(--bs-border-color); 3972 --bs-nav-tabs-border-radius: var(--bs-border-radius); 3973 --bs-nav-tabs-link-hover-border-color: rgba(0, 0, 0, 0.125); 3974 --bs-nav-tabs-link-active-color: #3bafff; 3975 --bs-nav-tabs-link-active-bg: var(--bs-body-bg); 3976 --bs-nav-tabs-link-active-border-color: rgba(0, 0, 0, 0.125); 3977 border-bottom: var(--bs-nav-tabs-border-width) solid 3978 var(--bs-nav-tabs-border-color); 3979} 3980.nav-tabs .nav-link { 3981 border: var(--bs-nav-tabs-border-width) solid transparent; 3982 border-top-left-radius: var(--bs-nav-tabs-border-radius); 3983 border-top-right-radius: var(--bs-nav-tabs-border-radius); 3984 margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); 3985} 3986.nav-tabs .nav-link:focus, 3987.nav-tabs .nav-link:hover { 3988 border-color: var(--bs-nav-tabs-link-hover-border-color); 3989 isolation: isolate; 3990} 3991.nav-tabs .nav-item.show .nav-link, 3992.nav-tabs .nav-link.active { 3993 background-color: var(--bs-nav-tabs-link-active-bg); 3994 border-color: var(--bs-nav-tabs-link-active-border-color); 3995 color: var(--bs-nav-tabs-link-active-color); 3996} 3997.nav-tabs .dropdown-menu { 3998 border-top-left-radius: 0; 3999 border-top-right-radius: 0; 4000 margin-top: calc(var(--bs-nav-tabs-border-width) * -1); 4001} 4002.nav-pills { 4003 --bs-nav-pills-border-radius: 8px; 4004 --bs-nav-pills-link-active-color: #fff; 4005 --bs-nav-pills-link-active-bg: #3bafff; 4006} 4007.nav-pills .nav-link { 4008 border-radius: var(--bs-nav-pills-border-radius); 4009} 4010.nav-pills .nav-link.active, 4011.nav-pills .show > .nav-link { 4012 background-color: var(--bs-nav-pills-link-active-bg); 4013 color: var(--bs-nav-pills-link-active-color); 4014} 4015.nav-underline { 4016 --bs-nav-underline-gap: 1rem; 4017 --bs-nav-underline-border-width: 0.125rem; 4018 --bs-nav-underline-link-active-color: var(--bs-emphasis-color); 4019 gap: var(--bs-nav-underline-gap); 4020} 4021.nav-underline .nav-link { 4022 border-bottom: var(--bs-nav-underline-border-width) solid transparent; 4023 padding-left: 0; 4024 padding-right: 0; 4025} 4026.nav-underline .nav-link:focus, 4027.nav-underline .nav-link:hover { 4028 border-bottom-color: currentcolor; 4029} 4030.nav-underline .nav-link.active, 4031.nav-underline .show > .nav-link { 4032 border-bottom-color: currentcolor; 4033 color: var(--bs-nav-underline-link-active-color); 4034 font-weight: 700; 4035} 4036.nav-fill .nav-item, 4037.nav-fill > .nav-link { 4038 flex: 1 1 auto; 4039 text-align: center; 4040} 4041.nav-justified .nav-item, 4042.nav-justified > .nav-link { 4043 flex-basis: 0; 4044 flex-grow: 1; 4045 text-align: center; 4046} 4047.nav-fill .nav-item .nav-link, 4048.nav-justified .nav-item .nav-link { 4049 width: 100%; 4050} 4051.tab-content > .tab-pane { 4052 display: none; 4053} 4054.tab-content > .active { 4055 display: block; 4056} 4057.navbar { 4058 --bs-navbar-padding-x: 0; 4059 --bs-navbar-padding-y: 0.5rem; 4060 --bs-navbar-color: hsla(0, 0%, 100%, 0.85); 4061 --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.7); 4062 --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25); 4063 --bs-navbar-active-color: hsla(0, 0%, 100%, 0.9); 4064 --bs-navbar-brand-padding-y: 0.3125rem; 4065 --bs-navbar-brand-margin-end: 1rem; 4066 --bs-navbar-brand-font-size: 1.25rem; 4067 --bs-navbar-brand-color: hsla(0, 0%, 100%, 0.9); 4068 --bs-navbar-brand-hover-color: hsla(0, 0%, 100%, 0.9); 4069 --bs-navbar-nav-link-padding-x: 0.5rem; 4070 --bs-navbar-toggler-padding-y: 0.25rem; 4071 --bs-navbar-toggler-padding-x: 0.75rem; 4072 --bs-navbar-toggler-font-size: 1.25rem; 4073 --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 4074 --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1); 4075 --bs-navbar-toggler-border-radius: 8px; 4076 --bs-navbar-toggler-focus-width: 0.25rem; 4077 --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; 4078 align-items: center; 4079 display: flex; 4080 flex-wrap: wrap; 4081 justify-content: space-between; 4082 padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); 4083 position: relative; 4084} 4085.navbar > .container, 4086.navbar > .container-fluid, 4087.navbar > .container-lg, 4088.navbar > .container-md, 4089.navbar > .container-sm, 4090.navbar > .container-xl, 4091.navbar > .container-xxl { 4092 align-items: center; 4093 display: flex; 4094 flex-wrap: inherit; 4095 justify-content: space-between; 4096} 4097.navbar-brand { 4098 color: var(--bs-navbar-brand-color); 4099 font-size: var(--bs-navbar-brand-font-size); 4100 margin-right: var(--bs-navbar-brand-margin-end); 4101 padding-bottom: var(--bs-navbar-brand-padding-y); 4102 padding-top: var(--bs-navbar-brand-padding-y); 4103 white-space: nowrap; 4104} 4105.navbar-brand:focus, 4106.navbar-brand:hover { 4107 color: var(--bs-navbar-brand-hover-color); 4108} 4109.navbar-nav { 4110 --bs-nav-link-padding-x: 0; 4111 --bs-nav-link-padding-y: 0.5rem; 4112 --bs-nav-link-font-weight: ; 4113 --bs-nav-link-color: var(--bs-navbar-color); 4114 --bs-nav-link-hover-color: var(--bs-navbar-hover-color); 4115 --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); 4116 display: flex; 4117 flex-direction: column; 4118 list-style: none; 4119 margin-bottom: 0; 4120 padding-left: 0; 4121} 4122.navbar-nav .nav-link.active, 4123.navbar-nav .nav-link.show { 4124 color: var(--bs-navbar-active-color); 4125} 4126.navbar-nav .dropdown-menu { 4127 position: static; 4128} 4129.navbar-text { 4130 color: var(--bs-navbar-color); 4131 padding-bottom: 0.5rem; 4132 padding-top: 0.5rem; 4133} 4134.navbar-text a, 4135.navbar-text a:focus, 4136.navbar-text a:hover { 4137 color: var(--bs-navbar-active-color); 4138} 4139.navbar-collapse { 4140 align-items: center; 4141 flex-basis: 100%; 4142 flex-grow: 1; 4143} 4144.navbar-toggler { 4145 background-color: transparent; 4146 border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); 4147 border-radius: var(--bs-navbar-toggler-border-radius); 4148 color: var(--bs-navbar-color); 4149 font-size: var(--bs-navbar-toggler-font-size); 4150 line-height: 1; 4151 padding: var(--bs-navbar-toggler-padding-y) 4152 var(--bs-navbar-toggler-padding-x); 4153 transition: var(--bs-navbar-toggler-transition); 4154} 4155@media (prefers-reduced-motion: reduce) { 4156 .navbar-toggler { 4157 transition: none; 4158 } 4159} 4160.navbar-toggler:hover { 4161 text-decoration: none; 4162} 4163.navbar-toggler:focus { 4164 box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); 4165 outline: 0; 4166 text-decoration: none; 4167} 4168.navbar-toggler-icon { 4169 background-image: var(--bs-navbar-toggler-icon-bg); 4170 background-position: 50%; 4171 background-repeat: no-repeat; 4172 background-size: 100%; 4173 display: inline-block; 4174 height: 1.5em; 4175 vertical-align: middle; 4176 width: 1.5em; 4177} 4178.navbar-nav-scroll { 4179 max-height: var(--bs-scroll-height, 75vh); 4180 overflow-y: auto; 4181} 4182@media (min-width: 576px) { 4183 .navbar-expand-sm { 4184 flex-wrap: nowrap; 4185 justify-content: flex-start; 4186 } 4187 .navbar-expand-sm .navbar-nav { 4188 flex-direction: row; 4189 } 4190 .navbar-expand-sm .navbar-nav .dropdown-menu { 4191 position: absolute; 4192 } 4193 .navbar-expand-sm .navbar-nav .nav-link { 4194 padding-left: var(--bs-navbar-nav-link-padding-x); 4195 padding-right: var(--bs-navbar-nav-link-padding-x); 4196 } 4197 .navbar-expand-sm .navbar-nav-scroll { 4198 overflow: visible; 4199 } 4200 .navbar-expand-sm .navbar-collapse { 4201 display: flex !important; 4202 flex-basis: auto; 4203 } 4204 .navbar-expand-sm .navbar-toggler { 4205 display: none; 4206 } 4207 .navbar-expand-sm .offcanvas { 4208 background-color: transparent !important; 4209 border: 0 !important; 4210 flex-grow: 1; 4211 height: auto !important; 4212 position: static; 4213 transform: none !important; 4214 transition: none; 4215 visibility: visible !important; 4216 width: auto !important; 4217 z-index: auto; 4218 } 4219 .navbar-expand-sm .offcanvas .offcanvas-header { 4220 display: none; 4221 } 4222 .navbar-expand-sm .offcanvas .offcanvas-body { 4223 display: flex; 4224 flex-grow: 0; 4225 overflow-y: visible; 4226 padding: 0; 4227 } 4228} 4229@media (min-width: 768px) { 4230 .navbar-expand-md { 4231 flex-wrap: nowrap; 4232 justify-content: flex-start; 4233 } 4234 .navbar-expand-md .navbar-nav { 4235 flex-direction: row; 4236 } 4237 .navbar-expand-md .navbar-nav .dropdown-menu { 4238 position: absolute; 4239 } 4240 .navbar-expand-md .navbar-nav .nav-link { 4241 padding-left: var(--bs-navbar-nav-link-padding-x); 4242 padding-right: var(--bs-navbar-nav-link-padding-x); 4243 } 4244 .navbar-expand-md .navbar-nav-scroll { 4245 overflow: visible; 4246 } 4247 .navbar-expand-md .navbar-collapse { 4248 display: flex !important; 4249 flex-basis: auto; 4250 } 4251 .navbar-expand-md .navbar-toggler { 4252 display: none; 4253 } 4254 .navbar-expand-md .offcanvas { 4255 background-color: transparent !important; 4256 border: 0 !important; 4257 flex-grow: 1; 4258 height: auto !important; 4259 position: static; 4260 transform: none !important; 4261 transition: none; 4262 visibility: visible !important; 4263 width: auto !important; 4264 z-index: auto; 4265 } 4266 .navbar-expand-md .offcanvas .offcanvas-header { 4267 display: none; 4268 } 4269 .navbar-expand-md .offcanvas .offcanvas-body { 4270 display: flex; 4271 flex-grow: 0; 4272 overflow-y: visible; 4273 padding: 0; 4274 } 4275} 4276@media (min-width: 992px) { 4277 .navbar-expand-lg { 4278 flex-wrap: nowrap; 4279 justify-content: flex-start; 4280 } 4281 .navbar-expand-lg .navbar-nav { 4282 flex-direction: row; 4283 } 4284 .navbar-expand-lg .navbar-nav .dropdown-menu { 4285 position: absolute; 4286 } 4287 .navbar-expand-lg .navbar-nav .nav-link { 4288 padding-left: var(--bs-navbar-nav-link-padding-x); 4289 padding-right: var(--bs-navbar-nav-link-padding-x); 4290 } 4291 .navbar-expand-lg .navbar-nav-scroll { 4292 overflow: visible; 4293 } 4294 .navbar-expand-lg .navbar-collapse { 4295 display: flex !important; 4296 flex-basis: auto; 4297 } 4298 .navbar-expand-lg .navbar-toggler { 4299 display: none; 4300 } 4301 .navbar-expand-lg .offcanvas { 4302 background-color: transparent !important; 4303 border: 0 !important; 4304 flex-grow: 1; 4305 height: auto !important; 4306 position: static; 4307 transform: none !important; 4308 transition: none; 4309 visibility: visible !important; 4310 width: auto !important; 4311 z-index: auto; 4312 } 4313 .navbar-expand-lg .offcanvas .offcanvas-header { 4314 display: none; 4315 } 4316 .navbar-expand-lg .offcanvas .offcanvas-body { 4317 display: flex; 4318 flex-grow: 0; 4319 overflow-y: visible; 4320 padding: 0; 4321 } 4322} 4323@media (min-width: 1200px) { 4324 .navbar-expand-xl { 4325 flex-wrap: nowrap; 4326 justify-content: flex-start; 4327 } 4328 .navbar-expand-xl .navbar-nav { 4329 flex-direction: row; 4330 } 4331 .navbar-expand-xl .navbar-nav .dropdown-menu { 4332 position: absolute; 4333 } 4334 .navbar-expand-xl .navbar-nav .nav-link { 4335 padding-left: var(--bs-navbar-nav-link-padding-x); 4336 padding-right: var(--bs-navbar-nav-link-padding-x); 4337 } 4338 .navbar-expand-xl .navbar-nav-scroll { 4339 overflow: visible; 4340 } 4341 .navbar-expand-xl .navbar-collapse { 4342 display: flex !important; 4343 flex-basis: auto; 4344 } 4345 .navbar-expand-xl .navbar-toggler { 4346 display: none; 4347 } 4348 .navbar-expand-xl .offcanvas { 4349 background-color: transparent !important; 4350 border: 0 !important; 4351 flex-grow: 1; 4352 height: auto !important; 4353 position: static; 4354 transform: none !important; 4355 transition: none; 4356 visibility: visible !important; 4357 width: auto !important; 4358 z-index: auto; 4359 } 4360 .navbar-expand-xl .offcanvas .offcanvas-header { 4361 display: none; 4362 } 4363 .navbar-expand-xl .offcanvas .offcanvas-body { 4364 display: flex; 4365 flex-grow: 0; 4366 overflow-y: visible; 4367 padding: 0; 4368 } 4369} 4370@media (min-width: 1400px) { 4371 .navbar-expand-xxl { 4372 flex-wrap: nowrap; 4373 justify-content: flex-start; 4374 } 4375 .navbar-expand-xxl .navbar-nav { 4376 flex-direction: row; 4377 } 4378 .navbar-expand-xxl .navbar-nav .dropdown-menu { 4379 position: absolute; 4380 } 4381 .navbar-expand-xxl .navbar-nav .nav-link { 4382 padding-left: var(--bs-navbar-nav-link-padding-x); 4383 padding-right: var(--bs-navbar-nav-link-padding-x); 4384 } 4385 .navbar-expand-xxl .navbar-nav-scroll { 4386 overflow: visible; 4387 } 4388 .navbar-expand-xxl .navbar-collapse { 4389 display: flex !important; 4390 flex-basis: auto; 4391 } 4392 .navbar-expand-xxl .navbar-toggler { 4393 display: none; 4394 } 4395 .navbar-expand-xxl .offcanvas { 4396 background-color: transparent !important; 4397 border: 0 !important; 4398 flex-grow: 1; 4399 height: auto !important; 4400 position: static; 4401 transform: none !important; 4402 transition: none; 4403 visibility: visible !important; 4404 width: auto !important; 4405 z-index: auto; 4406 } 4407 .navbar-expand-xxl .offcanvas .offcanvas-header { 4408 display: none; 4409 } 4410 .navbar-expand-xxl .offcanvas .offcanvas-body { 4411 display: flex; 4412 flex-grow: 0; 4413 overflow-y: visible; 4414 padding: 0; 4415 } 4416} 4417.navbar-expand { 4418 flex-wrap: nowrap; 4419 justify-content: flex-start; 4420} 4421.navbar-expand .navbar-nav { 4422 flex-direction: row; 4423} 4424.navbar-expand .navbar-nav .dropdown-menu { 4425 position: absolute; 4426} 4427.navbar-expand .navbar-nav .nav-link { 4428 padding-left: var(--bs-navbar-nav-link-padding-x); 4429 padding-right: var(--bs-navbar-nav-link-padding-x); 4430} 4431.navbar-expand .navbar-nav-scroll { 4432 overflow: visible; 4433} 4434.navbar-expand .navbar-collapse { 4435 display: flex !important; 4436 flex-basis: auto; 4437} 4438.navbar-expand .navbar-toggler { 4439 display: none; 4440} 4441.navbar-expand .offcanvas { 4442 background-color: transparent !important; 4443 border: 0 !important; 4444 flex-grow: 1; 4445 height: auto !important; 4446 position: static; 4447 transform: none !important; 4448 transition: none; 4449 visibility: visible !important; 4450 width: auto !important; 4451 z-index: auto; 4452} 4453.navbar-expand .offcanvas .offcanvas-header { 4454 display: none; 4455} 4456.navbar-expand .offcanvas .offcanvas-body { 4457 display: flex; 4458 flex-grow: 0; 4459 overflow-y: visible; 4460 padding: 0; 4461} 4462.navbar-dark, 4463.navbar[data-bs-theme="dark"] { 4464 --bs-navbar-color: hsla(0, 0%, 100%, 0.55); 4465 --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75); 4466 --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25); 4467 --bs-navbar-active-color: #fff; 4468 --bs-navbar-brand-color: #fff; 4469 --bs-navbar-brand-hover-color: #fff; 4470 --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1); 4471} 4472.navbar-dark, 4473.navbar[data-bs-theme="dark"], 4474[data-bs-theme="dark"] .navbar-toggler-icon { 4475 --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); 4476} 4477.card { 4478 --bs-card-spacer-y: 1rem; 4479 --bs-card-spacer-x: 1rem; 4480 --bs-card-title-spacer-y: 0.5rem; 4481 --bs-card-title-color: ; 4482 --bs-card-subtitle-color: ; 4483 --bs-card-border-width: 1px; 4484 --bs-card-border-color: #484848; 4485 --bs-card-border-radius: 15px; 4486 --bs-card-box-shadow: ; 4487 --bs-card-inner-border-radius: 14px; 4488 --bs-card-cap-padding-y: 0.5rem; 4489 --bs-card-cap-padding-x: 1rem; 4490 --bs-card-cap-bg: #1a1a1a; 4491 --bs-card-cap-color: ; 4492 --bs-card-height: ; 4493 --bs-card-color: ; 4494 --bs-card-bg: #262626; 4495 --bs-card-img-overlay-padding: 1rem; 4496 --bs-card-group-margin: 0.75rem; 4497 color: var(--bs-body-color); 4498 display: flex; 4499 flex-direction: column; 4500 height: var(--bs-card-height); 4501 min-width: 0; 4502 position: relative; 4503 word-wrap: break-word; 4504 background-clip: border-box; 4505 background-color: var(--bs-card-bg); 4506 border: var(--bs-card-border-width) solid var(--bs-card-border-color); 4507 border-radius: var(--bs-card-border-radius); 4508} 4509.card > hr { 4510 margin-left: 0; 4511 margin-right: 0; 4512} 4513.card > .list-group { 4514 border-bottom: inherit; 4515 border-top: inherit; 4516} 4517.card > .list-group:first-child { 4518 border-top-left-radius: var(--bs-card-inner-border-radius); 4519 border-top-right-radius: var(--bs-card-inner-border-radius); 4520 border-top-width: 0; 4521} 4522.card > .list-group:last-child { 4523 border-bottom-left-radius: var(--bs-card-inner-border-radius); 4524 border-bottom-right-radius: var(--bs-card-inner-border-radius); 4525 border-bottom-width: 0; 4526} 4527.card > .card-header + .list-group, 4528.card > .list-group + .card-footer { 4529 border-top: 0; 4530} 4531.card-body { 4532 color: var(--bs-card-color); 4533 flex: 1 1 auto; 4534 padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); 4535} 4536.card-title { 4537 color: var(--bs-card-title-color); 4538 margin-bottom: var(--bs-card-title-spacer-y); 4539} 4540.card-subtitle { 4541 color: var(--bs-card-subtitle-color); 4542 margin-top: calc(var(--bs-card-title-spacer-y) * -0.5); 4543} 4544.card-subtitle, 4545.card-text:last-child { 4546 margin-bottom: 0; 4547} 4548.card-link + .card-link { 4549 margin-left: var(--bs-card-spacer-x); 4550} 4551.card-header { 4552 background-color: var(--bs-card-cap-bg); 4553 border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); 4554 color: var(--bs-card-cap-color); 4555 margin-bottom: 0; 4556 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); 4557} 4558.card-header:first-child { 4559 border-radius: var(--bs-card-inner-border-radius) 4560 var(--bs-card-inner-border-radius) 0 0; 4561} 4562.card-footer { 4563 background-color: var(--bs-card-cap-bg); 4564 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); 4565 color: var(--bs-card-cap-color); 4566 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); 4567} 4568.card-footer:last-child { 4569 border-radius: 0 0 var(--bs-card-inner-border-radius) 4570 var(--bs-card-inner-border-radius); 4571} 4572.card-header-tabs { 4573 border-bottom: 0; 4574 margin-bottom: calc(var(--bs-card-cap-padding-y) * -1); 4575 margin-left: calc(var(--bs-card-cap-padding-x) * -0.5); 4576 margin-right: calc(var(--bs-card-cap-padding-x) * -0.5); 4577} 4578.card-header-tabs .nav-link.active { 4579 background-color: var(--bs-card-bg); 4580 border-bottom-color: var(--bs-card-bg); 4581} 4582.card-header-pills { 4583 margin-left: calc(var(--bs-card-cap-padding-x) * -0.5); 4584 margin-right: calc(var(--bs-card-cap-padding-x) * -0.5); 4585} 4586.card-img-overlay { 4587 border-radius: var(--bs-card-inner-border-radius); 4588 bottom: 0; 4589 left: 0; 4590 padding: var(--bs-card-img-overlay-padding); 4591 position: absolute; 4592 right: 0; 4593 top: 0; 4594} 4595.card-img, 4596.card-img-bottom, 4597.card-img-top { 4598 width: 100%; 4599} 4600.card-img, 4601.card-img-top { 4602 border-top-left-radius: var(--bs-card-inner-border-radius); 4603 border-top-right-radius: var(--bs-card-inner-border-radius); 4604} 4605.card-img, 4606.card-img-bottom { 4607 border-bottom-left-radius: var(--bs-card-inner-border-radius); 4608 border-bottom-right-radius: var(--bs-card-inner-border-radius); 4609} 4610.card-group > .card { 4611 margin-bottom: var(--bs-card-group-margin); 4612} 4613@media (min-width: 576px) { 4614 .card-group { 4615 display: flex; 4616 flex-flow: row wrap; 4617 } 4618 .card-group > .card { 4619 flex: 1 0 0%; 4620 margin-bottom: 0; 4621 } 4622 .card-group > .card + .card { 4623 border-left: 0; 4624 margin-left: 0; 4625 } 4626 .card-group > .card:not(:last-child) { 4627 border-bottom-right-radius: 0; 4628 border-top-right-radius: 0; 4629 } 4630 .card-group > .card:not(:last-child) .card-header, 4631 .card-group > .card:not(:last-child) .card-img-top { 4632 border-top-right-radius: 0; 4633 } 4634 .card-group > .card:not(:last-child) .card-footer, 4635 .card-group > .card:not(:last-child) .card-img-bottom { 4636 border-bottom-right-radius: 0; 4637 } 4638 .card-group > .card:not(:first-child) { 4639 border-bottom-left-radius: 0; 4640 border-top-left-radius: 0; 4641 } 4642 .card-group > .card:not(:first-child) .card-header, 4643 .card-group > .card:not(:first-child) .card-img-top { 4644 border-top-left-radius: 0; 4645 } 4646 .card-group > .card:not(:first-child) .card-footer, 4647 .card-group > .card:not(:first-child) .card-img-bottom { 4648 border-bottom-left-radius: 0; 4649 } 4650} 4651.accordion { 4652 --bs-accordion-color: var(--bs-body-color); 4653 --bs-accordion-bg: var(--bs-body-bg); 4654 --bs-accordion-transition: 4655 color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 4656 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; 4657 --bs-accordion-border-color: var(--bs-border-color); 4658 --bs-accordion-border-width: var(--bs-border-width); 4659 --bs-accordion-border-radius: var(--bs-border-radius); 4660 --bs-accordion-inner-border-radius: calc( 4661 var(--bs-border-radius) - var(--bs-border-width) 4662 ); 4663 --bs-accordion-btn-padding-x: 1.25rem; 4664 --bs-accordion-btn-padding-y: 1rem; 4665 --bs-accordion-btn-color: var(--bs-body-color); 4666 --bs-accordion-btn-bg: var(--bs-accordion-bg); 4667 --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); 4668 --bs-accordion-btn-icon-width: 1.25rem; 4669 --bs-accordion-btn-icon-transform: rotate(-180deg); 4670 --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; 4671 --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23184666' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); 4672 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 4673 --bs-accordion-body-padding-x: 1.25rem; 4674 --bs-accordion-body-padding-y: 1rem; 4675 --bs-accordion-active-color: var(--bs-primary-text-emphasis); 4676 --bs-accordion-active-bg: var(--bs-primary-bg-subtle); 4677} 4678.accordion-button { 4679 align-items: center; 4680 background-color: var(--bs-accordion-btn-bg); 4681 border: 0; 4682 border-radius: 0; 4683 color: var(--bs-accordion-btn-color); 4684 display: flex; 4685 font-size: 1rem; 4686 overflow-anchor: none; 4687 padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); 4688 position: relative; 4689 text-align: left; 4690 transition: var(--bs-accordion-transition); 4691 width: 100%; 4692} 4693@media (prefers-reduced-motion: reduce) { 4694 .accordion-button { 4695 transition: none; 4696 } 4697} 4698.accordion-button:not(.collapsed) { 4699 background-color: var(--bs-accordion-active-bg); 4700 box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 4701 var(--bs-accordion-border-color); 4702 color: var(--bs-accordion-active-color); 4703} 4704.accordion-button:not(.collapsed):after { 4705 background-image: var(--bs-accordion-btn-active-icon); 4706 transform: var(--bs-accordion-btn-icon-transform); 4707} 4708.accordion-button:after { 4709 background-image: var(--bs-accordion-btn-icon); 4710 background-repeat: no-repeat; 4711 background-size: var(--bs-accordion-btn-icon-width); 4712 content: ""; 4713 flex-shrink: 0; 4714 height: var(--bs-accordion-btn-icon-width); 4715 margin-left: auto; 4716 transition: var(--bs-accordion-btn-icon-transition); 4717 width: var(--bs-accordion-btn-icon-width); 4718} 4719@media (prefers-reduced-motion: reduce) { 4720 .accordion-button:after { 4721 transition: none; 4722 } 4723} 4724.accordion-button:hover { 4725 z-index: 2; 4726} 4727.accordion-button:focus { 4728 box-shadow: var(--bs-accordion-btn-focus-box-shadow); 4729 outline: 0; 4730 z-index: 3; 4731} 4732.accordion-header { 4733 margin-bottom: 0; 4734} 4735.accordion-item { 4736 background-color: var(--bs-accordion-bg); 4737 border: var(--bs-accordion-border-width) solid 4738 var(--bs-accordion-border-color); 4739 color: var(--bs-accordion-color); 4740} 4741.accordion-item:first-of-type { 4742 border-top-left-radius: var(--bs-accordion-border-radius); 4743 border-top-right-radius: var(--bs-accordion-border-radius); 4744} 4745.accordion-item:first-of-type > .accordion-header .accordion-button { 4746 border-top-left-radius: var(--bs-accordion-inner-border-radius); 4747 border-top-right-radius: var(--bs-accordion-inner-border-radius); 4748} 4749.accordion-item:not(:first-of-type) { 4750 border-top: 0; 4751} 4752.accordion-item:last-of-type { 4753 border-bottom-left-radius: var(--bs-accordion-border-radius); 4754 border-bottom-right-radius: var(--bs-accordion-border-radius); 4755} 4756.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { 4757 border-bottom-left-radius: var(--bs-accordion-inner-border-radius); 4758 border-bottom-right-radius: var(--bs-accordion-inner-border-radius); 4759} 4760.accordion-item:last-of-type > .accordion-collapse { 4761 border-bottom-left-radius: var(--bs-accordion-border-radius); 4762 border-bottom-right-radius: var(--bs-accordion-border-radius); 4763} 4764.accordion-body { 4765 padding: var(--bs-accordion-body-padding-y) 4766 var(--bs-accordion-body-padding-x); 4767} 4768.accordion-flush > .accordion-item { 4769 border-left: 0; 4770 border-radius: 0; 4771 border-right: 0; 4772} 4773.accordion-flush > .accordion-item:first-child { 4774 border-top: 0; 4775} 4776.accordion-flush > .accordion-item:last-child { 4777 border-bottom: 0; 4778} 4779.accordion-flush > .accordion-item > .accordion-collapse, 4780.accordion-flush > .accordion-item > .accordion-header .accordion-button, 4781.accordion-flush 4782 > .accordion-item 4783 > .accordion-header 4784 .accordion-button.collapsed { 4785 border-radius: 0; 4786} 4787[data-bs-theme="dark"] .accordion-button:after { 4788 --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2389cfff' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E"); 4789 --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2389cfff' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E"); 4790} 4791.breadcrumb { 4792 --bs-breadcrumb-padding-x: 0; 4793 --bs-breadcrumb-padding-y: 0; 4794 --bs-breadcrumb-margin-bottom: 1rem; 4795 --bs-breadcrumb-bg: ; 4796 --bs-breadcrumb-border-radius: ; 4797 --bs-breadcrumb-divider-color: var(--bs-secondary-color); 4798 --bs-breadcrumb-item-padding-x: 0.5rem; 4799 --bs-breadcrumb-item-active-color: var(--bs-secondary-color); 4800 background-color: var(--bs-breadcrumb-bg); 4801 border-radius: var(--bs-breadcrumb-border-radius); 4802 display: flex; 4803 flex-wrap: wrap; 4804 font-size: var(--bs-breadcrumb-font-size); 4805 list-style: none; 4806 margin-bottom: var(--bs-breadcrumb-margin-bottom); 4807 padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); 4808} 4809.breadcrumb-item + .breadcrumb-item { 4810 padding-left: var(--bs-breadcrumb-item-padding-x); 4811} 4812.breadcrumb-item + .breadcrumb-item:before { 4813 color: var(--bs-breadcrumb-divider-color); 4814 content: var(--bs-breadcrumb-divider, "/"); 4815 float: left; 4816 padding-right: var(--bs-breadcrumb-item-padding-x); 4817} 4818.breadcrumb-item.active { 4819 color: var(--bs-breadcrumb-item-active-color); 4820} 4821.pagination { 4822 --bs-pagination-padding-x: 0.75rem; 4823 --bs-pagination-padding-y: 0.375rem; 4824 --bs-pagination-font-size: 1rem; 4825 --bs-pagination-color: #f6f6f6; 4826 --bs-pagination-bg: #2d2d2d; 4827 --bs-pagination-border-width: var(--bs-border-width); 4828 --bs-pagination-border-color: #484848; 4829 --bs-pagination-border-radius: var(--bs-border-radius); 4830 --bs-pagination-hover-color: #f6f6f6; 4831 --bs-pagination-hover-bg: #3c3c3c; 4832 --bs-pagination-hover-border-color: #757575; 4833 --bs-pagination-focus-color: #f6f6f6; 4834 --bs-pagination-focus-bg: #484848; 4835 --bs-pagination-focus-box-shadow: none; 4836 --bs-pagination-active-color: #fff; 4837 --bs-pagination-active-bg: #3bafff; 4838 --bs-pagination-active-border-color: #3bafff; 4839 --bs-pagination-disabled-color: #f6f6f6; 4840 --bs-pagination-disabled-bg: #3c3c3c; 4841 --bs-pagination-disabled-border-color: #2d2d2d; 4842 display: flex; 4843 list-style: none; 4844 padding-left: 0; 4845} 4846.page-link { 4847 background-color: var(--bs-pagination-bg); 4848 border: var(--bs-pagination-border-width) solid 4849 var(--bs-pagination-border-color); 4850 color: var(--bs-pagination-color); 4851 display: block; 4852 font-size: var(--bs-pagination-font-size); 4853 padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); 4854 position: relative; 4855 transition: 4856 color 0.15s ease-in-out, 4857 background-color 0.15s ease-in-out, 4858 border-color 0.15s ease-in-out, 4859 box-shadow 0.15s ease-in-out; 4860} 4861@media (prefers-reduced-motion: reduce) { 4862 .page-link { 4863 transition: none; 4864 } 4865} 4866.page-link:hover { 4867 background-color: var(--bs-pagination-hover-bg); 4868 border-color: var(--bs-pagination-hover-border-color); 4869 color: var(--bs-pagination-hover-color); 4870 z-index: 2; 4871} 4872.page-link:focus { 4873 background-color: var(--bs-pagination-focus-bg); 4874 box-shadow: var(--bs-pagination-focus-box-shadow); 4875 color: var(--bs-pagination-focus-color); 4876 outline: 0; 4877 z-index: 3; 4878} 4879.active > .page-link, 4880.page-link.active { 4881 background-color: var(--bs-pagination-active-bg); 4882 border-color: var(--bs-pagination-active-border-color); 4883 color: var(--bs-pagination-active-color); 4884 z-index: 3; 4885} 4886.disabled > .page-link, 4887.page-link.disabled { 4888 background-color: var(--bs-pagination-disabled-bg); 4889 border-color: var(--bs-pagination-disabled-border-color); 4890 color: var(--bs-pagination-disabled-color); 4891 pointer-events: none; 4892} 4893.page-item:not(:first-child) .page-link { 4894 margin-left: calc(var(--bs-border-width) * -1); 4895} 4896.page-item:first-child .page-link { 4897 border-bottom-left-radius: var(--bs-pagination-border-radius); 4898 border-top-left-radius: var(--bs-pagination-border-radius); 4899} 4900.page-item:last-child .page-link { 4901 border-bottom-right-radius: var(--bs-pagination-border-radius); 4902 border-top-right-radius: var(--bs-pagination-border-radius); 4903} 4904.pagination-lg { 4905 --bs-pagination-padding-x: 1.5rem; 4906 --bs-pagination-padding-y: 0.75rem; 4907 --bs-pagination-font-size: 1.25rem; 4908 --bs-pagination-border-radius: var(--bs-border-radius-lg); 4909} 4910.pagination-sm { 4911 --bs-pagination-padding-x: 0.5rem; 4912 --bs-pagination-padding-y: 0.25rem; 4913 --bs-pagination-font-size: 0.875rem; 4914 --bs-pagination-border-radius: var(--bs-border-radius-sm); 4915} 4916.badge { 4917 --bs-badge-padding-x: 0.65em; 4918 --bs-badge-padding-y: 0.35em; 4919 --bs-badge-font-size: 0.75em; 4920 --bs-badge-font-weight: 700; 4921 --bs-badge-color: #fff; 4922 --bs-badge-border-radius: var(--bs-border-radius); 4923 border-radius: var(--bs-badge-border-radius); 4924 color: var(--bs-badge-color); 4925 display: inline-block; 4926 font-size: var(--bs-badge-font-size); 4927 font-weight: var(--bs-badge-font-weight); 4928 line-height: 1; 4929 padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); 4930 text-align: center; 4931 vertical-align: baseline; 4932 white-space: nowrap; 4933} 4934.badge:empty { 4935 display: none; 4936} 4937.btn .badge { 4938 position: relative; 4939 top: -1px; 4940} 4941.alert { 4942 --bs-alert-bg: transparent; 4943 --bs-alert-padding-x: 1rem; 4944 --bs-alert-padding-y: 1rem; 4945 --bs-alert-margin-bottom: 1rem; 4946 --bs-alert-color: inherit; 4947 --bs-alert-border-color: transparent; 4948 --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); 4949 --bs-alert-border-radius: var(--bs-border-radius); 4950 --bs-alert-link-color: inherit; 4951 background-color: var(--bs-alert-bg); 4952 border: var(--bs-alert-border); 4953 border-radius: var(--bs-alert-border-radius); 4954 color: var(--bs-alert-color); 4955 margin-bottom: var(--bs-alert-margin-bottom); 4956 padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); 4957 position: relative; 4958} 4959.alert-heading { 4960 color: inherit; 4961} 4962.alert-link { 4963 color: var(--bs-alert-link-color); 4964 font-weight: 700; 4965} 4966.alert-dismissible { 4967 padding-right: 3rem; 4968} 4969.alert-dismissible .btn-close { 4970 padding: 1.25rem 1rem; 4971 position: absolute; 4972 right: 0; 4973 top: 0; 4974 z-index: 2; 4975} 4976.alert-primary { 4977 --bs-alert-color: var(--bs-primary-text-emphasis); 4978 --bs-alert-bg: var(--bs-primary-bg-subtle); 4979 --bs-alert-border-color: var(--bs-primary-border-subtle); 4980 --bs-alert-link-color: var(--bs-primary-text-emphasis); 4981} 4982.alert-secondary { 4983 --bs-alert-color: var(--bs-secondary-text-emphasis); 4984 --bs-alert-bg: var(--bs-secondary-bg-subtle); 4985 --bs-alert-border-color: var(--bs-secondary-border-subtle); 4986 --bs-alert-link-color: var(--bs-secondary-text-emphasis); 4987} 4988.alert-success { 4989 --bs-alert-color: var(--bs-success-text-emphasis); 4990 --bs-alert-bg: var(--bs-success-bg-subtle); 4991 --bs-alert-border-color: var(--bs-success-border-subtle); 4992 --bs-alert-link-color: var(--bs-success-text-emphasis); 4993} 4994.alert-info { 4995 --bs-alert-color: var(--bs-info-text-emphasis); 4996 --bs-alert-bg: var(--bs-info-bg-subtle); 4997 --bs-alert-border-color: var(--bs-info-border-subtle); 4998 --bs-alert-link-color: var(--bs-info-text-emphasis); 4999} 5000.alert-warning { 5001 --bs-alert-color: var(--bs-warning-text-emphasis); 5002 --bs-alert-bg: var(--bs-warning-bg-subtle); 5003 --bs-alert-border-color: var(--bs-warning-border-subtle); 5004 --bs-alert-link-color: var(--bs-warning-text-emphasis); 5005} 5006.alert-danger { 5007 --bs-alert-color: var(--bs-danger-text-emphasis); 5008 --bs-alert-bg: var(--bs-danger-bg-subtle); 5009 --bs-alert-border-color: var(--bs-danger-border-subtle); 5010 --bs-alert-link-color: var(--bs-danger-text-emphasis); 5011} 5012.alert-light { 5013 --bs-alert-color: var(--bs-light-text-emphasis); 5014 --bs-alert-bg: var(--bs-light-bg-subtle); 5015 --bs-alert-border-color: var(--bs-light-border-subtle); 5016 --bs-alert-link-color: var(--bs-light-text-emphasis); 5017} 5018.alert-dark { 5019 --bs-alert-color: var(--bs-dark-text-emphasis); 5020 --bs-alert-bg: var(--bs-dark-bg-subtle); 5021 --bs-alert-border-color: var(--bs-dark-border-subtle); 5022 --bs-alert-link-color: var(--bs-dark-text-emphasis); 5023} 5024@keyframes progress-bar-stripes { 5025 0% { 5026 background-position-x: 1rem; 5027 } 5028} 5029.progress, 5030.progress-stacked { 5031 --bs-progress-height: 1rem; 5032 --bs-progress-font-size: 0.75rem; 5033 --bs-progress-bg: var(--bs-secondary-bg); 5034 --bs-progress-border-radius: var(--bs-border-radius); 5035 --bs-progress-box-shadow: var(--bs-box-shadow-inset); 5036 --bs-progress-bar-color: #fff; 5037 --bs-progress-bar-bg: #3bafff; 5038 --bs-progress-bar-transition: width 0.6s ease; 5039 background-color: var(--bs-progress-bg); 5040 border-radius: var(--bs-progress-border-radius); 5041 display: flex; 5042 font-size: var(--bs-progress-font-size); 5043 height: var(--bs-progress-height); 5044 overflow: hidden; 5045} 5046.progress-bar { 5047 background-color: var(--bs-progress-bar-bg); 5048 color: var(--bs-progress-bar-color); 5049 display: flex; 5050 flex-direction: column; 5051 justify-content: center; 5052 overflow: hidden; 5053 text-align: center; 5054 transition: var(--bs-progress-bar-transition); 5055 white-space: nowrap; 5056} 5057@media (prefers-reduced-motion: reduce) { 5058 .progress-bar { 5059 transition: none; 5060 } 5061} 5062.progress-bar-striped { 5063 background-image: linear-gradient( 5064 45deg, 5065 hsla(0, 0%, 100%, 0.15) 25%, 5066 transparent 0, 5067 transparent 50%, 5068 hsla(0, 0%, 100%, 0.15) 0, 5069 hsla(0, 0%, 100%, 0.15) 75%, 5070 transparent 0, 5071 transparent 5072 ); 5073 background-size: var(--bs-progress-height) var(--bs-progress-height); 5074} 5075.progress-stacked > .progress { 5076 overflow: visible; 5077} 5078.progress-stacked > .progress > .progress-bar { 5079 width: 100%; 5080} 5081.progress-bar-animated { 5082 animation: progress-bar-stripes 1s linear infinite; 5083} 5084@media (prefers-reduced-motion: reduce) { 5085 .progress-bar-animated { 5086 animation: none; 5087 } 5088} 5089.list-group { 5090 --bs-list-group-color: #f6f6f6; 5091 --bs-list-group-bg: #2d2d2d; 5092 --bs-list-group-border-color: var(--bs-border-color); 5093 --bs-list-group-border-width: var(--bs-border-width); 5094 --bs-list-group-border-radius: var(--bs-border-radius); 5095 --bs-list-group-item-padding-x: 1rem; 5096 --bs-list-group-item-padding-y: 0.5rem; 5097 --bs-list-group-action-color: var(--bs-secondary-color); 5098 --bs-list-group-action-hover-color: #f6f6f6; 5099 --bs-list-group-action-hover-bg: #3c3c3c; 5100 --bs-list-group-action-active-color: #f6f6f6; 5101 --bs-list-group-action-active-bg: #2d2d2d; 5102 --bs-list-group-disabled-color: var(--bs-secondary-color); 5103 --bs-list-group-disabled-bg: #2d2d2d; 5104 --bs-list-group-active-color: #fff; 5105 --bs-list-group-active-bg: #3bafff; 5106 --bs-list-group-active-border-color: #3bafff; 5107 border-radius: var(--bs-list-group-border-radius); 5108 display: flex; 5109 flex-direction: column; 5110 margin-bottom: 0; 5111 padding-left: 0; 5112} 5113.list-group-numbered { 5114 counter-reset: section; 5115 list-style-type: none; 5116} 5117.list-group-numbered > .list-group-item:before { 5118 content: counters(section, ".") ". "; 5119 counter-increment: section; 5120} 5121.list-group-item-action { 5122 color: var(--bs-list-group-action-color); 5123 text-align: inherit; 5124 width: 100%; 5125} 5126.list-group-item-action:focus, 5127.list-group-item-action:hover { 5128 background-color: var(--bs-list-group-action-hover-bg); 5129 color: var(--bs-list-group-action-hover-color); 5130 text-decoration: none; 5131 z-index: 1; 5132} 5133.list-group-item-action:active { 5134 background-color: var(--bs-list-group-action-active-bg); 5135 color: var(--bs-list-group-action-active-color); 5136} 5137.list-group-item { 5138 background-color: var(--bs-list-group-bg); 5139 border: var(--bs-list-group-border-width) solid 5140 var(--bs-list-group-border-color); 5141 color: var(--bs-list-group-color); 5142 display: block; 5143 padding: var(--bs-list-group-item-padding-y) 5144 var(--bs-list-group-item-padding-x); 5145 position: relative; 5146} 5147.list-group-item:first-child { 5148 border-top-left-radius: inherit; 5149 border-top-right-radius: inherit; 5150} 5151.list-group-item:last-child { 5152 border-bottom-left-radius: inherit; 5153 border-bottom-right-radius: inherit; 5154} 5155.list-group-item.disabled, 5156.list-group-item:disabled { 5157 background-color: var(--bs-list-group-disabled-bg); 5158 color: var(--bs-list-group-disabled-color); 5159 pointer-events: none; 5160} 5161.list-group-item.active { 5162 background-color: var(--bs-list-group-active-bg); 5163 border-color: var(--bs-list-group-active-border-color); 5164 color: var(--bs-list-group-active-color); 5165 z-index: 2; 5166} 5167.list-group-item + .list-group-item { 5168 border-top-width: 0; 5169} 5170.list-group-item + .list-group-item.active { 5171 border-top-width: var(--bs-list-group-border-width); 5172 margin-top: calc(var(--bs-list-group-border-width) * -1); 5173} 5174.list-group-horizontal { 5175 flex-direction: row; 5176} 5177.list-group-horizontal > .list-group-item:first-child:not(:last-child) { 5178 border-bottom-left-radius: var(--bs-list-group-border-radius); 5179 border-top-right-radius: 0; 5180} 5181.list-group-horizontal > .list-group-item:last-child:not(:first-child) { 5182 border-bottom-left-radius: 0; 5183 border-top-right-radius: var(--bs-list-group-border-radius); 5184} 5185.list-group-horizontal > .list-group-item.active { 5186 margin-top: 0; 5187} 5188.list-group-horizontal > .list-group-item + .list-group-item { 5189 border-left-width: 0; 5190 border-top-width: var(--bs-list-group-border-width); 5191} 5192.list-group-horizontal > .list-group-item + .list-group-item.active { 5193 border-left-width: var(--bs-list-group-border-width); 5194 margin-left: calc(var(--bs-list-group-border-width) * -1); 5195} 5196@media (min-width: 576px) { 5197 .list-group-horizontal-sm { 5198 flex-direction: row; 5199 } 5200 .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { 5201 border-bottom-left-radius: var(--bs-list-group-border-radius); 5202 border-top-right-radius: 0; 5203 } 5204 .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { 5205 border-bottom-left-radius: 0; 5206 border-top-right-radius: var(--bs-list-group-border-radius); 5207 } 5208 .list-group-horizontal-sm > .list-group-item.active { 5209 margin-top: 0; 5210 } 5211 .list-group-horizontal-sm > .list-group-item + .list-group-item { 5212 border-left-width: 0; 5213 border-top-width: var(--bs-list-group-border-width); 5214 } 5215 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 5216 border-left-width: var(--bs-list-group-border-width); 5217 margin-left: calc(var(--bs-list-group-border-width) * -1); 5218 } 5219} 5220@media (min-width: 768px) { 5221 .list-group-horizontal-md { 5222 flex-direction: row; 5223 } 5224 .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { 5225 border-bottom-left-radius: var(--bs-list-group-border-radius); 5226 border-top-right-radius: 0; 5227 } 5228 .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { 5229 border-bottom-left-radius: 0; 5230 border-top-right-radius: var(--bs-list-group-border-radius); 5231 } 5232 .list-group-horizontal-md > .list-group-item.active { 5233 margin-top: 0; 5234 } 5235 .list-group-horizontal-md > .list-group-item + .list-group-item { 5236 border-left-width: 0; 5237 border-top-width: var(--bs-list-group-border-width); 5238 } 5239 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 5240 border-left-width: var(--bs-list-group-border-width); 5241 margin-left: calc(var(--bs-list-group-border-width) * -1); 5242 } 5243} 5244@media (min-width: 992px) { 5245 .list-group-horizontal-lg { 5246 flex-direction: row; 5247 } 5248 .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { 5249 border-bottom-left-radius: var(--bs-list-group-border-radius); 5250 border-top-right-radius: 0; 5251 } 5252 .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { 5253 border-bottom-left-radius: 0; 5254 border-top-right-radius: var(--bs-list-group-border-radius); 5255 } 5256 .list-group-horizontal-lg > .list-group-item.active { 5257 margin-top: 0; 5258 } 5259 .list-group-horizontal-lg > .list-group-item + .list-group-item { 5260 border-left-width: 0; 5261 border-top-width: var(--bs-list-group-border-width); 5262 } 5263 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 5264 border-left-width: var(--bs-list-group-border-width); 5265 margin-left: calc(var(--bs-list-group-border-width) * -1); 5266 } 5267} 5268@media (min-width: 1200px) { 5269 .list-group-horizontal-xl { 5270 flex-direction: row; 5271 } 5272 .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { 5273 border-bottom-left-radius: var(--bs-list-group-border-radius); 5274 border-top-right-radius: 0; 5275 } 5276 .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { 5277 border-bottom-left-radius: 0; 5278 border-top-right-radius: var(--bs-list-group-border-radius); 5279 } 5280 .list-group-horizontal-xl > .list-group-item.active { 5281 margin-top: 0; 5282 } 5283 .list-group-horizontal-xl > .list-group-item + .list-group-item { 5284 border-left-width: 0; 5285 border-top-width: var(--bs-list-group-border-width); 5286 } 5287 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 5288 border-left-width: var(--bs-list-group-border-width); 5289 margin-left: calc(var(--bs-list-group-border-width) * -1); 5290 } 5291} 5292@media (min-width: 1400px) { 5293 .list-group-horizontal-xxl { 5294 flex-direction: row; 5295 } 5296 .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { 5297 border-bottom-left-radius: var(--bs-list-group-border-radius); 5298 border-top-right-radius: 0; 5299 } 5300 .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { 5301 border-bottom-left-radius: 0; 5302 border-top-right-radius: var(--bs-list-group-border-radius); 5303 } 5304 .list-group-horizontal-xxl > .list-group-item.active { 5305 margin-top: 0; 5306 } 5307 .list-group-horizontal-xxl > .list-group-item + .list-group-item { 5308 border-left-width: 0; 5309 border-top-width: var(--bs-list-group-border-width); 5310 } 5311 .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { 5312 border-left-width: var(--bs-list-group-border-width); 5313 margin-left: calc(var(--bs-list-group-border-width) * -1); 5314 } 5315} 5316.list-group-flush { 5317 border-radius: 0; 5318} 5319.list-group-flush > .list-group-item { 5320 border-width: 0 0 var(--bs-list-group-border-width); 5321} 5322.list-group-flush > .list-group-item:last-child { 5323 border-bottom-width: 0; 5324} 5325.list-group-item-primary { 5326 --bs-list-group-color: var(--bs-primary-text-emphasis); 5327 --bs-list-group-bg: var(--bs-primary-bg-subtle); 5328 --bs-list-group-border-color: var(--bs-primary-border-subtle); 5329 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5330 --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); 5331 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5332 --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); 5333 --bs-list-group-active-color: var(--bs-primary-bg-subtle); 5334 --bs-list-group-active-bg: var(--bs-primary-text-emphasis); 5335 --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); 5336} 5337.list-group-item-secondary { 5338 --bs-list-group-color: var(--bs-secondary-text-emphasis); 5339 --bs-list-group-bg: var(--bs-secondary-bg-subtle); 5340 --bs-list-group-border-color: var(--bs-secondary-border-subtle); 5341 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5342 --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); 5343 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5344 --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); 5345 --bs-list-group-active-color: var(--bs-secondary-bg-subtle); 5346 --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); 5347 --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); 5348} 5349.list-group-item-success { 5350 --bs-list-group-color: var(--bs-success-text-emphasis); 5351 --bs-list-group-bg: var(--bs-success-bg-subtle); 5352 --bs-list-group-border-color: var(--bs-success-border-subtle); 5353 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5354 --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); 5355 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5356 --bs-list-group-action-active-bg: var(--bs-success-border-subtle); 5357 --bs-list-group-active-color: var(--bs-success-bg-subtle); 5358 --bs-list-group-active-bg: var(--bs-success-text-emphasis); 5359 --bs-list-group-active-border-color: var(--bs-success-text-emphasis); 5360} 5361.list-group-item-info { 5362 --bs-list-group-color: var(--bs-info-text-emphasis); 5363 --bs-list-group-bg: var(--bs-info-bg-subtle); 5364 --bs-list-group-border-color: var(--bs-info-border-subtle); 5365 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5366 --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); 5367 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5368 --bs-list-group-action-active-bg: var(--bs-info-border-subtle); 5369 --bs-list-group-active-color: var(--bs-info-bg-subtle); 5370 --bs-list-group-active-bg: var(--bs-info-text-emphasis); 5371 --bs-list-group-active-border-color: var(--bs-info-text-emphasis); 5372} 5373.list-group-item-warning { 5374 --bs-list-group-color: var(--bs-warning-text-emphasis); 5375 --bs-list-group-bg: var(--bs-warning-bg-subtle); 5376 --bs-list-group-border-color: var(--bs-warning-border-subtle); 5377 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5378 --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); 5379 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5380 --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); 5381 --bs-list-group-active-color: var(--bs-warning-bg-subtle); 5382 --bs-list-group-active-bg: var(--bs-warning-text-emphasis); 5383 --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); 5384} 5385.list-group-item-danger { 5386 --bs-list-group-color: var(--bs-danger-text-emphasis); 5387 --bs-list-group-bg: var(--bs-danger-bg-subtle); 5388 --bs-list-group-border-color: var(--bs-danger-border-subtle); 5389 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5390 --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); 5391 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5392 --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); 5393 --bs-list-group-active-color: var(--bs-danger-bg-subtle); 5394 --bs-list-group-active-bg: var(--bs-danger-text-emphasis); 5395 --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); 5396} 5397.list-group-item-light { 5398 --bs-list-group-color: var(--bs-light-text-emphasis); 5399 --bs-list-group-bg: var(--bs-light-bg-subtle); 5400 --bs-list-group-border-color: var(--bs-light-border-subtle); 5401 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5402 --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); 5403 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5404 --bs-list-group-action-active-bg: var(--bs-light-border-subtle); 5405 --bs-list-group-active-color: var(--bs-light-bg-subtle); 5406 --bs-list-group-active-bg: var(--bs-light-text-emphasis); 5407 --bs-list-group-active-border-color: var(--bs-light-text-emphasis); 5408} 5409.list-group-item-dark { 5410 --bs-list-group-color: var(--bs-dark-text-emphasis); 5411 --bs-list-group-bg: var(--bs-dark-bg-subtle); 5412 --bs-list-group-border-color: var(--bs-dark-border-subtle); 5413 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5414 --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); 5415 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5416 --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); 5417 --bs-list-group-active-color: var(--bs-dark-bg-subtle); 5418 --bs-list-group-active-bg: var(--bs-dark-text-emphasis); 5419 --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); 5420} 5421.btn-close { 5422 --bs-btn-close-color: #f6f6f6; 5423 --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f6f6f6' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E"); 5424 --bs-btn-close-opacity: 0.5; 5425 --bs-btn-close-hover-opacity: 0.75; 5426 --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 5427 --bs-btn-close-focus-opacity: 1; 5428 --bs-btn-close-disabled-opacity: 0.25; 5429 --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); 5430 background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; 5431 border: 0; 5432 border-radius: 0.375rem; 5433 box-sizing: content-box; 5434 height: 1em; 5435 opacity: var(--bs-btn-close-opacity); 5436 padding: 0.25em; 5437 width: 1em; 5438} 5439.btn-close, 5440.btn-close:hover { 5441 color: var(--bs-btn-close-color); 5442} 5443.btn-close:hover { 5444 opacity: var(--bs-btn-close-hover-opacity); 5445 text-decoration: none; 5446} 5447.btn-close:focus { 5448 box-shadow: var(--bs-btn-close-focus-shadow); 5449 opacity: var(--bs-btn-close-focus-opacity); 5450 outline: 0; 5451} 5452.btn-close.disabled, 5453.btn-close:disabled { 5454 opacity: var(--bs-btn-close-disabled-opacity); 5455 pointer-events: none; 5456 -webkit-user-select: none; 5457 -moz-user-select: none; 5458 user-select: none; 5459} 5460.btn-close-white, 5461[data-bs-theme="dark"] .btn-close { 5462 filter: var(--bs-btn-close-white-filter); 5463} 5464.toast { 5465 --bs-toast-zindex: 1090; 5466 --bs-toast-padding-x: 0.75rem; 5467 --bs-toast-padding-y: 0.5rem; 5468 --bs-toast-spacing: 1.5rem; 5469 --bs-toast-max-width: 350px; 5470 --bs-toast-font-size: 0.875rem; 5471 --bs-toast-color: ; 5472 --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); 5473 --bs-toast-border-width: var(--bs-border-width); 5474 --bs-toast-border-color: var(--bs-border-color-translucent); 5475 --bs-toast-border-radius: var(--bs-border-radius); 5476 --bs-toast-box-shadow: var(--bs-box-shadow); 5477 --bs-toast-header-color: var(--bs-secondary-color); 5478 --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); 5479 --bs-toast-header-border-color: var(--bs-border-color-translucent); 5480 background-clip: padding-box; 5481 background-color: var(--bs-toast-bg); 5482 border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); 5483 border-radius: var(--bs-toast-border-radius); 5484 box-shadow: var(--bs-toast-box-shadow); 5485 color: var(--bs-toast-color); 5486 font-size: var(--bs-toast-font-size); 5487 max-width: 100%; 5488 pointer-events: auto; 5489 width: var(--bs-toast-max-width); 5490} 5491.toast.showing { 5492 opacity: 0; 5493} 5494.toast:not(.show) { 5495 display: none; 5496} 5497.toast-container { 5498 --bs-toast-zindex: 1090; 5499 max-width: 100%; 5500 pointer-events: none; 5501 position: absolute; 5502 width: -moz-max-content; 5503 width: max-content; 5504 z-index: var(--bs-toast-zindex); 5505} 5506.toast-container > :not(:last-child) { 5507 margin-bottom: var(--bs-toast-spacing); 5508} 5509.toast-header { 5510 align-items: center; 5511 background-clip: padding-box; 5512 background-color: var(--bs-toast-header-bg); 5513 border-bottom: var(--bs-toast-border-width) solid 5514 var(--bs-toast-header-border-color); 5515 border-top-left-radius: calc( 5516 var(--bs-toast-border-radius) - var(--bs-toast-border-width) 5517 ); 5518 border-top-right-radius: calc( 5519 var(--bs-toast-border-radius) - var(--bs-toast-border-width) 5520 ); 5521 color: var(--bs-toast-header-color); 5522 display: flex; 5523 padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); 5524} 5525.toast-header .btn-close { 5526 margin-left: var(--bs-toast-padding-x); 5527 margin-right: calc(var(--bs-toast-padding-x) * -0.5); 5528} 5529.toast-body { 5530 padding: var(--bs-toast-padding-x); 5531 word-wrap: break-word; 5532} 5533.modal { 5534 --bs-modal-zindex: 1055; 5535 --bs-modal-width: 500px; 5536 --bs-modal-padding: 1rem; 5537 --bs-modal-margin: 0.5rem; 5538 --bs-modal-color: ; 5539 --bs-modal-bg: var(--bs-body-bg); 5540 --bs-modal-border-color: var(--bs-border-color-translucent); 5541 --bs-modal-border-width: var(--bs-border-width); 5542 --bs-modal-border-radius: var(--bs-border-radius-lg); 5543 --bs-modal-box-shadow: var(--bs-box-shadow-sm); 5544 --bs-modal-inner-border-radius: calc( 5545 var(--bs-border-radius-lg) - var(--bs-border-width) 5546 ); 5547 --bs-modal-header-padding-x: 1rem; 5548 --bs-modal-header-padding-y: 1rem; 5549 --bs-modal-header-padding: 1rem 1rem; 5550 --bs-modal-header-border-color: transparent; 5551 --bs-modal-header-border-width: 0; 5552 --bs-modal-title-line-height: 1.5; 5553 --bs-modal-footer-gap: 0.5rem; 5554 --bs-modal-footer-bg: ; 5555 --bs-modal-footer-border-color: transparent; 5556 --bs-modal-footer-border-width: 0; 5557 display: none; 5558 height: 100%; 5559 left: 0; 5560 outline: 0; 5561 overflow-x: hidden; 5562 overflow-y: auto; 5563 position: fixed; 5564 top: 0; 5565 width: 100%; 5566 z-index: var(--bs-modal-zindex); 5567} 5568.modal-dialog { 5569 margin: var(--bs-modal-margin); 5570 pointer-events: none; 5571 position: relative; 5572 width: auto; 5573} 5574.modal.fade .modal-dialog { 5575 transform: translateY(-50px); 5576 transition: transform 0.3s ease-out; 5577} 5578@media (prefers-reduced-motion: reduce) { 5579 .modal.fade .modal-dialog { 5580 transition: none; 5581 } 5582} 5583.modal.show .modal-dialog { 5584 transform: none; 5585} 5586.modal.modal-static .modal-dialog { 5587 transform: scale(1.02); 5588} 5589.modal-dialog-scrollable { 5590 height: calc(100% - var(--bs-modal-margin) * 2); 5591} 5592.modal-dialog-scrollable .modal-content { 5593 max-height: 100%; 5594 overflow: hidden; 5595} 5596.modal-dialog-scrollable .modal-body { 5597 overflow-y: auto; 5598} 5599.modal-dialog-centered { 5600 align-items: center; 5601 display: flex; 5602 min-height: calc(100% - var(--bs-modal-margin) * 2); 5603} 5604.modal-content { 5605 background-clip: padding-box; 5606 background-color: var(--bs-modal-bg); 5607 border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); 5608 border-radius: var(--bs-modal-border-radius); 5609 color: var(--bs-modal-color); 5610 display: flex; 5611 flex-direction: column; 5612 outline: 0; 5613 pointer-events: auto; 5614 position: relative; 5615 width: 100%; 5616} 5617.modal-backdrop { 5618 --bs-backdrop-zindex: 1050; 5619 --bs-backdrop-bg: #000; 5620 --bs-backdrop-opacity: 0.5; 5621 background-color: var(--bs-backdrop-bg); 5622 height: 100vh; 5623 left: 0; 5624 position: fixed; 5625 top: 0; 5626 width: 100vw; 5627 z-index: var(--bs-backdrop-zindex); 5628} 5629.modal-backdrop.fade { 5630 opacity: 0; 5631} 5632.modal-backdrop.show { 5633 opacity: var(--bs-backdrop-opacity); 5634} 5635.modal-header { 5636 align-items: center; 5637 border-bottom: var(--bs-modal-header-border-width) solid 5638 var(--bs-modal-header-border-color); 5639 border-top-left-radius: var(--bs-modal-inner-border-radius); 5640 border-top-right-radius: var(--bs-modal-inner-border-radius); 5641 display: flex; 5642 flex-shrink: 0; 5643 padding: var(--bs-modal-header-padding); 5644} 5645.modal-header .btn-close { 5646 margin: calc(var(--bs-modal-header-padding-y) * -0.5) 5647 calc(var(--bs-modal-header-padding-x) * -0.5) 5648 calc(var(--bs-modal-header-padding-y) * -0.5) auto; 5649 padding: calc(var(--bs-modal-header-padding-y) * 0.5) 5650 calc(var(--bs-modal-header-padding-x) * 0.5); 5651} 5652.modal-title { 5653 line-height: var(--bs-modal-title-line-height); 5654 margin-bottom: 0; 5655} 5656.modal-body { 5657 flex: 1 1 auto; 5658 padding: var(--bs-modal-padding); 5659 position: relative; 5660} 5661.modal-footer { 5662 align-items: center; 5663 background-color: var(--bs-modal-footer-bg); 5664 border-bottom-left-radius: var(--bs-modal-inner-border-radius); 5665 border-bottom-right-radius: var(--bs-modal-inner-border-radius); 5666 border-top: var(--bs-modal-footer-border-width) solid 5667 var(--bs-modal-footer-border-color); 5668 display: flex; 5669 flex-shrink: 0; 5670 flex-wrap: wrap; 5671 justify-content: flex-end; 5672 padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); 5673} 5674.modal-footer > * { 5675 margin: calc(var(--bs-modal-footer-gap) * 0.5); 5676} 5677@media (min-width: 576px) { 5678 .modal { 5679 --bs-modal-margin: 1.75rem; 5680 --bs-modal-box-shadow: var(--bs-box-shadow); 5681 } 5682 .modal-dialog { 5683 margin-left: auto; 5684 margin-right: auto; 5685 max-width: var(--bs-modal-width); 5686 } 5687 .modal-sm { 5688 --bs-modal-width: 300px; 5689 } 5690} 5691@media (min-width: 992px) { 5692 .modal-lg, 5693 .modal-xl { 5694 --bs-modal-width: 800px; 5695 } 5696} 5697@media (min-width: 1200px) { 5698 .modal-xl { 5699 --bs-modal-width: 1140px; 5700 } 5701} 5702.modal-fullscreen { 5703 height: 100%; 5704 margin: 0; 5705 max-width: none; 5706 width: 100vw; 5707} 5708.modal-fullscreen .modal-content { 5709 border: 0; 5710 border-radius: 0; 5711 height: 100%; 5712} 5713.modal-fullscreen .modal-footer, 5714.modal-fullscreen .modal-header { 5715 border-radius: 0; 5716} 5717.modal-fullscreen .modal-body { 5718 overflow-y: auto; 5719} 5720@media (max-width: 575.98px) { 5721 .modal-fullscreen-sm-down { 5722 height: 100%; 5723 margin: 0; 5724 max-width: none; 5725 width: 100vw; 5726 } 5727 .modal-fullscreen-sm-down .modal-content { 5728 border: 0; 5729 border-radius: 0; 5730 height: 100%; 5731 } 5732 .modal-fullscreen-sm-down .modal-footer, 5733 .modal-fullscreen-sm-down .modal-header { 5734 border-radius: 0; 5735 } 5736 .modal-fullscreen-sm-down .modal-body { 5737 overflow-y: auto; 5738 } 5739} 5740@media (max-width: 767.98px) { 5741 .modal-fullscreen-md-down { 5742 height: 100%; 5743 margin: 0; 5744 max-width: none; 5745 width: 100vw; 5746 } 5747 .modal-fullscreen-md-down .modal-content { 5748 border: 0; 5749 border-radius: 0; 5750 height: 100%; 5751 } 5752 .modal-fullscreen-md-down .modal-footer, 5753 .modal-fullscreen-md-down .modal-header { 5754 border-radius: 0; 5755 } 5756 .modal-fullscreen-md-down .modal-body { 5757 overflow-y: auto; 5758 } 5759} 5760@media (max-width: 991.98px) { 5761 .modal-fullscreen-lg-down { 5762 height: 100%; 5763 margin: 0; 5764 max-width: none; 5765 width: 100vw; 5766 } 5767 .modal-fullscreen-lg-down .modal-content { 5768 border: 0; 5769 border-radius: 0; 5770 height: 100%; 5771 } 5772 .modal-fullscreen-lg-down .modal-footer, 5773 .modal-fullscreen-lg-down .modal-header { 5774 border-radius: 0; 5775 } 5776 .modal-fullscreen-lg-down .modal-body { 5777 overflow-y: auto; 5778 } 5779} 5780@media (max-width: 1199.98px) { 5781 .modal-fullscreen-xl-down { 5782 height: 100%; 5783 margin: 0; 5784 max-width: none; 5785 width: 100vw; 5786 } 5787 .modal-fullscreen-xl-down .modal-content { 5788 border: 0; 5789 border-radius: 0; 5790 height: 100%; 5791 } 5792 .modal-fullscreen-xl-down .modal-footer, 5793 .modal-fullscreen-xl-down .modal-header { 5794 border-radius: 0; 5795 } 5796 .modal-fullscreen-xl-down .modal-body { 5797 overflow-y: auto; 5798 } 5799} 5800@media (max-width: 1399.98px) { 5801 .modal-fullscreen-xxl-down { 5802 height: 100%; 5803 margin: 0; 5804 max-width: none; 5805 width: 100vw; 5806 } 5807 .modal-fullscreen-xxl-down .modal-content { 5808 border: 0; 5809 border-radius: 0; 5810 height: 100%; 5811 } 5812 .modal-fullscreen-xxl-down .modal-footer, 5813 .modal-fullscreen-xxl-down .modal-header { 5814 border-radius: 0; 5815 } 5816 .modal-fullscreen-xxl-down .modal-body { 5817 overflow-y: auto; 5818 } 5819} 5820.tooltip { 5821 --bs-tooltip-zindex: 1080000; 5822 --bs-tooltip-max-width: 200px; 5823 --bs-tooltip-padding-x: 0.5rem; 5824 --bs-tooltip-padding-y: 0.25rem; 5825 --bs-tooltip-margin: ; 5826 --bs-tooltip-font-size: 0.875rem; 5827 --bs-tooltip-color: #f6f6f6; 5828 --bs-tooltip-bg: #000; 5829 --bs-tooltip-border-radius: var(--bs-border-radius); 5830 --bs-tooltip-opacity: 0.9; 5831 --bs-tooltip-arrow-width: 0.8rem; 5832 --bs-tooltip-arrow-height: 0.4rem; 5833 display: block; 5834 font-family: var(--bs-font-sans-serif); 5835 font-size: var(--bs-tooltip-font-size); 5836 font-style: normal; 5837 font-weight: 400; 5838 letter-spacing: normal; 5839 line-break: auto; 5840 line-height: 1.5; 5841 margin: var(--bs-tooltip-margin); 5842 text-align: left; 5843 text-align: start; 5844 text-decoration: none; 5845 text-shadow: none; 5846 text-transform: none; 5847 white-space: normal; 5848 word-break: normal; 5849 word-spacing: normal; 5850 z-index: var(--bs-tooltip-zindex); 5851 word-wrap: break-word; 5852 opacity: 0; 5853} 5854.tooltip.show { 5855 opacity: var(--bs-tooltip-opacity); 5856} 5857.tooltip .tooltip-arrow { 5858 display: block; 5859 height: var(--bs-tooltip-arrow-height); 5860 width: var(--bs-tooltip-arrow-width); 5861} 5862.tooltip .tooltip-arrow:before { 5863 border-color: transparent; 5864 border-style: solid; 5865 content: ""; 5866 position: absolute; 5867} 5868.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, 5869.bs-tooltip-top .tooltip-arrow { 5870 bottom: calc(var(--bs-tooltip-arrow-height) * -1); 5871} 5872.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before, 5873.bs-tooltip-top .tooltip-arrow:before { 5874 border-top-color: var(--bs-tooltip-bg); 5875 border-width: var(--bs-tooltip-arrow-height) 5876 calc(var(--bs-tooltip-arrow-width) * 0.5) 0; 5877 top: -1px; 5878} 5879.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, 5880.bs-tooltip-end .tooltip-arrow { 5881 height: var(--bs-tooltip-arrow-width); 5882 left: calc(var(--bs-tooltip-arrow-height) * -1); 5883 width: var(--bs-tooltip-arrow-height); 5884} 5885.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before, 5886.bs-tooltip-end .tooltip-arrow:before { 5887 border-right-color: var(--bs-tooltip-bg); 5888 border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 5889 var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; 5890 right: -1px; 5891} 5892.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, 5893.bs-tooltip-bottom .tooltip-arrow { 5894 top: calc(var(--bs-tooltip-arrow-height) * -1); 5895} 5896.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before, 5897.bs-tooltip-bottom .tooltip-arrow:before { 5898 border-bottom-color: var(--bs-tooltip-bg); 5899 border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) 5900 var(--bs-tooltip-arrow-height); 5901 bottom: -1px; 5902} 5903.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, 5904.bs-tooltip-start .tooltip-arrow { 5905 height: var(--bs-tooltip-arrow-width); 5906 right: calc(var(--bs-tooltip-arrow-height) * -1); 5907 width: var(--bs-tooltip-arrow-height); 5908} 5909.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before, 5910.bs-tooltip-start .tooltip-arrow:before { 5911 border-left-color: var(--bs-tooltip-bg); 5912 border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 5913 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); 5914 left: -1px; 5915} 5916.tooltip-inner { 5917 background-color: var(--bs-tooltip-bg); 5918 border-radius: var(--bs-tooltip-border-radius); 5919 color: var(--bs-tooltip-color); 5920 max-width: var(--bs-tooltip-max-width); 5921 padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); 5922 text-align: center; 5923} 5924.popover { 5925 --bs-popover-zindex: 1070; 5926 --bs-popover-max-width: 276px; 5927 --bs-popover-font-size: 0.875rem; 5928 --bs-popover-bg: var(--bs-body-bg); 5929 --bs-popover-border-width: var(--bs-border-width); 5930 --bs-popover-border-color: var(--bs-border-color-translucent); 5931 --bs-popover-border-radius: var(--bs-border-radius-lg); 5932 --bs-popover-inner-border-radius: calc( 5933 var(--bs-border-radius-lg) - var(--bs-border-width) 5934 ); 5935 --bs-popover-box-shadow: var(--bs-box-shadow); 5936 --bs-popover-header-padding-x: 1rem; 5937 --bs-popover-header-padding-y: 0.5rem; 5938 --bs-popover-header-font-size: 1rem; 5939 --bs-popover-header-color: inherit; 5940 --bs-popover-header-bg: var(--bs-secondary-bg); 5941 --bs-popover-body-padding-x: 1rem; 5942 --bs-popover-body-padding-y: 1rem; 5943 --bs-popover-body-color: var(--bs-body-color); 5944 --bs-popover-arrow-width: 1rem; 5945 --bs-popover-arrow-height: 0.5rem; 5946 --bs-popover-arrow-border: var(--bs-popover-border-color); 5947 display: block; 5948 font-family: var(--bs-font-sans-serif); 5949 font-size: var(--bs-popover-font-size); 5950 font-style: normal; 5951 font-weight: 400; 5952 letter-spacing: normal; 5953 line-break: auto; 5954 line-height: 1.5; 5955 max-width: var(--bs-popover-max-width); 5956 text-align: left; 5957 text-align: start; 5958 text-decoration: none; 5959 text-shadow: none; 5960 text-transform: none; 5961 white-space: normal; 5962 word-break: normal; 5963 word-spacing: normal; 5964 z-index: var(--bs-popover-zindex); 5965 word-wrap: break-word; 5966 background-clip: padding-box; 5967 background-color: var(--bs-popover-bg); 5968 border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); 5969 border-radius: var(--bs-popover-border-radius); 5970} 5971.popover .popover-arrow { 5972 display: block; 5973 height: var(--bs-popover-arrow-height); 5974 width: var(--bs-popover-arrow-width); 5975} 5976.popover .popover-arrow:after, 5977.popover .popover-arrow:before { 5978 border: 0 solid transparent; 5979 content: ""; 5980 display: block; 5981 position: absolute; 5982} 5983.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, 5984.bs-popover-top > .popover-arrow { 5985 bottom: calc( 5986 var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width) 5987 ); 5988} 5989.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after, 5990.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before, 5991.bs-popover-top > .popover-arrow:after, 5992.bs-popover-top > .popover-arrow:before { 5993 border-width: var(--bs-popover-arrow-height) 5994 calc(var(--bs-popover-arrow-width) * 0.5) 0; 5995} 5996.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:before, 5997.bs-popover-top > .popover-arrow:before { 5998 border-top-color: var(--bs-popover-arrow-border); 5999 bottom: 0; 6000} 6001.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow:after, 6002.bs-popover-top > .popover-arrow:after { 6003 border-top-color: var(--bs-popover-bg); 6004 bottom: var(--bs-popover-border-width); 6005} 6006.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, 6007.bs-popover-end > .popover-arrow { 6008 height: var(--bs-popover-arrow-width); 6009 left: calc( 6010 var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width) 6011 ); 6012 width: var(--bs-popover-arrow-height); 6013} 6014.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after, 6015.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before, 6016.bs-popover-end > .popover-arrow:after, 6017.bs-popover-end > .popover-arrow:before { 6018 border-width: calc(var(--bs-popover-arrow-width) * 0.5) 6019 var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; 6020} 6021.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before, 6022.bs-popover-end > .popover-arrow:before { 6023 border-right-color: var(--bs-popover-arrow-border); 6024 left: 0; 6025} 6026.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:after, 6027.bs-popover-end > .popover-arrow:after { 6028 border-right-color: var(--bs-popover-bg); 6029 left: var(--bs-popover-border-width); 6030} 6031.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, 6032.bs-popover-bottom > .popover-arrow { 6033 top: calc( 6034 var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width) 6035 ); 6036} 6037.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after, 6038.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before, 6039.bs-popover-bottom > .popover-arrow:after, 6040.bs-popover-bottom > .popover-arrow:before { 6041 border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) 6042 var(--bs-popover-arrow-height); 6043} 6044.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:before, 6045.bs-popover-bottom > .popover-arrow:before { 6046 border-bottom-color: var(--bs-popover-arrow-border); 6047 top: 0; 6048} 6049.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow:after, 6050.bs-popover-bottom > .popover-arrow:after { 6051 border-bottom-color: var(--bs-popover-bg); 6052 top: var(--bs-popover-border-width); 6053} 6054.bs-popover-auto[data-popper-placement^="bottom"] .popover-header:before, 6055.bs-popover-bottom .popover-header:before { 6056 border-bottom: var(--bs-popover-border-width) solid 6057 var(--bs-popover-header-bg); 6058 content: ""; 6059 display: block; 6060 left: 50%; 6061 margin-left: calc(var(--bs-popover-arrow-width) * -0.5); 6062 position: absolute; 6063 top: 0; 6064 width: var(--bs-popover-arrow-width); 6065} 6066.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, 6067.bs-popover-start > .popover-arrow { 6068 height: var(--bs-popover-arrow-width); 6069 right: calc( 6070 var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width) 6071 ); 6072 width: var(--bs-popover-arrow-height); 6073} 6074.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after, 6075.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before, 6076.bs-popover-start > .popover-arrow:after, 6077.bs-popover-start > .popover-arrow:before { 6078 border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 6079 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); 6080} 6081.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:before, 6082.bs-popover-start > .popover-arrow:before { 6083 border-left-color: var(--bs-popover-arrow-border); 6084 right: 0; 6085} 6086.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow:after, 6087.bs-popover-start > .popover-arrow:after { 6088 border-left-color: var(--bs-popover-bg); 6089 right: var(--bs-popover-border-width); 6090} 6091.popover-header { 6092 background-color: var(--bs-popover-header-bg); 6093 border-bottom: var(--bs-popover-border-width) solid 6094 var(--bs-popover-border-color); 6095 border-top-left-radius: var(--bs-popover-inner-border-radius); 6096 border-top-right-radius: var(--bs-popover-inner-border-radius); 6097 color: var(--bs-popover-header-color); 6098 font-size: var(--bs-popover-header-font-size); 6099 margin-bottom: 0; 6100 padding: var(--bs-popover-header-padding-y) 6101 var(--bs-popover-header-padding-x); 6102} 6103.popover-header:empty { 6104 display: none; 6105} 6106.popover-body { 6107 color: var(--bs-popover-body-color); 6108 padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); 6109} 6110.carousel { 6111 position: relative; 6112} 6113.carousel.pointer-event { 6114 touch-action: pan-y; 6115} 6116.carousel-inner { 6117 overflow: hidden; 6118 position: relative; 6119 width: 100%; 6120} 6121.carousel-inner:after { 6122 clear: both; 6123 content: ""; 6124 display: block; 6125} 6126.carousel-item { 6127 backface-visibility: hidden; 6128 display: none; 6129 float: left; 6130 margin-right: -100%; 6131 position: relative; 6132 transition: transform 0.6s ease-in-out; 6133 width: 100%; 6134} 6135@media (prefers-reduced-motion: reduce) { 6136 .carousel-item { 6137 transition: none; 6138 } 6139} 6140.carousel-item-next, 6141.carousel-item-prev, 6142.carousel-item.active { 6143 display: block; 6144} 6145.active.carousel-item-end, 6146.carousel-item-next:not(.carousel-item-start) { 6147 transform: translateX(100%); 6148} 6149.active.carousel-item-start, 6150.carousel-item-prev:not(.carousel-item-end) { 6151 transform: translateX(-100%); 6152} 6153.carousel-fade .carousel-item { 6154 opacity: 0; 6155 transform: none; 6156 transition-property: opacity; 6157} 6158.carousel-fade .carousel-item-next.carousel-item-start, 6159.carousel-fade .carousel-item-prev.carousel-item-end, 6160.carousel-fade .carousel-item.active { 6161 opacity: 1; 6162 z-index: 1; 6163} 6164.carousel-fade .active.carousel-item-end, 6165.carousel-fade .active.carousel-item-start { 6166 opacity: 0; 6167 transition: opacity 0s 0.6s; 6168 z-index: 0; 6169} 6170@media (prefers-reduced-motion: reduce) { 6171 .carousel-fade .active.carousel-item-end, 6172 .carousel-fade .active.carousel-item-start { 6173 transition: none; 6174 } 6175} 6176.carousel-control-next, 6177.carousel-control-prev { 6178 align-items: center; 6179 background: none; 6180 border: 0; 6181 bottom: 0; 6182 color: #fff; 6183 display: flex; 6184 justify-content: center; 6185 opacity: 0.5; 6186 padding: 0; 6187 position: absolute; 6188 text-align: center; 6189 top: 0; 6190 transition: opacity 0.15s ease; 6191 width: 15%; 6192 z-index: 1; 6193} 6194@media (prefers-reduced-motion: reduce) { 6195 .carousel-control-next, 6196 .carousel-control-prev { 6197 transition: none; 6198 } 6199} 6200.carousel-control-next:focus, 6201.carousel-control-next:hover, 6202.carousel-control-prev:focus, 6203.carousel-control-prev:hover { 6204 color: #fff; 6205 opacity: 0.9; 6206 outline: 0; 6207 text-decoration: none; 6208} 6209.carousel-control-prev { 6210 left: 0; 6211} 6212.carousel-control-next { 6213 right: 0; 6214} 6215.carousel-control-next-icon, 6216.carousel-control-prev-icon { 6217 background-position: 50%; 6218 background-repeat: no-repeat; 6219 background-size: 100% 100%; 6220 display: inline-block; 6221 height: 2rem; 6222 width: 2rem; 6223} 6224.carousel-control-prev-icon { 6225 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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 0'/%3E%3C/svg%3E"); 6226} 6227.carousel-control-next-icon { 6228 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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-.708'/%3E%3C/svg%3E"); 6229} 6230.carousel-indicators { 6231 bottom: 0; 6232 display: flex; 6233 justify-content: center; 6234 left: 0; 6235 margin-bottom: 1rem; 6236 margin-left: 15%; 6237 margin-right: 15%; 6238 padding: 0; 6239 position: absolute; 6240 right: 0; 6241 z-index: 2; 6242} 6243.carousel-indicators [data-bs-target] { 6244 background-clip: padding-box; 6245 background-color: #fff; 6246 border: 0; 6247 border-bottom: 10px solid transparent; 6248 border-top: 10px solid transparent; 6249 box-sizing: content-box; 6250 cursor: pointer; 6251 flex: 0 1 auto; 6252 height: 3px; 6253 margin-left: 3px; 6254 margin-right: 3px; 6255 opacity: 0.5; 6256 padding: 0; 6257 text-indent: -999px; 6258 transition: opacity 0.6s ease; 6259 width: 30px; 6260} 6261@media (prefers-reduced-motion: reduce) { 6262 .carousel-indicators [data-bs-target] { 6263 transition: none; 6264 } 6265} 6266.carousel-caption { 6267 bottom: 1.25rem; 6268 color: #fff; 6269 left: 15%; 6270 padding-bottom: 1.25rem; 6271 padding-top: 1.25rem; 6272 position: absolute; 6273 right: 15%; 6274 text-align: center; 6275} 6276.carousel-dark .carousel-control-next-icon, 6277.carousel-dark .carousel-control-prev-icon { 6278 filter: invert(1) grayscale(100); 6279} 6280.carousel-dark .carousel-indicators [data-bs-target] { 6281 background-color: #000; 6282} 6283.carousel-dark .carousel-caption { 6284 color: #000; 6285} 6286[data-bs-theme="dark"] .carousel .carousel-control-next-icon, 6287[data-bs-theme="dark"] .carousel .carousel-control-prev-icon, 6288[data-bs-theme="dark"].carousel .carousel-control-next-icon, 6289[data-bs-theme="dark"].carousel .carousel-control-prev-icon { 6290 filter: invert(1) grayscale(100); 6291} 6292[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], 6293[data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { 6294 background-color: #000; 6295} 6296[data-bs-theme="dark"] .carousel .carousel-caption, 6297[data-bs-theme="dark"].carousel .carousel-caption { 6298 color: #000; 6299} 6300.spinner-border, 6301.spinner-grow { 6302 animation: var(--bs-spinner-animation-speed) linear infinite 6303 var(--bs-spinner-animation-name); 6304 border-radius: 50%; 6305 display: inline-block; 6306 height: var(--bs-spinner-height); 6307 vertical-align: var(--bs-spinner-vertical-align); 6308 width: var(--bs-spinner-width); 6309} 6310@keyframes spinner-border { 6311 to { 6312 transform: rotate(1turn); 6313 } 6314} 6315.spinner-border { 6316 --bs-spinner-width: 2rem; 6317 --bs-spinner-height: 2rem; 6318 --bs-spinner-vertical-align: -0.125em; 6319 --bs-spinner-border-width: 0.25em; 6320 --bs-spinner-animation-speed: 0.75s; 6321 --bs-spinner-animation-name: spinner-border; 6322 border-right-color: currentcolor; 6323 border: var(--bs-spinner-border-width) solid; 6324 border-right: var(--bs-spinner-border-width) solid transparent; 6325} 6326.spinner-border-sm { 6327 --bs-spinner-width: 1rem; 6328 --bs-spinner-height: 1rem; 6329 --bs-spinner-border-width: 0.2em; 6330} 6331@keyframes spinner-grow { 6332 0% { 6333 transform: scale(0); 6334 } 6335 50% { 6336 opacity: 1; 6337 transform: none; 6338 } 6339} 6340.spinner-grow { 6341 --bs-spinner-width: 2rem; 6342 --bs-spinner-height: 2rem; 6343 --bs-spinner-vertical-align: -0.125em; 6344 --bs-spinner-animation-speed: 0.75s; 6345 --bs-spinner-animation-name: spinner-grow; 6346 background-color: currentcolor; 6347 opacity: 0; 6348} 6349.spinner-grow-sm { 6350 --bs-spinner-width: 1rem; 6351 --bs-spinner-height: 1rem; 6352} 6353@media (prefers-reduced-motion: reduce) { 6354 .spinner-border, 6355 .spinner-grow { 6356 --bs-spinner-animation-speed: 1.5s; 6357 } 6358} 6359.offcanvas, 6360.offcanvas-lg, 6361.offcanvas-md, 6362.offcanvas-sm, 6363.offcanvas-xl, 6364.offcanvas-xxl { 6365 --bs-offcanvas-zindex: 1045; 6366 --bs-offcanvas-width: 400px; 6367 --bs-offcanvas-height: 30vh; 6368 --bs-offcanvas-padding-x: 1rem; 6369 --bs-offcanvas-padding-y: 1rem; 6370 --bs-offcanvas-color: var(--bs-body-color); 6371 --bs-offcanvas-bg: var(--bs-body-bg); 6372 --bs-offcanvas-border-width: var(--bs-border-width); 6373 --bs-offcanvas-border-color: var(--bs-border-color-translucent); 6374 --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); 6375 --bs-offcanvas-transition: transform 0.3s ease-in-out; 6376 --bs-offcanvas-title-line-height: 1.5; 6377} 6378@media (max-width: 575.98px) { 6379 .offcanvas-sm { 6380 background-clip: padding-box; 6381 background-color: var(--bs-offcanvas-bg); 6382 bottom: 0; 6383 color: var(--bs-offcanvas-color); 6384 display: flex; 6385 flex-direction: column; 6386 max-width: 100%; 6387 outline: 0; 6388 position: fixed; 6389 transition: var(--bs-offcanvas-transition); 6390 visibility: hidden; 6391 z-index: var(--bs-offcanvas-zindex); 6392 } 6393} 6394@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { 6395 .offcanvas-sm { 6396 transition: none; 6397 } 6398} 6399@media (max-width: 575.98px) { 6400 .offcanvas-sm.offcanvas-start { 6401 border-right: var(--bs-offcanvas-border-width) solid 6402 var(--bs-offcanvas-border-color); 6403 left: 0; 6404 top: 0; 6405 transform: translateX(-100%); 6406 width: var(--bs-offcanvas-width); 6407 } 6408 .offcanvas-sm.offcanvas-end { 6409 border-left: var(--bs-offcanvas-border-width) solid 6410 var(--bs-offcanvas-border-color); 6411 right: 0; 6412 top: 0; 6413 transform: translateX(100%); 6414 width: var(--bs-offcanvas-width); 6415 } 6416 .offcanvas-sm.offcanvas-top { 6417 border-bottom: var(--bs-offcanvas-border-width) solid 6418 var(--bs-offcanvas-border-color); 6419 top: 0; 6420 transform: translateY(-100%); 6421 } 6422 .offcanvas-sm.offcanvas-bottom, 6423 .offcanvas-sm.offcanvas-top { 6424 height: var(--bs-offcanvas-height); 6425 left: 0; 6426 max-height: 100%; 6427 right: 0; 6428 } 6429 .offcanvas-sm.offcanvas-bottom { 6430 border-top: var(--bs-offcanvas-border-width) solid 6431 var(--bs-offcanvas-border-color); 6432 transform: translateY(100%); 6433 } 6434 .offcanvas-sm.show:not(.hiding), 6435 .offcanvas-sm.showing { 6436 transform: none; 6437 } 6438 .offcanvas-sm.hiding, 6439 .offcanvas-sm.show, 6440 .offcanvas-sm.showing { 6441 visibility: visible; 6442 } 6443} 6444@media (min-width: 576px) { 6445 .offcanvas-sm { 6446 --bs-offcanvas-height: auto; 6447 --bs-offcanvas-border-width: 0; 6448 background-color: transparent !important; 6449 } 6450 .offcanvas-sm .offcanvas-header { 6451 display: none; 6452 } 6453 .offcanvas-sm .offcanvas-body { 6454 background-color: transparent !important; 6455 display: flex; 6456 flex-grow: 0; 6457 overflow-y: visible; 6458 padding: 0; 6459 } 6460} 6461@media (max-width: 767.98px) { 6462 .offcanvas-md { 6463 background-clip: padding-box; 6464 background-color: var(--bs-offcanvas-bg); 6465 bottom: 0; 6466 color: var(--bs-offcanvas-color); 6467 display: flex; 6468 flex-direction: column; 6469 max-width: 100%; 6470 outline: 0; 6471 position: fixed; 6472 transition: var(--bs-offcanvas-transition); 6473 visibility: hidden; 6474 z-index: var(--bs-offcanvas-zindex); 6475 } 6476} 6477@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { 6478 .offcanvas-md { 6479 transition: none; 6480 } 6481} 6482@media (max-width: 767.98px) { 6483 .offcanvas-md.offcanvas-start { 6484 border-right: var(--bs-offcanvas-border-width) solid 6485 var(--bs-offcanvas-border-color); 6486 left: 0; 6487 top: 0; 6488 transform: translateX(-100%); 6489 width: var(--bs-offcanvas-width); 6490 } 6491 .offcanvas-md.offcanvas-end { 6492 border-left: var(--bs-offcanvas-border-width) solid 6493 var(--bs-offcanvas-border-color); 6494 right: 0; 6495 top: 0; 6496 transform: translateX(100%); 6497 width: var(--bs-offcanvas-width); 6498 } 6499 .offcanvas-md.offcanvas-top { 6500 border-bottom: var(--bs-offcanvas-border-width) solid 6501 var(--bs-offcanvas-border-color); 6502 top: 0; 6503 transform: translateY(-100%); 6504 } 6505 .offcanvas-md.offcanvas-bottom, 6506 .offcanvas-md.offcanvas-top { 6507 height: var(--bs-offcanvas-height); 6508 left: 0; 6509 max-height: 100%; 6510 right: 0; 6511 } 6512 .offcanvas-md.offcanvas-bottom { 6513 border-top: var(--bs-offcanvas-border-width) solid 6514 var(--bs-offcanvas-border-color); 6515 transform: translateY(100%); 6516 } 6517 .offcanvas-md.show:not(.hiding), 6518 .offcanvas-md.showing { 6519 transform: none; 6520 } 6521 .offcanvas-md.hiding, 6522 .offcanvas-md.show, 6523 .offcanvas-md.showing { 6524 visibility: visible; 6525 } 6526} 6527@media (min-width: 768px) { 6528 .offcanvas-md { 6529 --bs-offcanvas-height: auto; 6530 --bs-offcanvas-border-width: 0; 6531 background-color: transparent !important; 6532 } 6533 .offcanvas-md .offcanvas-header { 6534 display: none; 6535 } 6536 .offcanvas-md .offcanvas-body { 6537 background-color: transparent !important; 6538 display: flex; 6539 flex-grow: 0; 6540 overflow-y: visible; 6541 padding: 0; 6542 } 6543} 6544@media (max-width: 991.98px) { 6545 .offcanvas-lg { 6546 background-clip: padding-box; 6547 background-color: var(--bs-offcanvas-bg); 6548 bottom: 0; 6549 color: var(--bs-offcanvas-color); 6550 display: flex; 6551 flex-direction: column; 6552 max-width: 100%; 6553 outline: 0; 6554 position: fixed; 6555 transition: var(--bs-offcanvas-transition); 6556 visibility: hidden; 6557 z-index: var(--bs-offcanvas-zindex); 6558 } 6559} 6560@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { 6561 .offcanvas-lg { 6562 transition: none; 6563 } 6564} 6565@media (max-width: 991.98px) { 6566 .offcanvas-lg.offcanvas-start { 6567 border-right: var(--bs-offcanvas-border-width) solid 6568 var(--bs-offcanvas-border-color); 6569 left: 0; 6570 top: 0; 6571 transform: translateX(-100%); 6572 width: var(--bs-offcanvas-width); 6573 } 6574 .offcanvas-lg.offcanvas-end { 6575 border-left: var(--bs-offcanvas-border-width) solid 6576 var(--bs-offcanvas-border-color); 6577 right: 0; 6578 top: 0; 6579 transform: translateX(100%); 6580 width: var(--bs-offcanvas-width); 6581 } 6582 .offcanvas-lg.offcanvas-top { 6583 border-bottom: var(--bs-offcanvas-border-width) solid 6584 var(--bs-offcanvas-border-color); 6585 top: 0; 6586 transform: translateY(-100%); 6587 } 6588 .offcanvas-lg.offcanvas-bottom, 6589 .offcanvas-lg.offcanvas-top { 6590 height: var(--bs-offcanvas-height); 6591 left: 0; 6592 max-height: 100%; 6593 right: 0; 6594 } 6595 .offcanvas-lg.offcanvas-bottom { 6596 border-top: var(--bs-offcanvas-border-width) solid 6597 var(--bs-offcanvas-border-color); 6598 transform: translateY(100%); 6599 } 6600 .offcanvas-lg.show:not(.hiding), 6601 .offcanvas-lg.showing { 6602 transform: none; 6603 } 6604 .offcanvas-lg.hiding, 6605 .offcanvas-lg.show, 6606 .offcanvas-lg.showing { 6607 visibility: visible; 6608 } 6609} 6610@media (min-width: 992px) { 6611 .offcanvas-lg { 6612 --bs-offcanvas-height: auto; 6613 --bs-offcanvas-border-width: 0; 6614 background-color: transparent !important; 6615 } 6616 .offcanvas-lg .offcanvas-header { 6617 display: none; 6618 } 6619 .offcanvas-lg .offcanvas-body { 6620 background-color: transparent !important; 6621 display: flex; 6622 flex-grow: 0; 6623 overflow-y: visible; 6624 padding: 0; 6625 } 6626} 6627@media (max-width: 1199.98px) { 6628 .offcanvas-xl { 6629 background-clip: padding-box; 6630 background-color: var(--bs-offcanvas-bg); 6631 bottom: 0; 6632 color: var(--bs-offcanvas-color); 6633 display: flex; 6634 flex-direction: column; 6635 max-width: 100%; 6636 outline: 0; 6637 position: fixed; 6638 transition: var(--bs-offcanvas-transition); 6639 visibility: hidden; 6640 z-index: var(--bs-offcanvas-zindex); 6641 } 6642} 6643@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { 6644 .offcanvas-xl { 6645 transition: none; 6646 } 6647} 6648@media (max-width: 1199.98px) { 6649 .offcanvas-xl.offcanvas-start { 6650 border-right: var(--bs-offcanvas-border-width) solid 6651 var(--bs-offcanvas-border-color); 6652 left: 0; 6653 top: 0; 6654 transform: translateX(-100%); 6655 width: var(--bs-offcanvas-width); 6656 } 6657 .offcanvas-xl.offcanvas-end { 6658 border-left: var(--bs-offcanvas-border-width) solid 6659 var(--bs-offcanvas-border-color); 6660 right: 0; 6661 top: 0; 6662 transform: translateX(100%); 6663 width: var(--bs-offcanvas-width); 6664 } 6665 .offcanvas-xl.offcanvas-top { 6666 border-bottom: var(--bs-offcanvas-border-width) solid 6667 var(--bs-offcanvas-border-color); 6668 top: 0; 6669 transform: translateY(-100%); 6670 } 6671 .offcanvas-xl.offcanvas-bottom, 6672 .offcanvas-xl.offcanvas-top { 6673 height: var(--bs-offcanvas-height); 6674 left: 0; 6675 max-height: 100%; 6676 right: 0; 6677 } 6678 .offcanvas-xl.offcanvas-bottom { 6679 border-top: var(--bs-offcanvas-border-width) solid 6680 var(--bs-offcanvas-border-color); 6681 transform: translateY(100%); 6682 } 6683 .offcanvas-xl.show:not(.hiding), 6684 .offcanvas-xl.showing { 6685 transform: none; 6686 } 6687 .offcanvas-xl.hiding, 6688 .offcanvas-xl.show, 6689 .offcanvas-xl.showing { 6690 visibility: visible; 6691 } 6692} 6693@media (min-width: 1200px) { 6694 .offcanvas-xl { 6695 --bs-offcanvas-height: auto; 6696 --bs-offcanvas-border-width: 0; 6697 background-color: transparent !important; 6698 } 6699 .offcanvas-xl .offcanvas-header { 6700 display: none; 6701 } 6702 .offcanvas-xl .offcanvas-body { 6703 background-color: transparent !important; 6704 display: flex; 6705 flex-grow: 0; 6706 overflow-y: visible; 6707 padding: 0; 6708 } 6709} 6710@media (max-width: 1399.98px) { 6711 .offcanvas-xxl { 6712 background-clip: padding-box; 6713 background-color: var(--bs-offcanvas-bg); 6714 bottom: 0; 6715 color: var(--bs-offcanvas-color); 6716 display: flex; 6717 flex-direction: column; 6718 max-width: 100%; 6719 outline: 0; 6720 position: fixed; 6721 transition: var(--bs-offcanvas-transition); 6722 visibility: hidden; 6723 z-index: var(--bs-offcanvas-zindex); 6724 } 6725} 6726@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { 6727 .offcanvas-xxl { 6728 transition: none; 6729 } 6730} 6731@media (max-width: 1399.98px) { 6732 .offcanvas-xxl.offcanvas-start { 6733 border-right: var(--bs-offcanvas-border-width) solid 6734 var(--bs-offcanvas-border-color); 6735 left: 0; 6736 top: 0; 6737 transform: translateX(-100%); 6738 width: var(--bs-offcanvas-width); 6739 } 6740 .offcanvas-xxl.offcanvas-end { 6741 border-left: var(--bs-offcanvas-border-width) solid 6742 var(--bs-offcanvas-border-color); 6743 right: 0; 6744 top: 0; 6745 transform: translateX(100%); 6746 width: var(--bs-offcanvas-width); 6747 } 6748 .offcanvas-xxl.offcanvas-top { 6749 border-bottom: var(--bs-offcanvas-border-width) solid 6750 var(--bs-offcanvas-border-color); 6751 top: 0; 6752 transform: translateY(-100%); 6753 } 6754 .offcanvas-xxl.offcanvas-bottom, 6755 .offcanvas-xxl.offcanvas-top { 6756 height: var(--bs-offcanvas-height); 6757 left: 0; 6758 max-height: 100%; 6759 right: 0; 6760 } 6761 .offcanvas-xxl.offcanvas-bottom { 6762 border-top: var(--bs-offcanvas-border-width) solid 6763 var(--bs-offcanvas-border-color); 6764 transform: translateY(100%); 6765 } 6766 .offcanvas-xxl.show:not(.hiding), 6767 .offcanvas-xxl.showing { 6768 transform: none; 6769 } 6770 .offcanvas-xxl.hiding, 6771 .offcanvas-xxl.show, 6772 .offcanvas-xxl.showing { 6773 visibility: visible; 6774 } 6775} 6776@media (min-width: 1400px) { 6777 .offcanvas-xxl { 6778 --bs-offcanvas-height: auto; 6779 --bs-offcanvas-border-width: 0; 6780 background-color: transparent !important; 6781 } 6782 .offcanvas-xxl .offcanvas-header { 6783 display: none; 6784 } 6785 .offcanvas-xxl .offcanvas-body { 6786 background-color: transparent !important; 6787 display: flex; 6788 flex-grow: 0; 6789 overflow-y: visible; 6790 padding: 0; 6791 } 6792} 6793.offcanvas { 6794 background-clip: padding-box; 6795 background-color: var(--bs-offcanvas-bg); 6796 bottom: 0; 6797 color: var(--bs-offcanvas-color); 6798 display: flex; 6799 flex-direction: column; 6800 max-width: 100%; 6801 outline: 0; 6802 position: fixed; 6803 transition: var(--bs-offcanvas-transition); 6804 visibility: hidden; 6805 z-index: var(--bs-offcanvas-zindex); 6806} 6807@media (prefers-reduced-motion: reduce) { 6808 .offcanvas { 6809 transition: none; 6810 } 6811} 6812.offcanvas.offcanvas-start { 6813 border-right: var(--bs-offcanvas-border-width) solid 6814 var(--bs-offcanvas-border-color); 6815 left: 0; 6816 top: 0; 6817 transform: translateX(-100%); 6818 width: var(--bs-offcanvas-width); 6819} 6820.offcanvas.offcanvas-end { 6821 border-left: var(--bs-offcanvas-border-width) solid 6822 var(--bs-offcanvas-border-color); 6823 right: 0; 6824 top: 0; 6825 transform: translateX(100%); 6826 width: var(--bs-offcanvas-width); 6827} 6828.offcanvas.offcanvas-top { 6829 border-bottom: var(--bs-offcanvas-border-width) solid 6830 var(--bs-offcanvas-border-color); 6831 top: 0; 6832 transform: translateY(-100%); 6833} 6834.offcanvas.offcanvas-bottom, 6835.offcanvas.offcanvas-top { 6836 height: var(--bs-offcanvas-height); 6837 left: 0; 6838 max-height: 100%; 6839 right: 0; 6840} 6841.offcanvas.offcanvas-bottom { 6842 border-top: var(--bs-offcanvas-border-width) solid 6843 var(--bs-offcanvas-border-color); 6844 transform: translateY(100%); 6845} 6846.offcanvas.show:not(.hiding), 6847.offcanvas.showing { 6848 transform: none; 6849} 6850.offcanvas.hiding, 6851.offcanvas.show, 6852.offcanvas.showing { 6853 visibility: visible; 6854} 6855.offcanvas-backdrop { 6856 background-color: #000; 6857 height: 100vh; 6858 left: 0; 6859 position: fixed; 6860 top: 0; 6861 width: 100vw; 6862 z-index: 1040; 6863} 6864.offcanvas-backdrop.fade { 6865 opacity: 0; 6866} 6867.offcanvas-backdrop.show { 6868 opacity: 0.5; 6869} 6870.offcanvas-header { 6871 align-items: center; 6872 display: flex; 6873 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); 6874} 6875.offcanvas-header .btn-close { 6876 margin: calc(var(--bs-offcanvas-padding-y) * -0.5) 6877 calc(var(--bs-offcanvas-padding-x) * -0.5) 6878 calc(var(--bs-offcanvas-padding-y) * -0.5) auto; 6879 padding: calc(var(--bs-offcanvas-padding-y) * 0.5) 6880 calc(var(--bs-offcanvas-padding-x) * 0.5); 6881} 6882.offcanvas-title { 6883 line-height: var(--bs-offcanvas-title-line-height); 6884 margin-bottom: 0; 6885} 6886.offcanvas-body { 6887 flex-grow: 1; 6888 overflow-y: auto; 6889 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); 6890} 6891.placeholder { 6892 background-color: currentcolor; 6893 cursor: wait; 6894 display: inline-block; 6895 min-height: 1em; 6896 opacity: 0.5; 6897 vertical-align: middle; 6898} 6899.placeholder.btn:before { 6900 content: ""; 6901 display: inline-block; 6902} 6903.placeholder-xs { 6904 min-height: 0.6em; 6905} 6906.placeholder-sm { 6907 min-height: 0.8em; 6908} 6909.placeholder-lg { 6910 min-height: 1.2em; 6911} 6912.placeholder-glow .placeholder { 6913 animation: placeholder-glow 2s ease-in-out infinite; 6914} 6915@keyframes placeholder-glow { 6916 50% { 6917 opacity: 0.2; 6918 } 6919} 6920.placeholder-wave { 6921 animation: placeholder-wave 2s linear infinite; 6922 -webkit-mask-image: linear-gradient( 6923 130deg, 6924 #000 55%, 6925 rgba(0, 0, 0, 0.8) 75%, 6926 #000 95% 6927 ); 6928 mask-image: linear-gradient( 6929 130deg, 6930 #000 55%, 6931 rgba(0, 0, 0, 0.8) 75%, 6932 #000 95% 6933 ); 6934 -webkit-mask-size: 200% 100%; 6935 mask-size: 200% 100%; 6936} 6937@keyframes placeholder-wave { 6938 to { 6939 -webkit-mask-position: -200% 0; 6940 mask-position: -200% 0; 6941 } 6942} 6943.clearfix:after { 6944 clear: both; 6945 content: ""; 6946 display: block; 6947} 6948.text-bg-primary { 6949 background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) 6950 !important; 6951 color: #000 !important; 6952} 6953.text-bg-secondary { 6954 background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) 6955 !important; 6956 color: #fff !important; 6957} 6958.text-bg-success { 6959 background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) 6960 !important; 6961 color: #000 !important; 6962} 6963.text-bg-info { 6964 background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) 6965 !important; 6966 color: #000 !important; 6967} 6968.text-bg-warning { 6969 background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) 6970 !important; 6971 color: #000 !important; 6972} 6973.text-bg-danger { 6974 background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) 6975 !important; 6976 color: #000 !important; 6977} 6978.text-bg-light { 6979 background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) 6980 !important; 6981 color: #000 !important; 6982} 6983.text-bg-dark { 6984 background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) 6985 !important; 6986 color: #fff !important; 6987} 6988.link-primary { 6989 color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; 6990 text-decoration-color: RGBA( 6991 var(--bs-primary-rgb), 6992 var(--bs-link-underline-opacity, 1) 6993 ) !important; 6994} 6995.link-primary:focus, 6996.link-primary:hover { 6997 color: RGBA(98, 191, 255, var(--bs-link-opacity, 1)) !important; 6998 text-decoration-color: RGBA(98, 191, 255, var(--bs-link-underline-opacity, 1)) 6999 !important; 7000} 7001.link-secondary { 7002 color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; 7003 text-decoration-color: RGBA( 7004 var(--bs-secondary-rgb), 7005 var(--bs-link-underline-opacity, 1) 7006 ) !important; 7007} 7008.link-secondary:focus, 7009.link-secondary:hover { 7010 color: RGBA(58, 58, 58, var(--bs-link-opacity, 1)) !important; 7011 text-decoration-color: RGBA(58, 58, 58, var(--bs-link-underline-opacity, 1)) 7012 !important; 7013} 7014.link-success { 7015 color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; 7016 text-decoration-color: RGBA( 7017 var(--bs-success-rgb), 7018 var(--bs-link-underline-opacity, 1) 7019 ) !important; 7020} 7021.link-success:focus, 7022.link-success:hover { 7023 color: RGBA(114, 237, 156, var(--bs-link-opacity, 1)) !important; 7024 text-decoration-color: RGBA( 7025 114, 7026 237, 7027 156, 7028 var(--bs-link-underline-opacity, 1) 7029 ) !important; 7030} 7031.link-info { 7032 color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; 7033 text-decoration-color: RGBA( 7034 var(--bs-info-rgb), 7035 var(--bs-link-underline-opacity, 1) 7036 ) !important; 7037} 7038.link-info:focus, 7039.link-info:hover { 7040 color: RGBA(128, 169, 250, var(--bs-link-opacity, 1)) !important; 7041 text-decoration-color: RGBA( 7042 128, 7043 169, 7044 250, 7045 var(--bs-link-underline-opacity, 1) 7046 ) !important; 7047} 7048.link-warning { 7049 color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; 7050 text-decoration-color: RGBA( 7051 var(--bs-warning-rgb), 7052 var(--bs-link-underline-opacity, 1) 7053 ) !important; 7054} 7055.link-warning:focus, 7056.link-warning:hover { 7057 color: RGBA(255, 212, 101, var(--bs-link-opacity, 1)) !important; 7058 text-decoration-color: RGBA( 7059 255, 7060 212, 7061 101, 7062 var(--bs-link-underline-opacity, 1) 7063 ) !important; 7064} 7065.link-danger { 7066 color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; 7067 text-decoration-color: RGBA( 7068 var(--bs-danger-rgb), 7069 var(--bs-link-underline-opacity, 1) 7070 ) !important; 7071} 7072.link-danger:focus, 7073.link-danger:hover { 7074 color: RGBA(255, 122, 116, var(--bs-link-opacity, 1)) !important; 7075 text-decoration-color: RGBA( 7076 255, 7077 122, 7078 116, 7079 var(--bs-link-underline-opacity, 1) 7080 ) !important; 7081} 7082.link-light { 7083 color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; 7084 text-decoration-color: RGBA( 7085 var(--bs-light-rgb), 7086 var(--bs-link-underline-opacity, 1) 7087 ) !important; 7088} 7089.link-light:focus, 7090.link-light:hover { 7091 color: RGBA(248, 248, 248, var(--bs-link-opacity, 1)) !important; 7092 text-decoration-color: RGBA( 7093 248, 7094 248, 7095 248, 7096 var(--bs-link-underline-opacity, 1) 7097 ) !important; 7098} 7099.link-dark { 7100 color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; 7101 text-decoration-color: RGBA( 7102 var(--bs-dark-rgb), 7103 var(--bs-link-underline-opacity, 1) 7104 ) !important; 7105} 7106.link-dark:focus, 7107.link-dark:hover { 7108 color: RGBA(21, 21, 21, var(--bs-link-opacity, 1)) !important; 7109 text-decoration-color: RGBA(21, 21, 21, var(--bs-link-underline-opacity, 1)) 7110 !important; 7111} 7112.link-body-emphasis { 7113 color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) 7114 !important; 7115 text-decoration-color: RGBA( 7116 var(--bs-emphasis-color-rgb), 7117 var(--bs-link-underline-opacity, 1) 7118 ) !important; 7119} 7120.link-body-emphasis:focus, 7121.link-body-emphasis:hover { 7122 color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) 7123 !important; 7124 text-decoration-color: RGBA( 7125 var(--bs-emphasis-color-rgb), 7126 var(--bs-link-underline-opacity, 0.75) 7127 ) !important; 7128} 7129.focus-ring:focus { 7130 box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) 7131 var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) 7132 var(--bs-focus-ring-color); 7133 outline: 0; 7134} 7135.icon-link { 7136 align-items: center; 7137 backface-visibility: hidden; 7138 display: inline-flex; 7139 gap: 0.375rem; 7140 text-decoration-color: rgba( 7141 var(--bs-link-color-rgb), 7142 var(--bs-link-opacity, 0.5) 7143 ); 7144 text-underline-offset: 0.25em; 7145} 7146.icon-link > .bi { 7147 flex-shrink: 0; 7148 height: 1em; 7149 width: 1em; 7150 fill: currentcolor; 7151 transition: transform 0.2s ease-in-out; 7152} 7153@media (prefers-reduced-motion: reduce) { 7154 .icon-link > .bi { 7155 transition: none; 7156 } 7157} 7158.icon-link-hover:focus-visible > .bi, 7159.icon-link-hover:hover > .bi { 7160 transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); 7161} 7162.ratio { 7163 position: relative; 7164 width: 100%; 7165} 7166.ratio:before { 7167 content: ""; 7168 display: block; 7169 padding-top: var(--bs-aspect-ratio); 7170} 7171.ratio > * { 7172 height: 100%; 7173 left: 0; 7174 position: absolute; 7175 top: 0; 7176 width: 100%; 7177} 7178.ratio-1x1 { 7179 --bs-aspect-ratio: 100%; 7180} 7181.ratio-4x3 { 7182 --bs-aspect-ratio: 75%; 7183} 7184.ratio-16x9 { 7185 --bs-aspect-ratio: 56.25%; 7186} 7187.ratio-21x9 { 7188 --bs-aspect-ratio: 42.8571428571%; 7189} 7190.fixed-top { 7191 top: 0; 7192} 7193.fixed-bottom, 7194.fixed-top { 7195 left: 0; 7196 position: fixed; 7197 right: 0; 7198 z-index: 1030; 7199} 7200.fixed-bottom { 7201 bottom: 0; 7202} 7203.sticky-top { 7204 top: 0; 7205} 7206.sticky-bottom, 7207.sticky-top { 7208 position: sticky; 7209 z-index: 1020; 7210} 7211.sticky-bottom { 7212 bottom: 0; 7213} 7214@media (min-width: 576px) { 7215 .sticky-sm-top { 7216 position: sticky; 7217 top: 0; 7218 z-index: 1020; 7219 } 7220 .sticky-sm-bottom { 7221 bottom: 0; 7222 position: sticky; 7223 z-index: 1020; 7224 } 7225} 7226@media (min-width: 768px) { 7227 .sticky-md-top { 7228 position: sticky; 7229 top: 0; 7230 z-index: 1020; 7231 } 7232 .sticky-md-bottom { 7233 bottom: 0; 7234 position: sticky; 7235 z-index: 1020; 7236 } 7237} 7238@media (min-width: 992px) { 7239 .sticky-lg-top { 7240 position: sticky; 7241 top: 0; 7242 z-index: 1020; 7243 } 7244 .sticky-lg-bottom { 7245 bottom: 0; 7246 position: sticky; 7247 z-index: 1020; 7248 } 7249} 7250@media (min-width: 1200px) { 7251 .sticky-xl-top { 7252 position: sticky; 7253 top: 0; 7254 z-index: 1020; 7255 } 7256 .sticky-xl-bottom { 7257 bottom: 0; 7258 position: sticky; 7259 z-index: 1020; 7260 } 7261} 7262@media (min-width: 1400px) { 7263 .sticky-xxl-top { 7264 position: sticky; 7265 top: 0; 7266 z-index: 1020; 7267 } 7268 .sticky-xxl-bottom { 7269 bottom: 0; 7270 position: sticky; 7271 z-index: 1020; 7272 } 7273} 7274.hstack { 7275 align-items: center; 7276 flex-direction: row; 7277} 7278.hstack, 7279.vstack { 7280 align-self: stretch; 7281 display: flex; 7282} 7283.vstack { 7284 flex: 1 1 auto; 7285 flex-direction: column; 7286} 7287.visually-hidden, 7288.visually-hidden-focusable:not(:focus):not(:focus-within) { 7289 height: 1px !important; 7290 margin: -1px !important; 7291 overflow: hidden !important; 7292 padding: 0 !important; 7293 width: 1px !important; 7294 clip: rect(0, 0, 0, 0) !important; 7295 border: 0 !important; 7296 white-space: nowrap !important; 7297} 7298.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), 7299.visually-hidden:not(caption) { 7300 position: absolute !important; 7301} 7302.stretched-link:after { 7303 bottom: 0; 7304 content: ""; 7305 left: 0; 7306 position: absolute; 7307 right: 0; 7308 top: 0; 7309 z-index: 1; 7310} 7311.text-truncate { 7312 overflow: hidden; 7313 text-overflow: ellipsis; 7314 white-space: nowrap; 7315} 7316.vr { 7317 align-self: stretch; 7318 background-color: currentcolor; 7319 display: inline-block; 7320 min-height: 1em; 7321 opacity: 0.25; 7322 width: var(--bs-border-width); 7323} 7324.align-baseline { 7325 vertical-align: baseline !important; 7326} 7327.align-top { 7328 vertical-align: top !important; 7329} 7330.align-middle { 7331 vertical-align: middle !important; 7332} 7333.align-bottom { 7334 vertical-align: bottom !important; 7335} 7336.align-text-bottom { 7337 vertical-align: text-bottom !important; 7338} 7339.align-text-top { 7340 vertical-align: text-top !important; 7341} 7342.float-start { 7343 float: left !important; 7344} 7345.float-end { 7346 float: right !important; 7347} 7348.float-none { 7349 float: none !important; 7350} 7351.object-fit-contain { 7352 -o-object-fit: contain !important; 7353 object-fit: contain !important; 7354} 7355.object-fit-cover { 7356 -o-object-fit: cover !important; 7357 object-fit: cover !important; 7358} 7359.object-fit-fill { 7360 -o-object-fit: fill !important; 7361 object-fit: fill !important; 7362} 7363.object-fit-scale { 7364 -o-object-fit: scale-down !important; 7365 object-fit: scale-down !important; 7366} 7367.object-fit-none { 7368 -o-object-fit: none !important; 7369 object-fit: none !important; 7370} 7371.opacity-0 { 7372 opacity: 0 !important; 7373} 7374.opacity-25 { 7375 opacity: 0.25 !important; 7376} 7377.opacity-50 { 7378 opacity: 0.5 !important; 7379} 7380.opacity-75 { 7381 opacity: 0.75 !important; 7382} 7383.opacity-100 { 7384 opacity: 1 !important; 7385} 7386.overflow-auto { 7387 overflow: auto !important; 7388} 7389.overflow-hidden { 7390 overflow: hidden !important; 7391} 7392.overflow-visible { 7393 overflow: visible !important; 7394} 7395.overflow-scroll { 7396 overflow: scroll !important; 7397} 7398.overflow-x-auto { 7399 overflow-x: auto !important; 7400} 7401.overflow-x-hidden { 7402 overflow-x: hidden !important; 7403} 7404.overflow-x-visible { 7405 overflow-x: visible !important; 7406} 7407.overflow-y-hidden { 7408 overflow-y: hidden !important; 7409} 7410.overflow-y-visible { 7411 overflow-y: visible !important; 7412} 7413.d-inline { 7414 display: inline !important; 7415} 7416.d-inline-block { 7417 display: inline-block !important; 7418} 7419.d-block { 7420 display: block !important; 7421} 7422.d-grid { 7423 display: grid !important; 7424} 7425.d-inline-grid { 7426 display: inline-grid !important; 7427} 7428.d-table { 7429 display: table !important; 7430} 7431.d-table-row { 7432 display: table-row !important; 7433} 7434.d-table-cell { 7435 display: table-cell !important; 7436} 7437.d-flex { 7438 display: flex !important; 7439} 7440.d-inline-flex { 7441 display: inline-flex !important; 7442} 7443.d-none { 7444 display: none !important; 7445} 7446.shadow { 7447 box-shadow: var(--bs-box-shadow) !important; 7448} 7449.shadow-sm { 7450 box-shadow: var(--bs-box-shadow-sm) !important; 7451} 7452.shadow-lg { 7453 box-shadow: var(--bs-box-shadow-lg) !important; 7454} 7455.shadow-none { 7456 box-shadow: none !important; 7457} 7458.focus-ring-primary { 7459 --bs-focus-ring-color: rgba( 7460 var(--bs-primary-rgb), 7461 var(--bs-focus-ring-opacity) 7462 ); 7463} 7464.focus-ring-secondary { 7465 --bs-focus-ring-color: rgba( 7466 var(--bs-secondary-rgb), 7467 var(--bs-focus-ring-opacity) 7468 ); 7469} 7470.focus-ring-success { 7471 --bs-focus-ring-color: rgba( 7472 var(--bs-success-rgb), 7473 var(--bs-focus-ring-opacity) 7474 ); 7475} 7476.focus-ring-info { 7477 --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); 7478} 7479.focus-ring-warning { 7480 --bs-focus-ring-color: rgba( 7481 var(--bs-warning-rgb), 7482 var(--bs-focus-ring-opacity) 7483 ); 7484} 7485.focus-ring-danger { 7486 --bs-focus-ring-color: rgba( 7487 var(--bs-danger-rgb), 7488 var(--bs-focus-ring-opacity) 7489 ); 7490} 7491.focus-ring-light { 7492 --bs-focus-ring-color: rgba( 7493 var(--bs-light-rgb), 7494 var(--bs-focus-ring-opacity) 7495 ); 7496} 7497.focus-ring-dark { 7498 --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); 7499} 7500.position-static { 7501 position: static !important; 7502} 7503.position-relative { 7504 position: relative !important; 7505} 7506.position-absolute { 7507 position: absolute !important; 7508} 7509.position-fixed { 7510 position: fixed !important; 7511} 7512.position-sticky { 7513 position: sticky !important; 7514} 7515.top-0 { 7516 top: 0 !important; 7517} 7518.top-50 { 7519 top: 50% !important; 7520} 7521.top-100 { 7522 top: 100% !important; 7523} 7524.bottom-0 { 7525 bottom: 0 !important; 7526} 7527.bottom-50 { 7528 bottom: 50% !important; 7529} 7530.bottom-100 { 7531 bottom: 100% !important; 7532} 7533.start-0 { 7534 left: 0 !important; 7535} 7536.start-50 { 7537 left: 50% !important; 7538} 7539.start-100 { 7540 left: 100% !important; 7541} 7542.end-0 { 7543 right: 0 !important; 7544} 7545.end-50 { 7546 right: 50% !important; 7547} 7548.end-100 { 7549 right: 100% !important; 7550} 7551.translate-middle { 7552 transform: translate(-50%, -50%) !important; 7553} 7554.translate-middle-x { 7555 transform: translateX(-50%) !important; 7556} 7557.translate-middle-y { 7558 transform: translateY(-50%) !important; 7559} 7560.border { 7561 border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) 7562 !important; 7563} 7564.border-0 { 7565 border: 0 !important; 7566} 7567.border-top { 7568 border-top: var(--bs-border-width) var(--bs-border-style) 7569 var(--bs-border-color) !important; 7570} 7571.border-top-0 { 7572 border-top: 0 !important; 7573} 7574.border-end { 7575 border-right: var(--bs-border-width) var(--bs-border-style) 7576 var(--bs-border-color) !important; 7577} 7578.border-end-0 { 7579 border-right: 0 !important; 7580} 7581.border-bottom { 7582 border-bottom: var(--bs-border-width) var(--bs-border-style) 7583 var(--bs-border-color) !important; 7584} 7585.border-bottom-0 { 7586 border-bottom: 0 !important; 7587} 7588.border-start { 7589 border-left: var(--bs-border-width) var(--bs-border-style) 7590 var(--bs-border-color) !important; 7591} 7592.border-start-0 { 7593 border-left: 0 !important; 7594} 7595.border-primary { 7596 --bs-border-opacity: 1; 7597 border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) 7598 !important; 7599} 7600.border-secondary { 7601 --bs-border-opacity: 1; 7602 border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) 7603 !important; 7604} 7605.border-success { 7606 --bs-border-opacity: 1; 7607 border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) 7608 !important; 7609} 7610.border-info { 7611 --bs-border-opacity: 1; 7612 border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; 7613} 7614.border-warning { 7615 --bs-border-opacity: 1; 7616 border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) 7617 !important; 7618} 7619.border-danger { 7620 --bs-border-opacity: 1; 7621 border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; 7622} 7623.border-light { 7624 --bs-border-opacity: 1; 7625 border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; 7626} 7627.border-dark { 7628 --bs-border-opacity: 1; 7629 border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; 7630} 7631.border-black { 7632 --bs-border-opacity: 1; 7633 border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; 7634} 7635.border-white { 7636 --bs-border-opacity: 1; 7637 border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; 7638} 7639.border-primary-subtle { 7640 border-color: var(--bs-primary-border-subtle) !important; 7641} 7642.border-secondary-subtle { 7643 border-color: var(--bs-secondary-border-subtle) !important; 7644} 7645.border-success-subtle { 7646 border-color: var(--bs-success-border-subtle) !important; 7647} 7648.border-info-subtle { 7649 border-color: var(--bs-info-border-subtle) !important; 7650} 7651.border-warning-subtle { 7652 border-color: var(--bs-warning-border-subtle) !important; 7653} 7654.border-danger-subtle { 7655 border-color: var(--bs-danger-border-subtle) !important; 7656} 7657.border-light-subtle { 7658 border-color: var(--bs-light-border-subtle) !important; 7659} 7660.border-dark-subtle { 7661 border-color: var(--bs-dark-border-subtle) !important; 7662} 7663.border-1 { 7664 border-width: 1px !important; 7665} 7666.border-2 { 7667 border-width: 2px !important; 7668} 7669.border-3 { 7670 border-width: 3px !important; 7671} 7672.border-4 { 7673 border-width: 4px !important; 7674} 7675.border-5 { 7676 border-width: 5px !important; 7677} 7678.border-opacity-10 { 7679 --bs-border-opacity: 0.1; 7680} 7681.border-opacity-25 { 7682 --bs-border-opacity: 0.25; 7683} 7684.border-opacity-50 { 7685 --bs-border-opacity: 0.5; 7686} 7687.border-opacity-75 { 7688 --bs-border-opacity: 0.75; 7689} 7690.border-opacity-100 { 7691 --bs-border-opacity: 1; 7692} 7693.w-25 { 7694 width: 25% !important; 7695} 7696.w-50 { 7697 width: 50% !important; 7698} 7699.w-75 { 7700 width: 75% !important; 7701} 7702.w-100 { 7703 width: 100% !important; 7704} 7705.w-auto { 7706 width: auto !important; 7707} 7708.mw-100 { 7709 max-width: 100% !important; 7710} 7711.vw-100 { 7712 width: 100vw !important; 7713} 7714.min-vw-100 { 7715 min-width: 100vw !important; 7716} 7717.h-25 { 7718 height: 25% !important; 7719} 7720.h-50 { 7721 height: 50% !important; 7722} 7723.h-75 { 7724 height: 75% !important; 7725} 7726.h-100 { 7727 height: 100% !important; 7728} 7729.h-auto { 7730 height: auto !important; 7731} 7732.mh-100 { 7733 max-height: 100% !important; 7734} 7735.vh-100 { 7736 height: 100vh !important; 7737} 7738.min-vh-100 { 7739 min-height: 100vh !important; 7740} 7741.flex-fill { 7742 flex: 1 1 auto !important; 7743} 7744.flex-row { 7745 flex-direction: row !important; 7746} 7747.flex-column { 7748 flex-direction: column !important; 7749} 7750.flex-row-reverse { 7751 flex-direction: row-reverse !important; 7752} 7753.flex-column-reverse { 7754 flex-direction: column-reverse !important; 7755} 7756.flex-grow-0 { 7757 flex-grow: 0 !important; 7758} 7759.flex-grow-1 { 7760 flex-grow: 1 !important; 7761} 7762.flex-shrink-0 { 7763 flex-shrink: 0 !important; 7764} 7765.flex-shrink-1 { 7766 flex-shrink: 1 !important; 7767} 7768.flex-wrap { 7769 flex-wrap: wrap !important; 7770} 7771.flex-nowrap { 7772 flex-wrap: nowrap !important; 7773} 7774.flex-wrap-reverse { 7775 flex-wrap: wrap-reverse !important; 7776} 7777.justify-content-start { 7778 justify-content: flex-start !important; 7779} 7780.justify-content-end { 7781 justify-content: flex-end !important; 7782} 7783.justify-content-center { 7784 justify-content: center !important; 7785} 7786.justify-content-between { 7787 justify-content: space-between !important; 7788} 7789.justify-content-around { 7790 justify-content: space-around !important; 7791} 7792.justify-content-evenly { 7793 justify-content: space-evenly !important; 7794} 7795.align-items-start { 7796 align-items: flex-start !important; 7797} 7798.align-items-end { 7799 align-items: flex-end !important; 7800} 7801.align-items-center { 7802 align-items: center !important; 7803} 7804.align-items-baseline { 7805 align-items: baseline !important; 7806} 7807.align-items-stretch { 7808 align-items: stretch !important; 7809} 7810.align-content-start { 7811 align-content: flex-start !important; 7812} 7813.align-content-end { 7814 align-content: flex-end !important; 7815} 7816.align-content-center { 7817 align-content: center !important; 7818} 7819.align-content-between { 7820 align-content: space-between !important; 7821} 7822.align-content-around { 7823 align-content: space-around !important; 7824} 7825.align-content-stretch { 7826 align-content: stretch !important; 7827} 7828.align-self-auto { 7829 align-self: auto !important; 7830} 7831.align-self-start { 7832 align-self: flex-start !important; 7833} 7834.align-self-end { 7835 align-self: flex-end !important; 7836} 7837.align-self-center { 7838 align-self: center !important; 7839} 7840.align-self-baseline { 7841 align-self: baseline !important; 7842} 7843.align-self-stretch { 7844 align-self: stretch !important; 7845} 7846.order-first { 7847 order: -1 !important; 7848} 7849.order-0 { 7850 order: 0 !important; 7851} 7852.order-1 { 7853 order: 1 !important; 7854} 7855.order-2 { 7856 order: 2 !important; 7857} 7858.order-3 { 7859 order: 3 !important; 7860} 7861.order-4 { 7862 order: 4 !important; 7863} 7864.order-5 { 7865 order: 5 !important; 7866} 7867.order-last { 7868 order: 6 !important; 7869} 7870.m-0 { 7871 margin: 0 !important; 7872} 7873.m-1 { 7874 margin: 0.25rem !important; 7875} 7876.m-2 { 7877 margin: 0.5rem !important; 7878} 7879.m-3 { 7880 margin: 1rem !important; 7881} 7882.m-4 { 7883 margin: 1.5rem !important; 7884} 7885.m-5 { 7886 margin: 3rem !important; 7887} 7888.m-auto { 7889 margin: auto !important; 7890} 7891.mx-0 { 7892 margin-left: 0 !important; 7893 margin-right: 0 !important; 7894} 7895.mx-1 { 7896 margin-left: 0.25rem !important; 7897 margin-right: 0.25rem !important; 7898} 7899.mx-2 { 7900 margin-left: 0.5rem !important; 7901 margin-right: 0.5rem !important; 7902} 7903.mx-3 { 7904 margin-left: 1rem !important; 7905 margin-right: 1rem !important; 7906} 7907.mx-4 { 7908 margin-left: 1.5rem !important; 7909 margin-right: 1.5rem !important; 7910} 7911.mx-5 { 7912 margin-left: 3rem !important; 7913 margin-right: 3rem !important; 7914} 7915.mx-auto { 7916 margin-left: auto !important; 7917 margin-right: auto !important; 7918} 7919.my-0 { 7920 margin-bottom: 0 !important; 7921 margin-top: 0 !important; 7922} 7923.my-1 { 7924 margin-bottom: 0.25rem !important; 7925 margin-top: 0.25rem !important; 7926} 7927.my-2 { 7928 margin-bottom: 0.5rem !important; 7929 margin-top: 0.5rem !important; 7930} 7931.my-3 { 7932 margin-bottom: 1rem !important; 7933 margin-top: 1rem !important; 7934} 7935.my-4 { 7936 margin-bottom: 1.5rem !important; 7937 margin-top: 1.5rem !important; 7938} 7939.my-5 { 7940 margin-bottom: 3rem !important; 7941 margin-top: 3rem !important; 7942} 7943.my-auto { 7944 margin-bottom: auto !important; 7945 margin-top: auto !important; 7946} 7947.mt-0 { 7948 margin-top: 0 !important; 7949} 7950.mt-1 { 7951 margin-top: 0.25rem !important; 7952} 7953.mt-2 { 7954 margin-top: 0.5rem !important; 7955} 7956.mt-3 { 7957 margin-top: 1rem !important; 7958} 7959.mt-4 { 7960 margin-top: 1.5rem !important; 7961} 7962.mt-5 { 7963 margin-top: 3rem !important; 7964} 7965.mt-auto { 7966 margin-top: auto !important; 7967} 7968.me-0 { 7969 margin-right: 0 !important; 7970} 7971.me-1 { 7972 margin-right: 0.25rem !important; 7973} 7974.me-2 { 7975 margin-right: 0.5rem !important; 7976} 7977.me-3 { 7978 margin-right: 1rem !important; 7979} 7980.me-4 { 7981 margin-right: 1.5rem !important; 7982} 7983.me-5 { 7984 margin-right: 3rem !important; 7985} 7986.me-auto { 7987 margin-right: auto !important; 7988} 7989.mb-0 { 7990 margin-bottom: 0 !important; 7991} 7992.mb-1 { 7993 margin-bottom: 0.25rem !important; 7994} 7995.mb-2 { 7996 margin-bottom: 0.5rem !important; 7997} 7998.mb-3 { 7999 margin-bottom: 1rem !important; 8000} 8001.mb-4 { 8002 margin-bottom: 1.5rem !important; 8003} 8004.mb-5 { 8005 margin-bottom: 3rem !important; 8006} 8007.mb-auto { 8008 margin-bottom: auto !important; 8009} 8010.ms-0 { 8011 margin-left: 0 !important; 8012} 8013.ms-1 { 8014 margin-left: 0.25rem !important; 8015} 8016.ms-2 { 8017 margin-left: 0.5rem !important; 8018} 8019.ms-3 { 8020 margin-left: 1rem !important; 8021} 8022.ms-4 { 8023 margin-left: 1.5rem !important; 8024} 8025.ms-5 { 8026 margin-left: 3rem !important; 8027} 8028.ms-auto { 8029 margin-left: auto !important; 8030} 8031.p-0 { 8032 padding: 0 !important; 8033} 8034.p-1 { 8035 padding: 0.25rem !important; 8036} 8037.p-2 { 8038 padding: 0.5rem !important; 8039} 8040.p-3 { 8041 padding: 1rem !important; 8042} 8043.p-4 { 8044 padding: 1.5rem !important; 8045} 8046.p-5 { 8047 padding: 3rem !important; 8048} 8049.px-0 { 8050 padding-left: 0 !important; 8051 padding-right: 0 !important; 8052} 8053.px-1 { 8054 padding-left: 0.25rem !important; 8055 padding-right: 0.25rem !important; 8056} 8057.px-2 { 8058 padding-left: 0.5rem !important; 8059 padding-right: 0.5rem !important; 8060} 8061.px-3 { 8062 padding-left: 1rem !important; 8063 padding-right: 1rem !important; 8064} 8065.px-4 { 8066 padding-left: 1.5rem !important; 8067 padding-right: 1.5rem !important; 8068} 8069.px-5 { 8070 padding-left: 3rem !important; 8071 padding-right: 3rem !important; 8072} 8073.py-0 { 8074 padding-bottom: 0 !important; 8075 padding-top: 0 !important; 8076} 8077.py-1 { 8078 padding-bottom: 0.25rem !important; 8079 padding-top: 0.25rem !important; 8080} 8081.py-2 { 8082 padding-bottom: 0.5rem !important; 8083 padding-top: 0.5rem !important; 8084} 8085.py-3 { 8086 padding-bottom: 1rem !important; 8087 padding-top: 1rem !important; 8088} 8089.py-4 { 8090 padding-bottom: 1.5rem !important; 8091 padding-top: 1.5rem !important; 8092} 8093.py-5 { 8094 padding-bottom: 3rem !important; 8095 padding-top: 3rem !important; 8096} 8097.pt-0 { 8098 padding-top: 0 !important; 8099} 8100.pt-1 { 8101 padding-top: 0.25rem !important; 8102} 8103.pt-2 { 8104 padding-top: 0.5rem !important; 8105} 8106.pt-3 { 8107 padding-top: 1rem !important; 8108} 8109.pt-4 { 8110 padding-top: 1.5rem !important; 8111} 8112.pt-5 { 8113 padding-top: 3rem !important; 8114} 8115.pe-0 { 8116 padding-right: 0 !important; 8117} 8118.pe-1 { 8119 padding-right: 0.25rem !important; 8120} 8121.pe-2 { 8122 padding-right: 0.5rem !important; 8123} 8124.pe-3 { 8125 padding-right: 1rem !important; 8126} 8127.pe-4 { 8128 padding-right: 1.5rem !important; 8129} 8130.pe-5 { 8131 padding-right: 3rem !important; 8132} 8133.pb-0 { 8134 padding-bottom: 0 !important; 8135} 8136.pb-1 { 8137 padding-bottom: 0.25rem !important; 8138} 8139.pb-2 { 8140 padding-bottom: 0.5rem !important; 8141} 8142.pb-3 { 8143 padding-bottom: 1rem !important; 8144} 8145.pb-4 { 8146 padding-bottom: 1.5rem !important; 8147} 8148.pb-5 { 8149 padding-bottom: 3rem !important; 8150} 8151.ps-0 { 8152 padding-left: 0 !important; 8153} 8154.ps-1 { 8155 padding-left: 0.25rem !important; 8156} 8157.ps-2 { 8158 padding-left: 0.5rem !important; 8159} 8160.ps-3 { 8161 padding-left: 1rem !important; 8162} 8163.ps-4 { 8164 padding-left: 1.5rem !important; 8165} 8166.ps-5 { 8167 padding-left: 3rem !important; 8168} 8169.gap-0 { 8170 gap: 0 !important; 8171} 8172.gap-1 { 8173 gap: 0.25rem !important; 8174} 8175.gap-2 { 8176 gap: 0.5rem !important; 8177} 8178.gap-3 { 8179 gap: 1rem !important; 8180} 8181.gap-4 { 8182 gap: 1.5rem !important; 8183} 8184.gap-5 { 8185 gap: 3rem !important; 8186} 8187.row-gap-0 { 8188 row-gap: 0 !important; 8189} 8190.row-gap-1 { 8191 row-gap: 0.25rem !important; 8192} 8193.row-gap-2 { 8194 row-gap: 0.5rem !important; 8195} 8196.row-gap-3 { 8197 row-gap: 1rem !important; 8198} 8199.row-gap-4 { 8200 row-gap: 1.5rem !important; 8201} 8202.row-gap-5 { 8203 row-gap: 3rem !important; 8204} 8205.column-gap-0 { 8206 -moz-column-gap: 0 !important; 8207 column-gap: 0 !important; 8208} 8209.column-gap-1 { 8210 -moz-column-gap: 0.25rem !important; 8211 column-gap: 0.25rem !important; 8212} 8213.column-gap-2 { 8214 -moz-column-gap: 0.5rem !important; 8215 column-gap: 0.5rem !important; 8216} 8217.column-gap-3 { 8218 -moz-column-gap: 1rem !important; 8219 column-gap: 1rem !important; 8220} 8221.column-gap-4 { 8222 -moz-column-gap: 1.5rem !important; 8223 column-gap: 1.5rem !important; 8224} 8225.column-gap-5 { 8226 -moz-column-gap: 3rem !important; 8227 column-gap: 3rem !important; 8228} 8229.font-monospace { 8230 font-family: var(--bs-font-monospace) !important; 8231} 8232.fs-1 { 8233 font-size: calc(1.375rem + 1.5vw) !important; 8234} 8235.fs-2 { 8236 font-size: calc(1.325rem + 0.9vw) !important; 8237} 8238.fs-3 { 8239 font-size: calc(1.3rem + 0.6vw) !important; 8240} 8241.fs-4 { 8242 font-size: calc(1.275rem + 0.3vw) !important; 8243} 8244.fs-5 { 8245 font-size: 1.25rem !important; 8246} 8247.fs-6 { 8248 font-size: 1rem !important; 8249} 8250.fst-italic { 8251 font-style: italic !important; 8252} 8253.fst-normal { 8254 font-style: normal !important; 8255} 8256.fw-lighter { 8257 font-weight: lighter !important; 8258} 8259.fw-light { 8260 font-weight: 300 !important; 8261} 8262.fw-normal { 8263 font-weight: 400 !important; 8264} 8265.fw-medium { 8266 font-weight: 500 !important; 8267} 8268.fw-semibold { 8269 font-weight: 600 !important; 8270} 8271.fw-bold { 8272 font-weight: 700 !important; 8273} 8274.fw-bolder { 8275 font-weight: bolder !important; 8276} 8277.lh-1 { 8278 line-height: 1 !important; 8279} 8280.lh-sm { 8281 line-height: 1.25 !important; 8282} 8283.lh-base { 8284 line-height: 1.5 !important; 8285} 8286.lh-lg { 8287 line-height: 2 !important; 8288} 8289.text-start { 8290 text-align: left !important; 8291} 8292.text-end { 8293 text-align: right !important; 8294} 8295.text-center { 8296 text-align: center !important; 8297} 8298.text-decoration-none { 8299 text-decoration: none !important; 8300} 8301.text-decoration-underline { 8302 text-decoration: underline !important; 8303} 8304.text-decoration-line-through { 8305 text-decoration: line-through !important; 8306} 8307.text-lowercase { 8308 text-transform: lowercase !important; 8309} 8310.text-uppercase { 8311 text-transform: uppercase !important; 8312} 8313.text-capitalize { 8314 text-transform: capitalize !important; 8315} 8316.text-wrap { 8317 white-space: normal !important; 8318} 8319.text-nowrap { 8320 white-space: nowrap !important; 8321} 8322.text-break { 8323 word-wrap: break-word !important; 8324 word-break: break-word !important; 8325} 8326.text-primary { 8327 --bs-text-opacity: 1; 8328 color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; 8329} 8330.text-secondary { 8331 --bs-text-opacity: 1; 8332 color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; 8333} 8334.text-success { 8335 --bs-text-opacity: 1; 8336 color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; 8337} 8338.text-info { 8339 --bs-text-opacity: 1; 8340 color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; 8341} 8342.text-warning { 8343 --bs-text-opacity: 1; 8344 color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; 8345} 8346.text-danger { 8347 --bs-text-opacity: 1; 8348 color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; 8349} 8350.text-light { 8351 --bs-text-opacity: 1; 8352 color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; 8353} 8354.text-dark { 8355 --bs-text-opacity: 1; 8356 color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; 8357} 8358.text-black { 8359 --bs-text-opacity: 1; 8360 color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; 8361} 8362.text-white { 8363 --bs-text-opacity: 1; 8364 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; 8365} 8366.text-body { 8367 --bs-text-opacity: 1; 8368 color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; 8369} 8370.text-muted { 8371 --bs-text-opacity: 1; 8372 color: var(--bs-secondary-color) !important; 8373} 8374.text-black-50 { 8375 --bs-text-opacity: 1; 8376 color: rgba(0, 0, 0, 0.5) !important; 8377} 8378.text-white-50 { 8379 --bs-text-opacity: 1; 8380 color: hsla(0, 0%, 100%, 0.5) !important; 8381} 8382.text-body-secondary { 8383 --bs-text-opacity: 1; 8384 color: var(--bs-secondary-color) !important; 8385} 8386.text-body-tertiary { 8387 --bs-text-opacity: 1; 8388 color: var(--bs-tertiary-color) !important; 8389} 8390.text-body-emphasis { 8391 --bs-text-opacity: 1; 8392 color: var(--bs-emphasis-color) !important; 8393} 8394.text-reset { 8395 --bs-text-opacity: 1; 8396 color: inherit !important; 8397} 8398.text-opacity-25 { 8399 --bs-text-opacity: 0.25; 8400} 8401.text-opacity-50 { 8402 --bs-text-opacity: 0.5; 8403} 8404.text-opacity-75 { 8405 --bs-text-opacity: 0.75; 8406} 8407.text-opacity-100 { 8408 --bs-text-opacity: 1; 8409} 8410.text-primary-emphasis { 8411 color: var(--bs-primary-text-emphasis) !important; 8412} 8413.text-secondary-emphasis { 8414 color: var(--bs-secondary-text-emphasis) !important; 8415} 8416.text-success-emphasis { 8417 color: var(--bs-success-text-emphasis) !important; 8418} 8419.text-info-emphasis { 8420 color: var(--bs-info-text-emphasis) !important; 8421} 8422.text-warning-emphasis { 8423 color: var(--bs-warning-text-emphasis) !important; 8424} 8425.text-danger-emphasis { 8426 color: var(--bs-danger-text-emphasis) !important; 8427} 8428.text-light-emphasis { 8429 color: var(--bs-light-text-emphasis) !important; 8430} 8431.text-dark-emphasis { 8432 color: var(--bs-dark-text-emphasis) !important; 8433} 8434.link-opacity-10, 8435.link-opacity-10-hover:hover { 8436 --bs-link-opacity: 0.1; 8437} 8438.link-opacity-25, 8439.link-opacity-25-hover:hover { 8440 --bs-link-opacity: 0.25; 8441} 8442.link-opacity-50, 8443.link-opacity-50-hover:hover { 8444 --bs-link-opacity: 0.5; 8445} 8446.link-opacity-75, 8447.link-opacity-75-hover:hover { 8448 --bs-link-opacity: 0.75; 8449} 8450.link-opacity-100, 8451.link-opacity-100-hover:hover { 8452 --bs-link-opacity: 1; 8453} 8454.link-offset-1, 8455.link-offset-1-hover:hover { 8456 text-underline-offset: 0.125em !important; 8457} 8458.link-offset-2, 8459.link-offset-2-hover:hover { 8460 text-underline-offset: 0.25em !important; 8461} 8462.link-offset-3, 8463.link-offset-3-hover:hover { 8464 text-underline-offset: 0.375em !important; 8465} 8466.link-underline-primary { 8467 --bs-link-underline-opacity: 1; 8468 text-decoration-color: rgba( 8469 var(--bs-primary-rgb), 8470 var(--bs-link-underline-opacity) 8471 ) !important; 8472} 8473.link-underline-secondary { 8474 --bs-link-underline-opacity: 1; 8475 text-decoration-color: rgba( 8476 var(--bs-secondary-rgb), 8477 var(--bs-link-underline-opacity) 8478 ) !important; 8479} 8480.link-underline-success { 8481 --bs-link-underline-opacity: 1; 8482 text-decoration-color: rgba( 8483 var(--bs-success-rgb), 8484 var(--bs-link-underline-opacity) 8485 ) !important; 8486} 8487.link-underline-info { 8488 --bs-link-underline-opacity: 1; 8489 text-decoration-color: rgba( 8490 var(--bs-info-rgb), 8491 var(--bs-link-underline-opacity) 8492 ) !important; 8493} 8494.link-underline-warning { 8495 --bs-link-underline-opacity: 1; 8496 text-decoration-color: rgba( 8497 var(--bs-warning-rgb), 8498 var(--bs-link-underline-opacity) 8499 ) !important; 8500} 8501.link-underline-danger { 8502 --bs-link-underline-opacity: 1; 8503 text-decoration-color: rgba( 8504 var(--bs-danger-rgb), 8505 var(--bs-link-underline-opacity) 8506 ) !important; 8507} 8508.link-underline-light { 8509 --bs-link-underline-opacity: 1; 8510 text-decoration-color: rgba( 8511 var(--bs-light-rgb), 8512 var(--bs-link-underline-opacity) 8513 ) !important; 8514} 8515.link-underline-dark { 8516 --bs-link-underline-opacity: 1; 8517 text-decoration-color: rgba( 8518 var(--bs-dark-rgb), 8519 var(--bs-link-underline-opacity) 8520 ) !important; 8521} 8522.link-underline { 8523 --bs-link-underline-opacity: 1; 8524 text-decoration-color: rgba( 8525 var(--bs-link-color-rgb), 8526 var(--bs-link-underline-opacity, 1) 8527 ) !important; 8528} 8529.link-underline-opacity-0, 8530.link-underline-opacity-0-hover:hover { 8531 --bs-link-underline-opacity: 0; 8532} 8533.link-underline-opacity-10, 8534.link-underline-opacity-10-hover:hover { 8535 --bs-link-underline-opacity: 0.1; 8536} 8537.link-underline-opacity-25, 8538.link-underline-opacity-25-hover:hover { 8539 --bs-link-underline-opacity: 0.25; 8540} 8541.link-underline-opacity-50, 8542.link-underline-opacity-50-hover:hover { 8543 --bs-link-underline-opacity: 0.5; 8544} 8545.link-underline-opacity-75, 8546.link-underline-opacity-75-hover:hover { 8547 --bs-link-underline-opacity: 0.75; 8548} 8549.link-underline-opacity-100, 8550.link-underline-opacity-100-hover:hover { 8551 --bs-link-underline-opacity: 1; 8552} 8553.bg-primary { 8554 --bs-bg-opacity: 1; 8555 background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) 8556 !important; 8557} 8558.bg-secondary { 8559 --bs-bg-opacity: 1; 8560 background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) 8561 !important; 8562} 8563.bg-success { 8564 --bs-bg-opacity: 1; 8565 background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) 8566 !important; 8567} 8568.bg-info { 8569 --bs-bg-opacity: 1; 8570 background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; 8571} 8572.bg-warning { 8573 --bs-bg-opacity: 1; 8574 background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) 8575 !important; 8576} 8577.bg-danger { 8578 --bs-bg-opacity: 1; 8579 background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; 8580} 8581.bg-light { 8582 --bs-bg-opacity: 1; 8583 background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; 8584} 8585.bg-dark { 8586 --bs-bg-opacity: 1; 8587 background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; 8588} 8589.bg-black { 8590 --bs-bg-opacity: 1; 8591 background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; 8592} 8593.bg-white { 8594 --bs-bg-opacity: 1; 8595 background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; 8596} 8597.bg-body { 8598 --bs-bg-opacity: 1; 8599 background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) 8600 !important; 8601} 8602.bg-transparent { 8603 --bs-bg-opacity: 1; 8604 background-color: transparent !important; 8605} 8606.bg-body-secondary { 8607 --bs-bg-opacity: 1; 8608 background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) 8609 !important; 8610} 8611.bg-body-tertiary { 8612 --bs-bg-opacity: 1; 8613 background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) 8614 !important; 8615} 8616.bg-opacity-10 { 8617 --bs-bg-opacity: 0.1; 8618} 8619.bg-opacity-25 { 8620 --bs-bg-opacity: 0.25; 8621} 8622.bg-opacity-50 { 8623 --bs-bg-opacity: 0.5; 8624} 8625.bg-opacity-75 { 8626 --bs-bg-opacity: 0.75; 8627} 8628.bg-opacity-100 { 8629 --bs-bg-opacity: 1; 8630} 8631.bg-primary-subtle { 8632 background-color: var(--bs-primary-bg-subtle) !important; 8633} 8634.bg-secondary-subtle { 8635 background-color: var(--bs-secondary-bg-subtle) !important; 8636} 8637.bg-success-subtle { 8638 background-color: var(--bs-success-bg-subtle) !important; 8639} 8640.bg-info-subtle { 8641 background-color: var(--bs-info-bg-subtle) !important; 8642} 8643.bg-warning-subtle { 8644 background-color: var(--bs-warning-bg-subtle) !important; 8645} 8646.bg-danger-subtle { 8647 background-color: var(--bs-danger-bg-subtle) !important; 8648} 8649.bg-light-subtle { 8650 background-color: var(--bs-light-bg-subtle) !important; 8651} 8652.bg-dark-subtle { 8653 background-color: var(--bs-dark-bg-subtle) !important; 8654} 8655.bg-gradient { 8656 background-image: var(--bs-gradient) !important; 8657} 8658.user-select-all { 8659 -webkit-user-select: all !important; 8660 -moz-user-select: all !important; 8661 user-select: all !important; 8662} 8663.user-select-auto { 8664 -webkit-user-select: auto !important; 8665 -moz-user-select: auto !important; 8666 user-select: auto !important; 8667} 8668.user-select-none { 8669 -webkit-user-select: none !important; 8670 -moz-user-select: none !important; 8671 user-select: none !important; 8672} 8673.pe-none { 8674 pointer-events: none !important; 8675} 8676.pe-auto { 8677 pointer-events: auto !important; 8678} 8679.rounded { 8680 border-radius: var(--bs-border-radius) !important; 8681} 8682.rounded-0 { 8683 border-radius: 0 !important; 8684} 8685.rounded-1 { 8686 border-radius: var(--bs-border-radius-sm) !important; 8687} 8688.rounded-2 { 8689 border-radius: var(--bs-border-radius) !important; 8690} 8691.rounded-3 { 8692 border-radius: var(--bs-border-radius-lg) !important; 8693} 8694.rounded-4 { 8695 border-radius: var(--bs-border-radius-xl) !important; 8696} 8697.rounded-5 { 8698 border-radius: var(--bs-border-radius-xxl) !important; 8699} 8700.rounded-circle { 8701 border-radius: 50% !important; 8702} 8703.rounded-pill { 8704 border-radius: var(--bs-border-radius-pill) !important; 8705} 8706.rounded-top { 8707 border-top-left-radius: var(--bs-border-radius) !important; 8708 border-top-right-radius: var(--bs-border-radius) !important; 8709} 8710.rounded-top-0 { 8711 border-top-left-radius: 0 !important; 8712 border-top-right-radius: 0 !important; 8713} 8714.rounded-top-1 { 8715 border-top-left-radius: var(--bs-border-radius-sm) !important; 8716 border-top-right-radius: var(--bs-border-radius-sm) !important; 8717} 8718.rounded-top-2 { 8719 border-top-left-radius: var(--bs-border-radius) !important; 8720 border-top-right-radius: var(--bs-border-radius) !important; 8721} 8722.rounded-top-3 { 8723 border-top-left-radius: var(--bs-border-radius-lg) !important; 8724 border-top-right-radius: var(--bs-border-radius-lg) !important; 8725} 8726.rounded-top-4 { 8727 border-top-left-radius: var(--bs-border-radius-xl) !important; 8728 border-top-right-radius: var(--bs-border-radius-xl) !important; 8729} 8730.rounded-top-5 { 8731 border-top-left-radius: var(--bs-border-radius-xxl) !important; 8732 border-top-right-radius: var(--bs-border-radius-xxl) !important; 8733} 8734.rounded-top-circle { 8735 border-top-left-radius: 50% !important; 8736 border-top-right-radius: 50% !important; 8737} 8738.rounded-top-pill { 8739 border-top-left-radius: var(--bs-border-radius-pill) !important; 8740 border-top-right-radius: var(--bs-border-radius-pill) !important; 8741} 8742.rounded-end { 8743 border-bottom-right-radius: var(--bs-border-radius) !important; 8744 border-top-right-radius: var(--bs-border-radius) !important; 8745} 8746.rounded-end-0 { 8747 border-bottom-right-radius: 0 !important; 8748 border-top-right-radius: 0 !important; 8749} 8750.rounded-end-1 { 8751 border-bottom-right-radius: var(--bs-border-radius-sm) !important; 8752 border-top-right-radius: var(--bs-border-radius-sm) !important; 8753} 8754.rounded-end-2 { 8755 border-bottom-right-radius: var(--bs-border-radius) !important; 8756 border-top-right-radius: var(--bs-border-radius) !important; 8757} 8758.rounded-end-3 { 8759 border-bottom-right-radius: var(--bs-border-radius-lg) !important; 8760 border-top-right-radius: var(--bs-border-radius-lg) !important; 8761} 8762.rounded-end-4 { 8763 border-bottom-right-radius: var(--bs-border-radius-xl) !important; 8764 border-top-right-radius: var(--bs-border-radius-xl) !important; 8765} 8766.rounded-end-5 { 8767 border-bottom-right-radius: var(--bs-border-radius-xxl) !important; 8768 border-top-right-radius: var(--bs-border-radius-xxl) !important; 8769} 8770.rounded-end-circle { 8771 border-bottom-right-radius: 50% !important; 8772 border-top-right-radius: 50% !important; 8773} 8774.rounded-end-pill { 8775 border-bottom-right-radius: var(--bs-border-radius-pill) !important; 8776 border-top-right-radius: var(--bs-border-radius-pill) !important; 8777} 8778.rounded-bottom { 8779 border-bottom-left-radius: var(--bs-border-radius) !important; 8780 border-bottom-right-radius: var(--bs-border-radius) !important; 8781} 8782.rounded-bottom-0 { 8783 border-bottom-left-radius: 0 !important; 8784 border-bottom-right-radius: 0 !important; 8785} 8786.rounded-bottom-1 { 8787 border-bottom-left-radius: var(--bs-border-radius-sm) !important; 8788 border-bottom-right-radius: var(--bs-border-radius-sm) !important; 8789} 8790.rounded-bottom-2 { 8791 border-bottom-left-radius: var(--bs-border-radius) !important; 8792 border-bottom-right-radius: var(--bs-border-radius) !important; 8793} 8794.rounded-bottom-3 { 8795 border-bottom-left-radius: var(--bs-border-radius-lg) !important; 8796 border-bottom-right-radius: var(--bs-border-radius-lg) !important; 8797} 8798.rounded-bottom-4 { 8799 border-bottom-left-radius: var(--bs-border-radius-xl) !important; 8800 border-bottom-right-radius: var(--bs-border-radius-xl) !important; 8801} 8802.rounded-bottom-5 { 8803 border-bottom-left-radius: var(--bs-border-radius-xxl) !important; 8804 border-bottom-right-radius: var(--bs-border-radius-xxl) !important; 8805} 8806.rounded-bottom-circle { 8807 border-bottom-left-radius: 50% !important; 8808 border-bottom-right-radius: 50% !important; 8809} 8810.rounded-bottom-pill { 8811 border-bottom-left-radius: var(--bs-border-radius-pill) !important; 8812 border-bottom-right-radius: var(--bs-border-radius-pill) !important; 8813} 8814.rounded-start { 8815 border-bottom-left-radius: var(--bs-border-radius) !important; 8816 border-top-left-radius: var(--bs-border-radius) !important; 8817} 8818.rounded-start-0 { 8819 border-bottom-left-radius: 0 !important; 8820 border-top-left-radius: 0 !important; 8821} 8822.rounded-start-1 { 8823 border-bottom-left-radius: var(--bs-border-radius-sm) !important; 8824 border-top-left-radius: var(--bs-border-radius-sm) !important; 8825} 8826.rounded-start-2 { 8827 border-bottom-left-radius: var(--bs-border-radius) !important; 8828 border-top-left-radius: var(--bs-border-radius) !important; 8829} 8830.rounded-start-3 { 8831 border-bottom-left-radius: var(--bs-border-radius-lg) !important; 8832 border-top-left-radius: var(--bs-border-radius-lg) !important; 8833} 8834.rounded-start-4 { 8835 border-bottom-left-radius: var(--bs-border-radius-xl) !important; 8836 border-top-left-radius: var(--bs-border-radius-xl) !important; 8837} 8838.rounded-start-5 { 8839 border-bottom-left-radius: var(--bs-border-radius-xxl) !important; 8840 border-top-left-radius: var(--bs-border-radius-xxl) !important; 8841} 8842.rounded-start-circle { 8843 border-bottom-left-radius: 50% !important; 8844 border-top-left-radius: 50% !important; 8845} 8846.rounded-start-pill { 8847 border-bottom-left-radius: var(--bs-border-radius-pill) !important; 8848 border-top-left-radius: var(--bs-border-radius-pill) !important; 8849} 8850.visible { 8851 visibility: visible !important; 8852} 8853.invisible { 8854 visibility: hidden !important; 8855} 8856.z-n1 { 8857 z-index: -1 !important; 8858} 8859.z-0 { 8860 z-index: 0 !important; 8861} 8862.z-1 { 8863 z-index: 1 !important; 8864} 8865.z-2 { 8866 z-index: 2 !important; 8867} 8868.z-3 { 8869 z-index: 3 !important; 8870} 8871@media (min-width: 576px) { 8872 .float-sm-start { 8873 float: left !important; 8874 } 8875 .float-sm-end { 8876 float: right !important; 8877 } 8878 .float-sm-none { 8879 float: none !important; 8880 } 8881 .object-fit-sm-contain { 8882 -o-object-fit: contain !important; 8883 object-fit: contain !important; 8884 } 8885 .object-fit-sm-cover { 8886 -o-object-fit: cover !important; 8887 object-fit: cover !important; 8888 } 8889 .object-fit-sm-fill { 8890 -o-object-fit: fill !important; 8891 object-fit: fill !important; 8892 } 8893 .object-fit-sm-scale { 8894 -o-object-fit: scale-down !important; 8895 object-fit: scale-down !important; 8896 } 8897 .object-fit-sm-none { 8898 -o-object-fit: none !important; 8899 object-fit: none !important; 8900 } 8901 .d-sm-inline { 8902 display: inline !important; 8903 } 8904 .d-sm-inline-block { 8905 display: inline-block !important; 8906 } 8907 .d-sm-block { 8908 display: block !important; 8909 } 8910 .d-sm-grid { 8911 display: grid !important; 8912 } 8913 .d-sm-inline-grid { 8914 display: inline-grid !important; 8915 } 8916 .d-sm-table { 8917 display: table !important; 8918 } 8919 .d-sm-table-row { 8920 display: table-row !important; 8921 } 8922 .d-sm-table-cell { 8923 display: table-cell !important; 8924 } 8925 .d-sm-flex { 8926 display: flex !important; 8927 } 8928 .d-sm-inline-flex { 8929 display: inline-flex !important; 8930 } 8931 .d-sm-none { 8932 display: none !important; 8933 } 8934 .flex-sm-fill { 8935 flex: 1 1 auto !important; 8936 } 8937 .flex-sm-row { 8938 flex-direction: row !important; 8939 } 8940 .flex-sm-column { 8941 flex-direction: column !important; 8942 } 8943 .flex-sm-row-reverse { 8944 flex-direction: row-reverse !important; 8945 } 8946 .flex-sm-column-reverse { 8947 flex-direction: column-reverse !important; 8948 } 8949 .flex-sm-grow-0 { 8950 flex-grow: 0 !important; 8951 } 8952 .flex-sm-grow-1 { 8953 flex-grow: 1 !important; 8954 } 8955 .flex-sm-shrink-0 { 8956 flex-shrink: 0 !important; 8957 } 8958 .flex-sm-shrink-1 { 8959 flex-shrink: 1 !important; 8960 } 8961 .flex-sm-wrap { 8962 flex-wrap: wrap !important; 8963 } 8964 .flex-sm-nowrap { 8965 flex-wrap: nowrap !important; 8966 } 8967 .flex-sm-wrap-reverse { 8968 flex-wrap: wrap-reverse !important; 8969 } 8970 .justify-content-sm-start { 8971 justify-content: flex-start !important; 8972 } 8973 .justify-content-sm-end { 8974 justify-content: flex-end !important; 8975 } 8976 .justify-content-sm-center { 8977 justify-content: center !important; 8978 } 8979 .justify-content-sm-between { 8980 justify-content: space-between !important; 8981 } 8982 .justify-content-sm-around { 8983 justify-content: space-around !important; 8984 } 8985 .justify-content-sm-evenly { 8986 justify-content: space-evenly !important; 8987 } 8988 .align-items-sm-start { 8989 align-items: flex-start !important; 8990 } 8991 .align-items-sm-end { 8992 align-items: flex-end !important; 8993 } 8994 .align-items-sm-center { 8995 align-items: center !important; 8996 } 8997 .align-items-sm-baseline { 8998 align-items: baseline !important; 8999 } 9000 .align-items-sm-stretch { 9001 align-items: stretch !important; 9002 } 9003 .align-content-sm-start { 9004 align-content: flex-start !important; 9005 } 9006 .align-content-sm-end { 9007 align-content: flex-end !important; 9008 } 9009 .align-content-sm-center { 9010 align-content: center !important; 9011 } 9012 .align-content-sm-between { 9013 align-content: space-between !important; 9014 } 9015 .align-content-sm-around { 9016 align-content: space-around !important; 9017 } 9018 .align-content-sm-stretch { 9019 align-content: stretch !important; 9020 } 9021 .align-self-sm-auto { 9022 align-self: auto !important; 9023 } 9024 .align-self-sm-start { 9025 align-self: flex-start !important; 9026 } 9027 .align-self-sm-end { 9028 align-self: flex-end !important; 9029 } 9030 .align-self-sm-center { 9031 align-self: center !important; 9032 } 9033 .align-self-sm-baseline { 9034 align-self: baseline !important; 9035 } 9036 .align-self-sm-stretch { 9037 align-self: stretch !important; 9038 } 9039 .order-sm-first { 9040 order: -1 !important; 9041 } 9042 .order-sm-0 { 9043 order: 0 !important; 9044 } 9045 .order-sm-1 { 9046 order: 1 !important; 9047 } 9048 .order-sm-2 { 9049 order: 2 !important; 9050 } 9051 .order-sm-3 { 9052 order: 3 !important; 9053 } 9054 .order-sm-4 { 9055 order: 4 !important; 9056 } 9057 .order-sm-5 { 9058 order: 5 !important; 9059 } 9060 .order-sm-last { 9061 order: 6 !important; 9062 } 9063 .m-sm-0 { 9064 margin: 0 !important; 9065 } 9066 .m-sm-1 { 9067 margin: 0.25rem !important; 9068 } 9069 .m-sm-2 { 9070 margin: 0.5rem !important; 9071 } 9072 .m-sm-3 { 9073 margin: 1rem !important; 9074 } 9075 .m-sm-4 { 9076 margin: 1.5rem !important; 9077 } 9078 .m-sm-5 { 9079 margin: 3rem !important; 9080 } 9081 .m-sm-auto { 9082 margin: auto !important; 9083 } 9084 .mx-sm-0 { 9085 margin-left: 0 !important; 9086 margin-right: 0 !important; 9087 } 9088 .mx-sm-1 { 9089 margin-left: 0.25rem !important; 9090 margin-right: 0.25rem !important; 9091 } 9092 .mx-sm-2 { 9093 margin-left: 0.5rem !important; 9094 margin-right: 0.5rem !important; 9095 } 9096 .mx-sm-3 { 9097 margin-left: 1rem !important; 9098 margin-right: 1rem !important; 9099 } 9100 .mx-sm-4 { 9101 margin-left: 1.5rem !important; 9102 margin-right: 1.5rem !important; 9103 } 9104 .mx-sm-5 { 9105 margin-left: 3rem !important; 9106 margin-right: 3rem !important; 9107 } 9108 .mx-sm-auto { 9109 margin-left: auto !important; 9110 margin-right: auto !important; 9111 } 9112 .my-sm-0 { 9113 margin-bottom: 0 !important; 9114 margin-top: 0 !important; 9115 } 9116 .my-sm-1 { 9117 margin-bottom: 0.25rem !important; 9118 margin-top: 0.25rem !important; 9119 } 9120 .my-sm-2 { 9121 margin-bottom: 0.5rem !important; 9122 margin-top: 0.5rem !important; 9123 } 9124 .my-sm-3 { 9125 margin-bottom: 1rem !important; 9126 margin-top: 1rem !important; 9127 } 9128 .my-sm-4 { 9129 margin-bottom: 1.5rem !important; 9130 margin-top: 1.5rem !important; 9131 } 9132 .my-sm-5 { 9133 margin-bottom: 3rem !important; 9134 margin-top: 3rem !important; 9135 } 9136 .my-sm-auto { 9137 margin-bottom: auto !important; 9138 margin-top: auto !important; 9139 } 9140 .mt-sm-0 { 9141 margin-top: 0 !important; 9142 } 9143 .mt-sm-1 { 9144 margin-top: 0.25rem !important; 9145 } 9146 .mt-sm-2 { 9147 margin-top: 0.5rem !important; 9148 } 9149 .mt-sm-3 { 9150 margin-top: 1rem !important; 9151 } 9152 .mt-sm-4 { 9153 margin-top: 1.5rem !important; 9154 } 9155 .mt-sm-5 { 9156 margin-top: 3rem !important; 9157 } 9158 .mt-sm-auto { 9159 margin-top: auto !important; 9160 } 9161 .me-sm-0 { 9162 margin-right: 0 !important; 9163 } 9164 .me-sm-1 { 9165 margin-right: 0.25rem !important; 9166 } 9167 .me-sm-2 { 9168 margin-right: 0.5rem !important; 9169 } 9170 .me-sm-3 { 9171 margin-right: 1rem !important; 9172 } 9173 .me-sm-4 { 9174 margin-right: 1.5rem !important; 9175 } 9176 .me-sm-5 { 9177 margin-right: 3rem !important; 9178 } 9179 .me-sm-auto { 9180 margin-right: auto !important; 9181 } 9182 .mb-sm-0 { 9183 margin-bottom: 0 !important; 9184 } 9185 .mb-sm-1 { 9186 margin-bottom: 0.25rem !important; 9187 } 9188 .mb-sm-2 { 9189 margin-bottom: 0.5rem !important; 9190 } 9191 .mb-sm-3 { 9192 margin-bottom: 1rem !important; 9193 } 9194 .mb-sm-4 { 9195 margin-bottom: 1.5rem !important; 9196 } 9197 .mb-sm-5 { 9198 margin-bottom: 3rem !important; 9199 } 9200 .mb-sm-auto { 9201 margin-bottom: auto !important; 9202 } 9203 .ms-sm-0 { 9204 margin-left: 0 !important; 9205 } 9206 .ms-sm-1 { 9207 margin-left: 0.25rem !important; 9208 } 9209 .ms-sm-2 { 9210 margin-left: 0.5rem !important; 9211 } 9212 .ms-sm-3 { 9213 margin-left: 1rem !important; 9214 } 9215 .ms-sm-4 { 9216 margin-left: 1.5rem !important; 9217 } 9218 .ms-sm-5 { 9219 margin-left: 3rem !important; 9220 } 9221 .ms-sm-auto { 9222 margin-left: auto !important; 9223 } 9224 .p-sm-0 { 9225 padding: 0 !important; 9226 } 9227 .p-sm-1 { 9228 padding: 0.25rem !important; 9229 } 9230 .p-sm-2 { 9231 padding: 0.5rem !important; 9232 } 9233 .p-sm-3 { 9234 padding: 1rem !important; 9235 } 9236 .p-sm-4 { 9237 padding: 1.5rem !important; 9238 } 9239 .p-sm-5 { 9240 padding: 3rem !important; 9241 } 9242 .px-sm-0 { 9243 padding-left: 0 !important; 9244 padding-right: 0 !important; 9245 } 9246 .px-sm-1 { 9247 padding-left: 0.25rem !important; 9248 padding-right: 0.25rem !important; 9249 } 9250 .px-sm-2 { 9251 padding-left: 0.5rem !important; 9252 padding-right: 0.5rem !important; 9253 } 9254 .px-sm-3 { 9255 padding-left: 1rem !important; 9256 padding-right: 1rem !important; 9257 } 9258 .px-sm-4 { 9259 padding-left: 1.5rem !important; 9260 padding-right: 1.5rem !important; 9261 } 9262 .px-sm-5 { 9263 padding-left: 3rem !important; 9264 padding-right: 3rem !important; 9265 } 9266 .py-sm-0 { 9267 padding-bottom: 0 !important; 9268 padding-top: 0 !important; 9269 } 9270 .py-sm-1 { 9271 padding-bottom: 0.25rem !important; 9272 padding-top: 0.25rem !important; 9273 } 9274 .py-sm-2 { 9275 padding-bottom: 0.5rem !important; 9276 padding-top: 0.5rem !important; 9277 } 9278 .py-sm-3 { 9279 padding-bottom: 1rem !important; 9280 padding-top: 1rem !important; 9281 } 9282 .py-sm-4 { 9283 padding-bottom: 1.5rem !important; 9284 padding-top: 1.5rem !important; 9285 } 9286 .py-sm-5 { 9287 padding-bottom: 3rem !important; 9288 padding-top: 3rem !important; 9289 } 9290 .pt-sm-0 { 9291 padding-top: 0 !important; 9292 } 9293 .pt-sm-1 { 9294 padding-top: 0.25rem !important; 9295 } 9296 .pt-sm-2 { 9297 padding-top: 0.5rem !important; 9298 } 9299 .pt-sm-3 { 9300 padding-top: 1rem !important; 9301 } 9302 .pt-sm-4 { 9303 padding-top: 1.5rem !important; 9304 } 9305 .pt-sm-5 { 9306 padding-top: 3rem !important; 9307 } 9308 .pe-sm-0 { 9309 padding-right: 0 !important; 9310 } 9311 .pe-sm-1 { 9312 padding-right: 0.25rem !important; 9313 } 9314 .pe-sm-2 { 9315 padding-right: 0.5rem !important; 9316 } 9317 .pe-sm-3 { 9318 padding-right: 1rem !important; 9319 } 9320 .pe-sm-4 { 9321 padding-right: 1.5rem !important; 9322 } 9323 .pe-sm-5 { 9324 padding-right: 3rem !important; 9325 } 9326 .pb-sm-0 { 9327 padding-bottom: 0 !important; 9328 } 9329 .pb-sm-1 { 9330 padding-bottom: 0.25rem !important; 9331 } 9332 .pb-sm-2 { 9333 padding-bottom: 0.5rem !important; 9334 } 9335 .pb-sm-3 { 9336 padding-bottom: 1rem !important; 9337 } 9338 .pb-sm-4 { 9339 padding-bottom: 1.5rem !important; 9340 } 9341 .pb-sm-5 { 9342 padding-bottom: 3rem !important; 9343 } 9344 .ps-sm-0 { 9345 padding-left: 0 !important; 9346 } 9347 .ps-sm-1 { 9348 padding-left: 0.25rem !important; 9349 } 9350 .ps-sm-2 { 9351 padding-left: 0.5rem !important; 9352 } 9353 .ps-sm-3 { 9354 padding-left: 1rem !important; 9355 } 9356 .ps-sm-4 { 9357 padding-left: 1.5rem !important; 9358 } 9359 .ps-sm-5 { 9360 padding-left: 3rem !important; 9361 } 9362 .gap-sm-0 { 9363 gap: 0 !important; 9364 } 9365 .gap-sm-1 { 9366 gap: 0.25rem !important; 9367 } 9368 .gap-sm-2 { 9369 gap: 0.5rem !important; 9370 } 9371 .gap-sm-3 { 9372 gap: 1rem !important; 9373 } 9374 .gap-sm-4 { 9375 gap: 1.5rem !important; 9376 } 9377 .gap-sm-5 { 9378 gap: 3rem !important; 9379 } 9380 .row-gap-sm-0 { 9381 row-gap: 0 !important; 9382 } 9383 .row-gap-sm-1 { 9384 row-gap: 0.25rem !important; 9385 } 9386 .row-gap-sm-2 { 9387 row-gap: 0.5rem !important; 9388 } 9389 .row-gap-sm-3 { 9390 row-gap: 1rem !important; 9391 } 9392 .row-gap-sm-4 { 9393 row-gap: 1.5rem !important; 9394 } 9395 .row-gap-sm-5 { 9396 row-gap: 3rem !important; 9397 } 9398 .column-gap-sm-0 { 9399 -moz-column-gap: 0 !important; 9400 column-gap: 0 !important; 9401 } 9402 .column-gap-sm-1 { 9403 -moz-column-gap: 0.25rem !important; 9404 column-gap: 0.25rem !important; 9405 } 9406 .column-gap-sm-2 { 9407 -moz-column-gap: 0.5rem !important; 9408 column-gap: 0.5rem !important; 9409 } 9410 .column-gap-sm-3 { 9411 -moz-column-gap: 1rem !important; 9412 column-gap: 1rem !important; 9413 } 9414 .column-gap-sm-4 { 9415 -moz-column-gap: 1.5rem !important; 9416 column-gap: 1.5rem !important; 9417 } 9418 .column-gap-sm-5 { 9419 -moz-column-gap: 3rem !important; 9420 column-gap: 3rem !important; 9421 } 9422 .text-sm-start { 9423 text-align: left !important; 9424 } 9425 .text-sm-end { 9426 text-align: right !important; 9427 } 9428 .text-sm-center { 9429 text-align: center !important; 9430 } 9431} 9432@media (min-width: 768px) { 9433 .float-md-start { 9434 float: left !important; 9435 } 9436 .float-md-end { 9437 float: right !important; 9438 } 9439 .float-md-none { 9440 float: none !important; 9441 } 9442 .object-fit-md-contain { 9443 -o-object-fit: contain !important; 9444 object-fit: contain !important; 9445 } 9446 .object-fit-md-cover { 9447 -o-object-fit: cover !important; 9448 object-fit: cover !important; 9449 } 9450 .object-fit-md-fill { 9451 -o-object-fit: fill !important; 9452 object-fit: fill !important; 9453 } 9454 .object-fit-md-scale { 9455 -o-object-fit: scale-down !important; 9456 object-fit: scale-down !important; 9457 } 9458 .object-fit-md-none { 9459 -o-object-fit: none !important; 9460 object-fit: none !important; 9461 } 9462 .d-md-inline { 9463 display: inline !important; 9464 } 9465 .d-md-inline-block { 9466 display: inline-block !important; 9467 } 9468 .d-md-block { 9469 display: block !important; 9470 } 9471 .d-md-grid { 9472 display: grid !important; 9473 } 9474 .d-md-inline-grid { 9475 display: inline-grid !important; 9476 } 9477 .d-md-table { 9478 display: table !important; 9479 } 9480 .d-md-table-row { 9481 display: table-row !important; 9482 } 9483 .d-md-table-cell { 9484 display: table-cell !important; 9485 } 9486 .d-md-flex { 9487 display: flex !important; 9488 } 9489 .d-md-inline-flex { 9490 display: inline-flex !important; 9491 } 9492 .d-md-none { 9493 display: none !important; 9494 } 9495 .flex-md-fill { 9496 flex: 1 1 auto !important; 9497 } 9498 .flex-md-row { 9499 flex-direction: row !important; 9500 } 9501 .flex-md-column { 9502 flex-direction: column !important; 9503 } 9504 .flex-md-row-reverse { 9505 flex-direction: row-reverse !important; 9506 } 9507 .flex-md-column-reverse { 9508 flex-direction: column-reverse !important; 9509 } 9510 .flex-md-grow-0 { 9511 flex-grow: 0 !important; 9512 } 9513 .flex-md-grow-1 { 9514 flex-grow: 1 !important; 9515 } 9516 .flex-md-shrink-0 { 9517 flex-shrink: 0 !important; 9518 } 9519 .flex-md-shrink-1 { 9520 flex-shrink: 1 !important; 9521 } 9522 .flex-md-wrap { 9523 flex-wrap: wrap !important; 9524 } 9525 .flex-md-nowrap { 9526 flex-wrap: nowrap !important; 9527 } 9528 .flex-md-wrap-reverse { 9529 flex-wrap: wrap-reverse !important; 9530 } 9531 .justify-content-md-start { 9532 justify-content: flex-start !important; 9533 } 9534 .justify-content-md-end { 9535 justify-content: flex-end !important; 9536 } 9537 .justify-content-md-center { 9538 justify-content: center !important; 9539 } 9540 .justify-content-md-between { 9541 justify-content: space-between !important; 9542 } 9543 .justify-content-md-around { 9544 justify-content: space-around !important; 9545 } 9546 .justify-content-md-evenly { 9547 justify-content: space-evenly !important; 9548 } 9549 .align-items-md-start { 9550 align-items: flex-start !important; 9551 } 9552 .align-items-md-end { 9553 align-items: flex-end !important; 9554 } 9555 .align-items-md-center { 9556 align-items: center !important; 9557 } 9558 .align-items-md-baseline { 9559 align-items: baseline !important; 9560 } 9561 .align-items-md-stretch { 9562 align-items: stretch !important; 9563 } 9564 .align-content-md-start { 9565 align-content: flex-start !important; 9566 } 9567 .align-content-md-end { 9568 align-content: flex-end !important; 9569 } 9570 .align-content-md-center { 9571 align-content: center !important; 9572 } 9573 .align-content-md-between { 9574 align-content: space-between !important; 9575 } 9576 .align-content-md-around { 9577 align-content: space-around !important; 9578 } 9579 .align-content-md-stretch { 9580 align-content: stretch !important; 9581 } 9582 .align-self-md-auto { 9583 align-self: auto !important; 9584 } 9585 .align-self-md-start { 9586 align-self: flex-start !important; 9587 } 9588 .align-self-md-end { 9589 align-self: flex-end !important; 9590 } 9591 .align-self-md-center { 9592 align-self: center !important; 9593 } 9594 .align-self-md-baseline { 9595 align-self: baseline !important; 9596 } 9597 .align-self-md-stretch { 9598 align-self: stretch !important; 9599 } 9600 .order-md-first { 9601 order: -1 !important; 9602 } 9603 .order-md-0 { 9604 order: 0 !important; 9605 } 9606 .order-md-1 { 9607 order: 1 !important; 9608 } 9609 .order-md-2 { 9610 order: 2 !important; 9611 } 9612 .order-md-3 { 9613 order: 3 !important; 9614 } 9615 .order-md-4 { 9616 order: 4 !important; 9617 } 9618 .order-md-5 { 9619 order: 5 !important; 9620 } 9621 .order-md-last { 9622 order: 6 !important; 9623 } 9624 .m-md-0 { 9625 margin: 0 !important; 9626 } 9627 .m-md-1 { 9628 margin: 0.25rem !important; 9629 } 9630 .m-md-2 { 9631 margin: 0.5rem !important; 9632 } 9633 .m-md-3 { 9634 margin: 1rem !important; 9635 } 9636 .m-md-4 { 9637 margin: 1.5rem !important; 9638 } 9639 .m-md-5 { 9640 margin: 3rem !important; 9641 } 9642 .m-md-auto { 9643 margin: auto !important; 9644 } 9645 .mx-md-0 { 9646 margin-left: 0 !important; 9647 margin-right: 0 !important; 9648 } 9649 .mx-md-1 { 9650 margin-left: 0.25rem !important; 9651 margin-right: 0.25rem !important; 9652 } 9653 .mx-md-2 { 9654 margin-left: 0.5rem !important; 9655 margin-right: 0.5rem !important; 9656 } 9657 .mx-md-3 { 9658 margin-left: 1rem !important; 9659 margin-right: 1rem !important; 9660 } 9661 .mx-md-4 { 9662 margin-left: 1.5rem !important; 9663 margin-right: 1.5rem !important; 9664 } 9665 .mx-md-5 { 9666 margin-left: 3rem !important; 9667 margin-right: 3rem !important; 9668 } 9669 .mx-md-auto { 9670 margin-left: auto !important; 9671 margin-right: auto !important; 9672 } 9673 .my-md-0 { 9674 margin-bottom: 0 !important; 9675 margin-top: 0 !important; 9676 } 9677 .my-md-1 { 9678 margin-bottom: 0.25rem !important; 9679 margin-top: 0.25rem !important; 9680 } 9681 .my-md-2 { 9682 margin-bottom: 0.5rem !important; 9683 margin-top: 0.5rem !important; 9684 } 9685 .my-md-3 { 9686 margin-bottom: 1rem !important; 9687 margin-top: 1rem !important; 9688 } 9689 .my-md-4 { 9690 margin-bottom: 1.5rem !important; 9691 margin-top: 1.5rem !important; 9692 } 9693 .my-md-5 { 9694 margin-bottom: 3rem !important; 9695 margin-top: 3rem !important; 9696 } 9697 .my-md-auto { 9698 margin-bottom: auto !important; 9699 margin-top: auto !important; 9700 } 9701 .mt-md-0 { 9702 margin-top: 0 !important; 9703 } 9704 .mt-md-1 { 9705 margin-top: 0.25rem !important; 9706 } 9707 .mt-md-2 { 9708 margin-top: 0.5rem !important; 9709 } 9710 .mt-md-3 { 9711 margin-top: 1rem !important; 9712 } 9713 .mt-md-4 { 9714 margin-top: 1.5rem !important; 9715 } 9716 .mt-md-5 { 9717 margin-top: 3rem !important; 9718 } 9719 .mt-md-auto { 9720 margin-top: auto !important; 9721 } 9722 .me-md-0 { 9723 margin-right: 0 !important; 9724 } 9725 .me-md-1 { 9726 margin-right: 0.25rem !important; 9727 } 9728 .me-md-2 { 9729 margin-right: 0.5rem !important; 9730 } 9731 .me-md-3 { 9732 margin-right: 1rem !important; 9733 } 9734 .me-md-4 { 9735 margin-right: 1.5rem !important; 9736 } 9737 .me-md-5 { 9738 margin-right: 3rem !important; 9739 } 9740 .me-md-auto { 9741 margin-right: auto !important; 9742 } 9743 .mb-md-0 { 9744 margin-bottom: 0 !important; 9745 } 9746 .mb-md-1 { 9747 margin-bottom: 0.25rem !important; 9748 } 9749 .mb-md-2 { 9750 margin-bottom: 0.5rem !important; 9751 } 9752 .mb-md-3 { 9753 margin-bottom: 1rem !important; 9754 } 9755 .mb-md-4 { 9756 margin-bottom: 1.5rem !important; 9757 } 9758 .mb-md-5 { 9759 margin-bottom: 3rem !important; 9760 } 9761 .mb-md-auto { 9762 margin-bottom: auto !important; 9763 } 9764 .ms-md-0 { 9765 margin-left: 0 !important; 9766 } 9767 .ms-md-1 { 9768 margin-left: 0.25rem !important; 9769 } 9770 .ms-md-2 { 9771 margin-left: 0.5rem !important; 9772 } 9773 .ms-md-3 { 9774 margin-left: 1rem !important; 9775 } 9776 .ms-md-4 { 9777 margin-left: 1.5rem !important; 9778 } 9779 .ms-md-5 { 9780 margin-left: 3rem !important; 9781 } 9782 .ms-md-auto { 9783 margin-left: auto !important; 9784 } 9785 .p-md-0 { 9786 padding: 0 !important; 9787 } 9788 .p-md-1 { 9789 padding: 0.25rem !important; 9790 } 9791 .p-md-2 { 9792 padding: 0.5rem !important; 9793 } 9794 .p-md-3 { 9795 padding: 1rem !important; 9796 } 9797 .p-md-4 { 9798 padding: 1.5rem !important; 9799 } 9800 .p-md-5 { 9801 padding: 3rem !important; 9802 } 9803 .px-md-0 { 9804 padding-left: 0 !important; 9805 padding-right: 0 !important; 9806 } 9807 .px-md-1 { 9808 padding-left: 0.25rem !important; 9809 padding-right: 0.25rem !important; 9810 } 9811 .px-md-2 { 9812 padding-left: 0.5rem !important; 9813 padding-right: 0.5rem !important; 9814 } 9815 .px-md-3 { 9816 padding-left: 1rem !important; 9817 padding-right: 1rem !important; 9818 } 9819 .px-md-4 { 9820 padding-left: 1.5rem !important; 9821 padding-right: 1.5rem !important; 9822 } 9823 .px-md-5 { 9824 padding-left: 3rem !important; 9825 padding-right: 3rem !important; 9826 } 9827 .py-md-0 { 9828 padding-bottom: 0 !important; 9829 padding-top: 0 !important; 9830 } 9831 .py-md-1 { 9832 padding-bottom: 0.25rem !important; 9833 padding-top: 0.25rem !important; 9834 } 9835 .py-md-2 { 9836 padding-bottom: 0.5rem !important; 9837 padding-top: 0.5rem !important; 9838 } 9839 .py-md-3 { 9840 padding-bottom: 1rem !important; 9841 padding-top: 1rem !important; 9842 } 9843 .py-md-4 { 9844 padding-bottom: 1.5rem !important; 9845 padding-top: 1.5rem !important; 9846 } 9847 .py-md-5 { 9848 padding-bottom: 3rem !important; 9849 padding-top: 3rem !important; 9850 } 9851 .pt-md-0 { 9852 padding-top: 0 !important; 9853 } 9854 .pt-md-1 { 9855 padding-top: 0.25rem !important; 9856 } 9857 .pt-md-2 { 9858 padding-top: 0.5rem !important; 9859 } 9860 .pt-md-3 { 9861 padding-top: 1rem !important; 9862 } 9863 .pt-md-4 { 9864 padding-top: 1.5rem !important; 9865 } 9866 .pt-md-5 { 9867 padding-top: 3rem !important; 9868 } 9869 .pe-md-0 { 9870 padding-right: 0 !important; 9871 } 9872 .pe-md-1 { 9873 padding-right: 0.25rem !important; 9874 } 9875 .pe-md-2 { 9876 padding-right: 0.5rem !important; 9877 } 9878 .pe-md-3 { 9879 padding-right: 1rem !important; 9880 } 9881 .pe-md-4 { 9882 padding-right: 1.5rem !important; 9883 } 9884 .pe-md-5 { 9885 padding-right: 3rem !important; 9886 } 9887 .pb-md-0 { 9888 padding-bottom: 0 !important; 9889 } 9890 .pb-md-1 { 9891 padding-bottom: 0.25rem !important; 9892 } 9893 .pb-md-2 { 9894 padding-bottom: 0.5rem !important; 9895 } 9896 .pb-md-3 { 9897 padding-bottom: 1rem !important; 9898 } 9899 .pb-md-4 { 9900 padding-bottom: 1.5rem !important; 9901 } 9902 .pb-md-5 { 9903 padding-bottom: 3rem !important; 9904 } 9905 .ps-md-0 { 9906 padding-left: 0 !important; 9907 } 9908 .ps-md-1 { 9909 padding-left: 0.25rem !important; 9910 } 9911 .ps-md-2 { 9912 padding-left: 0.5rem !important; 9913 } 9914 .ps-md-3 { 9915 padding-left: 1rem !important; 9916 } 9917 .ps-md-4 { 9918 padding-left: 1.5rem !important; 9919 } 9920 .ps-md-5 { 9921 padding-left: 3rem !important; 9922 } 9923 .gap-md-0 { 9924 gap: 0 !important; 9925 } 9926 .gap-md-1 { 9927 gap: 0.25rem !important; 9928 } 9929 .gap-md-2 { 9930 gap: 0.5rem !important; 9931 } 9932 .gap-md-3 { 9933 gap: 1rem !important; 9934 } 9935 .gap-md-4 { 9936 gap: 1.5rem !important; 9937 } 9938 .gap-md-5 { 9939 gap: 3rem !important; 9940 } 9941 .row-gap-md-0 { 9942 row-gap: 0 !important; 9943 } 9944 .row-gap-md-1 { 9945 row-gap: 0.25rem !important; 9946 } 9947 .row-gap-md-2 { 9948 row-gap: 0.5rem !important; 9949 } 9950 .row-gap-md-3 { 9951 row-gap: 1rem !important; 9952 } 9953 .row-gap-md-4 { 9954 row-gap: 1.5rem !important; 9955 } 9956 .row-gap-md-5 { 9957 row-gap: 3rem !important; 9958 } 9959 .column-gap-md-0 { 9960 -moz-column-gap: 0 !important; 9961 column-gap: 0 !important; 9962 } 9963 .column-gap-md-1 { 9964 -moz-column-gap: 0.25rem !important; 9965 column-gap: 0.25rem !important; 9966 } 9967 .column-gap-md-2 { 9968 -moz-column-gap: 0.5rem !important; 9969 column-gap: 0.5rem !important; 9970 } 9971 .column-gap-md-3 { 9972 -moz-column-gap: 1rem !important; 9973 column-gap: 1rem !important; 9974 } 9975 .column-gap-md-4 { 9976 -moz-column-gap: 1.5rem !important; 9977 column-gap: 1.5rem !important; 9978 } 9979 .column-gap-md-5 { 9980 -moz-column-gap: 3rem !important; 9981 column-gap: 3rem !important; 9982 } 9983 .text-md-start { 9984 text-align: left !important; 9985 } 9986 .text-md-end { 9987 text-align: right !important; 9988 } 9989 .text-md-center { 9990 text-align: center !important; 9991 } 9992} 9993@media (min-width: 992px) { 9994 .float-lg-start { 9995 float: left !important; 9996 } 9997 .float-lg-end { 9998 float: right !important; 9999 } 10000 .float-lg-none { 10001 float: none !important; 10002 } 10003 .object-fit-lg-contain { 10004 -o-object-fit: contain !important; 10005 object-fit: contain !important; 10006 } 10007 .object-fit-lg-cover { 10008 -o-object-fit: cover !important; 10009 object-fit: cover !important; 10010 } 10011 .object-fit-lg-fill { 10012 -o-object-fit: fill !important; 10013 object-fit: fill !important; 10014 } 10015 .object-fit-lg-scale { 10016 -o-object-fit: scale-down !important; 10017 object-fit: scale-down !important; 10018 } 10019 .object-fit-lg-none { 10020 -o-object-fit: none !important; 10021 object-fit: none !important; 10022 } 10023 .d-lg-inline { 10024 display: inline !important; 10025 } 10026 .d-lg-inline-block { 10027 display: inline-block !important; 10028 } 10029 .d-lg-block { 10030 display: block !important; 10031 } 10032 .d-lg-grid { 10033 display: grid !important; 10034 } 10035 .d-lg-inline-grid { 10036 display: inline-grid !important; 10037 } 10038 .d-lg-table { 10039 display: table !important; 10040 } 10041 .d-lg-table-row { 10042 display: table-row !important; 10043 } 10044 .d-lg-table-cell { 10045 display: table-cell !important; 10046 } 10047 .d-lg-flex { 10048 display: flex !important; 10049 } 10050 .d-lg-inline-flex { 10051 display: inline-flex !important; 10052 } 10053 .d-lg-none { 10054 display: none !important; 10055 } 10056 .flex-lg-fill { 10057 flex: 1 1 auto !important; 10058 } 10059 .flex-lg-row { 10060 flex-direction: row !important; 10061 } 10062 .flex-lg-column { 10063 flex-direction: column !important; 10064 } 10065 .flex-lg-row-reverse { 10066 flex-direction: row-reverse !important; 10067 } 10068 .flex-lg-column-reverse { 10069 flex-direction: column-reverse !important; 10070 } 10071 .flex-lg-grow-0 { 10072 flex-grow: 0 !important; 10073 } 10074 .flex-lg-grow-1 { 10075 flex-grow: 1 !important; 10076 } 10077 .flex-lg-shrink-0 { 10078 flex-shrink: 0 !important; 10079 } 10080 .flex-lg-shrink-1 { 10081 flex-shrink: 1 !important; 10082 } 10083 .flex-lg-wrap { 10084 flex-wrap: wrap !important; 10085 } 10086 .flex-lg-nowrap { 10087 flex-wrap: nowrap !important; 10088 } 10089 .flex-lg-wrap-reverse { 10090 flex-wrap: wrap-reverse !important; 10091 } 10092 .justify-content-lg-start { 10093 justify-content: flex-start !important; 10094 } 10095 .justify-content-lg-end { 10096 justify-content: flex-end !important; 10097 } 10098 .justify-content-lg-center { 10099 justify-content: center !important; 10100 } 10101 .justify-content-lg-between { 10102 justify-content: space-between !important; 10103 } 10104 .justify-content-lg-around { 10105 justify-content: space-around !important; 10106 } 10107 .justify-content-lg-evenly { 10108 justify-content: space-evenly !important; 10109 } 10110 .align-items-lg-start { 10111 align-items: flex-start !important; 10112 } 10113 .align-items-lg-end { 10114 align-items: flex-end !important; 10115 } 10116 .align-items-lg-center { 10117 align-items: center !important; 10118 } 10119 .align-items-lg-baseline { 10120 align-items: baseline !important; 10121 } 10122 .align-items-lg-stretch { 10123 align-items: stretch !important; 10124 } 10125 .align-content-lg-start { 10126 align-content: flex-start !important; 10127 } 10128 .align-content-lg-end { 10129 align-content: flex-end !important; 10130 } 10131 .align-content-lg-center { 10132 align-content: center !important; 10133 } 10134 .align-content-lg-between { 10135 align-content: space-between !important; 10136 } 10137 .align-content-lg-around { 10138 align-content: space-around !important; 10139 } 10140 .align-content-lg-stretch { 10141 align-content: stretch !important; 10142 } 10143 .align-self-lg-auto { 10144 align-self: auto !important; 10145 } 10146 .align-self-lg-start { 10147 align-self: flex-start !important; 10148 } 10149 .align-self-lg-end { 10150 align-self: flex-end !important; 10151 } 10152 .align-self-lg-center { 10153 align-self: center !important; 10154 } 10155 .align-self-lg-baseline { 10156 align-self: baseline !important; 10157 } 10158 .align-self-lg-stretch { 10159 align-self: stretch !important; 10160 } 10161 .order-lg-first { 10162 order: -1 !important; 10163 } 10164 .order-lg-0 { 10165 order: 0 !important; 10166 } 10167 .order-lg-1 { 10168 order: 1 !important; 10169 } 10170 .order-lg-2 { 10171 order: 2 !important; 10172 } 10173 .order-lg-3 { 10174 order: 3 !important; 10175 } 10176 .order-lg-4 { 10177 order: 4 !important; 10178 } 10179 .order-lg-5 { 10180 order: 5 !important; 10181 } 10182 .order-lg-last { 10183 order: 6 !important; 10184 } 10185 .m-lg-0 { 10186 margin: 0 !important; 10187 } 10188 .m-lg-1 { 10189 margin: 0.25rem !important; 10190 } 10191 .m-lg-2 { 10192 margin: 0.5rem !important; 10193 } 10194 .m-lg-3 { 10195 margin: 1rem !important; 10196 } 10197 .m-lg-4 { 10198 margin: 1.5rem !important; 10199 } 10200 .m-lg-5 { 10201 margin: 3rem !important; 10202 } 10203 .m-lg-auto { 10204 margin: auto !important; 10205 } 10206 .mx-lg-0 { 10207 margin-left: 0 !important; 10208 margin-right: 0 !important; 10209 } 10210 .mx-lg-1 { 10211 margin-left: 0.25rem !important; 10212 margin-right: 0.25rem !important; 10213 } 10214 .mx-lg-2 { 10215 margin-left: 0.5rem !important; 10216 margin-right: 0.5rem !important; 10217 } 10218 .mx-lg-3 { 10219 margin-left: 1rem !important; 10220 margin-right: 1rem !important; 10221 } 10222 .mx-lg-4 { 10223 margin-left: 1.5rem !important; 10224 margin-right: 1.5rem !important; 10225 } 10226 .mx-lg-5 { 10227 margin-left: 3rem !important; 10228 margin-right: 3rem !important; 10229 } 10230 .mx-lg-auto { 10231 margin-left: auto !important; 10232 margin-right: auto !important; 10233 } 10234 .my-lg-0 { 10235 margin-bottom: 0 !important; 10236 margin-top: 0 !important; 10237 } 10238 .my-lg-1 { 10239 margin-bottom: 0.25rem !important; 10240 margin-top: 0.25rem !important; 10241 } 10242 .my-lg-2 { 10243 margin-bottom: 0.5rem !important; 10244 margin-top: 0.5rem !important; 10245 } 10246 .my-lg-3 { 10247 margin-bottom: 1rem !important; 10248 margin-top: 1rem !important; 10249 } 10250 .my-lg-4 { 10251 margin-bottom: 1.5rem !important; 10252 margin-top: 1.5rem !important; 10253 } 10254 .my-lg-5 { 10255 margin-bottom: 3rem !important; 10256 margin-top: 3rem !important; 10257 } 10258 .my-lg-auto { 10259 margin-bottom: auto !important; 10260 margin-top: auto !important; 10261 } 10262 .mt-lg-0 { 10263 margin-top: 0 !important; 10264 } 10265 .mt-lg-1 { 10266 margin-top: 0.25rem !important; 10267 } 10268 .mt-lg-2 { 10269 margin-top: 0.5rem !important; 10270 } 10271 .mt-lg-3 { 10272 margin-top: 1rem !important; 10273 } 10274 .mt-lg-4 { 10275 margin-top: 1.5rem !important; 10276 } 10277 .mt-lg-5 { 10278 margin-top: 3rem !important; 10279 } 10280 .mt-lg-auto { 10281 margin-top: auto !important; 10282 } 10283 .me-lg-0 { 10284 margin-right: 0 !important; 10285 } 10286 .me-lg-1 { 10287 margin-right: 0.25rem !important; 10288 } 10289 .me-lg-2 { 10290 margin-right: 0.5rem !important; 10291 } 10292 .me-lg-3 { 10293 margin-right: 1rem !important; 10294 } 10295 .me-lg-4 { 10296 margin-right: 1.5rem !important; 10297 } 10298 .me-lg-5 { 10299 margin-right: 3rem !important; 10300 } 10301 .me-lg-auto { 10302 margin-right: auto !important; 10303 } 10304 .mb-lg-0 { 10305 margin-bottom: 0 !important; 10306 } 10307 .mb-lg-1 { 10308 margin-bottom: 0.25rem !important; 10309 } 10310 .mb-lg-2 { 10311 margin-bottom: 0.5rem !important; 10312 } 10313 .mb-lg-3 { 10314 margin-bottom: 1rem !important; 10315 } 10316 .mb-lg-4 { 10317 margin-bottom: 1.5rem !important; 10318 } 10319 .mb-lg-5 { 10320 margin-bottom: 3rem !important; 10321 } 10322 .mb-lg-auto { 10323 margin-bottom: auto !important; 10324 } 10325 .ms-lg-0 { 10326 margin-left: 0 !important; 10327 } 10328 .ms-lg-1 { 10329 margin-left: 0.25rem !important; 10330 } 10331 .ms-lg-2 { 10332 margin-left: 0.5rem !important; 10333 } 10334 .ms-lg-3 { 10335 margin-left: 1rem !important; 10336 } 10337 .ms-lg-4 { 10338 margin-left: 1.5rem !important; 10339 } 10340 .ms-lg-5 { 10341 margin-left: 3rem !important; 10342 } 10343 .ms-lg-auto { 10344 margin-left: auto !important; 10345 } 10346 .p-lg-0 { 10347 padding: 0 !important; 10348 } 10349 .p-lg-1 { 10350 padding: 0.25rem !important; 10351 } 10352 .p-lg-2 { 10353 padding: 0.5rem !important; 10354 } 10355 .p-lg-3 { 10356 padding: 1rem !important; 10357 } 10358 .p-lg-4 { 10359 padding: 1.5rem !important; 10360 } 10361 .p-lg-5 { 10362 padding: 3rem !important; 10363 } 10364 .px-lg-0 { 10365 padding-left: 0 !important; 10366 padding-right: 0 !important; 10367 } 10368 .px-lg-1 { 10369 padding-left: 0.25rem !important; 10370 padding-right: 0.25rem !important; 10371 } 10372 .px-lg-2 { 10373 padding-left: 0.5rem !important; 10374 padding-right: 0.5rem !important; 10375 } 10376 .px-lg-3 { 10377 padding-left: 1rem !important; 10378 padding-right: 1rem !important; 10379 } 10380 .px-lg-4 { 10381 padding-left: 1.5rem !important; 10382 padding-right: 1.5rem !important; 10383 } 10384 .px-lg-5 { 10385 padding-left: 3rem !important; 10386 padding-right: 3rem !important; 10387 } 10388 .py-lg-0 { 10389 padding-bottom: 0 !important; 10390 padding-top: 0 !important; 10391 } 10392 .py-lg-1 { 10393 padding-bottom: 0.25rem !important; 10394 padding-top: 0.25rem !important; 10395 } 10396 .py-lg-2 { 10397 padding-bottom: 0.5rem !important; 10398 padding-top: 0.5rem !important; 10399 } 10400 .py-lg-3 { 10401 padding-bottom: 1rem !important; 10402 padding-top: 1rem !important; 10403 } 10404 .py-lg-4 { 10405 padding-bottom: 1.5rem !important; 10406 padding-top: 1.5rem !important; 10407 } 10408 .py-lg-5 { 10409 padding-bottom: 3rem !important; 10410 padding-top: 3rem !important; 10411 } 10412 .pt-lg-0 { 10413 padding-top: 0 !important; 10414 } 10415 .pt-lg-1 { 10416 padding-top: 0.25rem !important; 10417 } 10418 .pt-lg-2 { 10419 padding-top: 0.5rem !important; 10420 } 10421 .pt-lg-3 { 10422 padding-top: 1rem !important; 10423 } 10424 .pt-lg-4 { 10425 padding-top: 1.5rem !important; 10426 } 10427 .pt-lg-5 { 10428 padding-top: 3rem !important; 10429 } 10430 .pe-lg-0 { 10431 padding-right: 0 !important; 10432 } 10433 .pe-lg-1 { 10434 padding-right: 0.25rem !important; 10435 } 10436 .pe-lg-2 { 10437 padding-right: 0.5rem !important; 10438 } 10439 .pe-lg-3 { 10440 padding-right: 1rem !important; 10441 } 10442 .pe-lg-4 { 10443 padding-right: 1.5rem !important; 10444 } 10445 .pe-lg-5 { 10446 padding-right: 3rem !important; 10447 } 10448 .pb-lg-0 { 10449 padding-bottom: 0 !important; 10450 } 10451 .pb-lg-1 { 10452 padding-bottom: 0.25rem !important; 10453 } 10454 .pb-lg-2 { 10455 padding-bottom: 0.5rem !important; 10456 } 10457 .pb-lg-3 { 10458 padding-bottom: 1rem !important; 10459 } 10460 .pb-lg-4 { 10461 padding-bottom: 1.5rem !important; 10462 } 10463 .pb-lg-5 { 10464 padding-bottom: 3rem !important; 10465 } 10466 .ps-lg-0 { 10467 padding-left: 0 !important; 10468 } 10469 .ps-lg-1 { 10470 padding-left: 0.25rem !important; 10471 } 10472 .ps-lg-2 { 10473 padding-left: 0.5rem !important; 10474 } 10475 .ps-lg-3 { 10476 padding-left: 1rem !important; 10477 } 10478 .ps-lg-4 { 10479 padding-left: 1.5rem !important; 10480 } 10481 .ps-lg-5 { 10482 padding-left: 3rem !important; 10483 } 10484 .gap-lg-0 { 10485 gap: 0 !important; 10486 } 10487 .gap-lg-1 { 10488 gap: 0.25rem !important; 10489 } 10490 .gap-lg-2 { 10491 gap: 0.5rem !important; 10492 } 10493 .gap-lg-3 { 10494 gap: 1rem !important; 10495 } 10496 .gap-lg-4 { 10497 gap: 1.5rem !important; 10498 } 10499 .gap-lg-5 { 10500 gap: 3rem !important; 10501 } 10502 .row-gap-lg-0 { 10503 row-gap: 0 !important; 10504 } 10505 .row-gap-lg-1 { 10506 row-gap: 0.25rem !important; 10507 } 10508 .row-gap-lg-2 { 10509 row-gap: 0.5rem !important; 10510 } 10511 .row-gap-lg-3 { 10512 row-gap: 1rem !important; 10513 } 10514 .row-gap-lg-4 { 10515 row-gap: 1.5rem !important; 10516 } 10517 .row-gap-lg-5 { 10518 row-gap: 3rem !important; 10519 } 10520 .column-gap-lg-0 { 10521 -moz-column-gap: 0 !important; 10522 column-gap: 0 !important; 10523 } 10524 .column-gap-lg-1 { 10525 -moz-column-gap: 0.25rem !important; 10526 column-gap: 0.25rem !important; 10527 } 10528 .column-gap-lg-2 { 10529 -moz-column-gap: 0.5rem !important; 10530 column-gap: 0.5rem !important; 10531 } 10532 .column-gap-lg-3 { 10533 -moz-column-gap: 1rem !important; 10534 column-gap: 1rem !important; 10535 } 10536 .column-gap-lg-4 { 10537 -moz-column-gap: 1.5rem !important; 10538 column-gap: 1.5rem !important; 10539 } 10540 .column-gap-lg-5 { 10541 -moz-column-gap: 3rem !important; 10542 column-gap: 3rem !important; 10543 } 10544 .text-lg-start { 10545 text-align: left !important; 10546 } 10547 .text-lg-end { 10548 text-align: right !important; 10549 } 10550 .text-lg-center { 10551 text-align: center !important; 10552 } 10553} 10554@media (min-width: 1200px) { 10555 .float-xl-start { 10556 float: left !important; 10557 } 10558 .float-xl-end { 10559 float: right !important; 10560 } 10561 .float-xl-none { 10562 float: none !important; 10563 } 10564 .object-fit-xl-contain { 10565 -o-object-fit: contain !important; 10566 object-fit: contain !important; 10567 } 10568 .object-fit-xl-cover { 10569 -o-object-fit: cover !important; 10570 object-fit: cover !important; 10571 } 10572 .object-fit-xl-fill { 10573 -o-object-fit: fill !important; 10574 object-fit: fill !important; 10575 } 10576 .object-fit-xl-scale { 10577 -o-object-fit: scale-down !important; 10578 object-fit: scale-down !important; 10579 } 10580 .object-fit-xl-none { 10581 -o-object-fit: none !important; 10582 object-fit: none !important; 10583 } 10584 .d-xl-inline { 10585 display: inline !important; 10586 } 10587 .d-xl-inline-block { 10588 display: inline-block !important; 10589 } 10590 .d-xl-block { 10591 display: block !important; 10592 } 10593 .d-xl-grid { 10594 display: grid !important; 10595 } 10596 .d-xl-inline-grid { 10597 display: inline-grid !important; 10598 } 10599 .d-xl-table { 10600 display: table !important; 10601 } 10602 .d-xl-table-row { 10603 display: table-row !important; 10604 } 10605 .d-xl-table-cell { 10606 display: table-cell !important; 10607 } 10608 .d-xl-flex { 10609 display: flex !important; 10610 } 10611 .d-xl-inline-flex { 10612 display: inline-flex !important; 10613 } 10614 .d-xl-none { 10615 display: none !important; 10616 } 10617 .flex-xl-fill { 10618 flex: 1 1 auto !important; 10619 } 10620 .flex-xl-row { 10621 flex-direction: row !important; 10622 } 10623 .flex-xl-column { 10624 flex-direction: column !important; 10625 } 10626 .flex-xl-row-reverse { 10627 flex-direction: row-reverse !important; 10628 } 10629 .flex-xl-column-reverse { 10630 flex-direction: column-reverse !important; 10631 } 10632 .flex-xl-grow-0 { 10633 flex-grow: 0 !important; 10634 } 10635 .flex-xl-grow-1 { 10636 flex-grow: 1 !important; 10637 } 10638 .flex-xl-shrink-0 { 10639 flex-shrink: 0 !important; 10640 } 10641 .flex-xl-shrink-1 { 10642 flex-shrink: 1 !important; 10643 } 10644 .flex-xl-wrap { 10645 flex-wrap: wrap !important; 10646 } 10647 .flex-xl-nowrap { 10648 flex-wrap: nowrap !important; 10649 } 10650 .flex-xl-wrap-reverse { 10651 flex-wrap: wrap-reverse !important; 10652 } 10653 .justify-content-xl-start { 10654 justify-content: flex-start !important; 10655 } 10656 .justify-content-xl-end { 10657 justify-content: flex-end !important; 10658 } 10659 .justify-content-xl-center { 10660 justify-content: center !important; 10661 } 10662 .justify-content-xl-between { 10663 justify-content: space-between !important; 10664 } 10665 .justify-content-xl-around { 10666 justify-content: space-around !important; 10667 } 10668 .justify-content-xl-evenly { 10669 justify-content: space-evenly !important; 10670 } 10671 .align-items-xl-start { 10672 align-items: flex-start !important; 10673 } 10674 .align-items-xl-end { 10675 align-items: flex-end !important; 10676 } 10677 .align-items-xl-center { 10678 align-items: center !important; 10679 } 10680 .align-items-xl-baseline { 10681 align-items: baseline !important; 10682 } 10683 .align-items-xl-stretch { 10684 align-items: stretch !important; 10685 } 10686 .align-content-xl-start { 10687 align-content: flex-start !important; 10688 } 10689 .align-content-xl-end { 10690 align-content: flex-end !important; 10691 } 10692 .align-content-xl-center { 10693 align-content: center !important; 10694 } 10695 .align-content-xl-between { 10696 align-content: space-between !important; 10697 } 10698 .align-content-xl-around { 10699 align-content: space-around !important; 10700 } 10701 .align-content-xl-stretch { 10702 align-content: stretch !important; 10703 } 10704 .align-self-xl-auto { 10705 align-self: auto !important; 10706 } 10707 .align-self-xl-start { 10708 align-self: flex-start !important; 10709 } 10710 .align-self-xl-end { 10711 align-self: flex-end !important; 10712 } 10713 .align-self-xl-center { 10714 align-self: center !important; 10715 } 10716 .align-self-xl-baseline { 10717 align-self: baseline !important; 10718 } 10719 .align-self-xl-stretch { 10720 align-self: stretch !important; 10721 } 10722 .order-xl-first { 10723 order: -1 !important; 10724 } 10725 .order-xl-0 { 10726 order: 0 !important; 10727 } 10728 .order-xl-1 { 10729 order: 1 !important; 10730 } 10731 .order-xl-2 { 10732 order: 2 !important; 10733 } 10734 .order-xl-3 { 10735 order: 3 !important; 10736 } 10737 .order-xl-4 { 10738 order: 4 !important; 10739 } 10740 .order-xl-5 { 10741 order: 5 !important; 10742 } 10743 .order-xl-last { 10744 order: 6 !important; 10745 } 10746 .m-xl-0 { 10747 margin: 0 !important; 10748 } 10749 .m-xl-1 { 10750 margin: 0.25rem !important; 10751 } 10752 .m-xl-2 { 10753 margin: 0.5rem !important; 10754 } 10755 .m-xl-3 { 10756 margin: 1rem !important; 10757 } 10758 .m-xl-4 { 10759 margin: 1.5rem !important; 10760 } 10761 .m-xl-5 { 10762 margin: 3rem !important; 10763 } 10764 .m-xl-auto { 10765 margin: auto !important; 10766 } 10767 .mx-xl-0 { 10768 margin-left: 0 !important; 10769 margin-right: 0 !important; 10770 } 10771 .mx-xl-1 { 10772 margin-left: 0.25rem !important; 10773 margin-right: 0.25rem !important; 10774 } 10775 .mx-xl-2 { 10776 margin-left: 0.5rem !important; 10777 margin-right: 0.5rem !important; 10778 } 10779 .mx-xl-3 { 10780 margin-left: 1rem !important; 10781 margin-right: 1rem !important; 10782 } 10783 .mx-xl-4 { 10784 margin-left: 1.5rem !important; 10785 margin-right: 1.5rem !important; 10786 } 10787 .mx-xl-5 { 10788 margin-left: 3rem !important; 10789 margin-right: 3rem !important; 10790 } 10791 .mx-xl-auto { 10792 margin-left: auto !important; 10793 margin-right: auto !important; 10794 } 10795 .my-xl-0 { 10796 margin-bottom: 0 !important; 10797 margin-top: 0 !important; 10798 } 10799 .my-xl-1 { 10800 margin-bottom: 0.25rem !important; 10801 margin-top: 0.25rem !important; 10802 } 10803 .my-xl-2 { 10804 margin-bottom: 0.5rem !important; 10805 margin-top: 0.5rem !important; 10806 } 10807 .my-xl-3 { 10808 margin-bottom: 1rem !important; 10809 margin-top: 1rem !important; 10810 } 10811 .my-xl-4 { 10812 margin-bottom: 1.5rem !important; 10813 margin-top: 1.5rem !important; 10814 } 10815 .my-xl-5 { 10816 margin-bottom: 3rem !important; 10817 margin-top: 3rem !important; 10818 } 10819 .my-xl-auto { 10820 margin-bottom: auto !important; 10821 margin-top: auto !important; 10822 } 10823 .mt-xl-0 { 10824 margin-top: 0 !important; 10825 } 10826 .mt-xl-1 { 10827 margin-top: 0.25rem !important; 10828 } 10829 .mt-xl-2 { 10830 margin-top: 0.5rem !important; 10831 } 10832 .mt-xl-3 { 10833 margin-top: 1rem !important; 10834 } 10835 .mt-xl-4 { 10836 margin-top: 1.5rem !important; 10837 } 10838 .mt-xl-5 { 10839 margin-top: 3rem !important; 10840 } 10841 .mt-xl-auto { 10842 margin-top: auto !important; 10843 } 10844 .me-xl-0 { 10845 margin-right: 0 !important; 10846 } 10847 .me-xl-1 { 10848 margin-right: 0.25rem !important; 10849 } 10850 .me-xl-2 { 10851 margin-right: 0.5rem !important; 10852 } 10853 .me-xl-3 { 10854 margin-right: 1rem !important; 10855 } 10856 .me-xl-4 { 10857 margin-right: 1.5rem !important; 10858 } 10859 .me-xl-5 { 10860 margin-right: 3rem !important; 10861 } 10862 .me-xl-auto { 10863 margin-right: auto !important; 10864 } 10865 .mb-xl-0 { 10866 margin-bottom: 0 !important; 10867 } 10868 .mb-xl-1 { 10869 margin-bottom: 0.25rem !important; 10870 } 10871 .mb-xl-2 { 10872 margin-bottom: 0.5rem !important; 10873 } 10874 .mb-xl-3 { 10875 margin-bottom: 1rem !important; 10876 } 10877 .mb-xl-4 { 10878 margin-bottom: 1.5rem !important; 10879 } 10880 .mb-xl-5 { 10881 margin-bottom: 3rem !important; 10882 } 10883 .mb-xl-auto { 10884 margin-bottom: auto !important; 10885 } 10886 .ms-xl-0 { 10887 margin-left: 0 !important; 10888 } 10889 .ms-xl-1 { 10890 margin-left: 0.25rem !important; 10891 } 10892 .ms-xl-2 { 10893 margin-left: 0.5rem !important; 10894 } 10895 .ms-xl-3 { 10896 margin-left: 1rem !important; 10897 } 10898 .ms-xl-4 { 10899 margin-left: 1.5rem !important; 10900 } 10901 .ms-xl-5 { 10902 margin-left: 3rem !important; 10903 } 10904 .ms-xl-auto { 10905 margin-left: auto !important; 10906 } 10907 .p-xl-0 { 10908 padding: 0 !important; 10909 } 10910 .p-xl-1 { 10911 padding: 0.25rem !important; 10912 } 10913 .p-xl-2 { 10914 padding: 0.5rem !important; 10915 } 10916 .p-xl-3 { 10917 padding: 1rem !important; 10918 } 10919 .p-xl-4 { 10920 padding: 1.5rem !important; 10921 } 10922 .p-xl-5 { 10923 padding: 3rem !important; 10924 } 10925 .px-xl-0 { 10926 padding-left: 0 !important; 10927 padding-right: 0 !important; 10928 } 10929 .px-xl-1 { 10930 padding-left: 0.25rem !important; 10931 padding-right: 0.25rem !important; 10932 } 10933 .px-xl-2 { 10934 padding-left: 0.5rem !important; 10935 padding-right: 0.5rem !important; 10936 } 10937 .px-xl-3 { 10938 padding-left: 1rem !important; 10939 padding-right: 1rem !important; 10940 } 10941 .px-xl-4 { 10942 padding-left: 1.5rem !important; 10943 padding-right: 1.5rem !important; 10944 } 10945 .px-xl-5 { 10946 padding-left: 3rem !important; 10947 padding-right: 3rem !important; 10948 } 10949 .py-xl-0 { 10950 padding-bottom: 0 !important; 10951 padding-top: 0 !important; 10952 } 10953 .py-xl-1 { 10954 padding-bottom: 0.25rem !important; 10955 padding-top: 0.25rem !important; 10956 } 10957 .py-xl-2 { 10958 padding-bottom: 0.5rem !important; 10959 padding-top: 0.5rem !important; 10960 } 10961 .py-xl-3 { 10962 padding-bottom: 1rem !important; 10963 padding-top: 1rem !important; 10964 } 10965 .py-xl-4 { 10966 padding-bottom: 1.5rem !important; 10967 padding-top: 1.5rem !important; 10968 } 10969 .py-xl-5 { 10970 padding-bottom: 3rem !important; 10971 padding-top: 3rem !important; 10972 } 10973 .pt-xl-0 { 10974 padding-top: 0 !important; 10975 } 10976 .pt-xl-1 { 10977 padding-top: 0.25rem !important; 10978 } 10979 .pt-xl-2 { 10980 padding-top: 0.5rem !important; 10981 } 10982 .pt-xl-3 { 10983 padding-top: 1rem !important; 10984 } 10985 .pt-xl-4 { 10986 padding-top: 1.5rem !important; 10987 } 10988 .pt-xl-5 { 10989 padding-top: 3rem !important; 10990 } 10991 .pe-xl-0 { 10992 padding-right: 0 !important; 10993 } 10994 .pe-xl-1 { 10995 padding-right: 0.25rem !important; 10996 } 10997 .pe-xl-2 { 10998 padding-right: 0.5rem !important; 10999 } 11000 .pe-xl-3 { 11001 padding-right: 1rem !important; 11002 } 11003 .pe-xl-4 { 11004 padding-right: 1.5rem !important; 11005 } 11006 .pe-xl-5 { 11007 padding-right: 3rem !important; 11008 } 11009 .pb-xl-0 { 11010 padding-bottom: 0 !important; 11011 } 11012 .pb-xl-1 { 11013 padding-bottom: 0.25rem !important; 11014 } 11015 .pb-xl-2 { 11016 padding-bottom: 0.5rem !important; 11017 } 11018 .pb-xl-3 { 11019 padding-bottom: 1rem !important; 11020 } 11021 .pb-xl-4 { 11022 padding-bottom: 1.5rem !important; 11023 } 11024 .pb-xl-5 { 11025 padding-bottom: 3rem !important; 11026 } 11027 .ps-xl-0 { 11028 padding-left: 0 !important; 11029 } 11030 .ps-xl-1 { 11031 padding-left: 0.25rem !important; 11032 } 11033 .ps-xl-2 { 11034 padding-left: 0.5rem !important; 11035 } 11036 .ps-xl-3 { 11037 padding-left: 1rem !important; 11038 } 11039 .ps-xl-4 { 11040 padding-left: 1.5rem !important; 11041 } 11042 .ps-xl-5 { 11043 padding-left: 3rem !important; 11044 } 11045 .gap-xl-0 { 11046 gap: 0 !important; 11047 } 11048 .gap-xl-1 { 11049 gap: 0.25rem !important; 11050 } 11051 .gap-xl-2 { 11052 gap: 0.5rem !important; 11053 } 11054 .gap-xl-3 { 11055 gap: 1rem !important; 11056 } 11057 .gap-xl-4 { 11058 gap: 1.5rem !important; 11059 } 11060 .gap-xl-5 { 11061 gap: 3rem !important; 11062 } 11063 .row-gap-xl-0 { 11064 row-gap: 0 !important; 11065 } 11066 .row-gap-xl-1 { 11067 row-gap: 0.25rem !important; 11068 } 11069 .row-gap-xl-2 { 11070 row-gap: 0.5rem !important; 11071 } 11072 .row-gap-xl-3 { 11073 row-gap: 1rem !important; 11074 } 11075 .row-gap-xl-4 { 11076 row-gap: 1.5rem !important; 11077 } 11078 .row-gap-xl-5 { 11079 row-gap: 3rem !important; 11080 } 11081 .column-gap-xl-0 { 11082 -moz-column-gap: 0 !important; 11083 column-gap: 0 !important; 11084 } 11085 .column-gap-xl-1 { 11086 -moz-column-gap: 0.25rem !important; 11087 column-gap: 0.25rem !important; 11088 } 11089 .column-gap-xl-2 { 11090 -moz-column-gap: 0.5rem !important; 11091 column-gap: 0.5rem !important; 11092 } 11093 .column-gap-xl-3 { 11094 -moz-column-gap: 1rem !important; 11095 column-gap: 1rem !important; 11096 } 11097 .column-gap-xl-4 { 11098 -moz-column-gap: 1.5rem !important; 11099 column-gap: 1.5rem !important; 11100 } 11101 .column-gap-xl-5 { 11102 -moz-column-gap: 3rem !important; 11103 column-gap: 3rem !important; 11104 } 11105 .text-xl-start { 11106 text-align: left !important; 11107 } 11108 .text-xl-end { 11109 text-align: right !important; 11110 } 11111 .text-xl-center { 11112 text-align: center !important; 11113 } 11114} 11115@media (min-width: 1400px) { 11116 .float-xxl-start { 11117 float: left !important; 11118 } 11119 .float-xxl-end { 11120 float: right !important; 11121 } 11122 .float-xxl-none { 11123 float: none !important; 11124 } 11125 .object-fit-xxl-contain { 11126 -o-object-fit: contain !important; 11127 object-fit: contain !important; 11128 } 11129 .object-fit-xxl-cover { 11130 -o-object-fit: cover !important; 11131 object-fit: cover !important; 11132 } 11133 .object-fit-xxl-fill { 11134 -o-object-fit: fill !important; 11135 object-fit: fill !important; 11136 } 11137 .object-fit-xxl-scale { 11138 -o-object-fit: scale-down !important; 11139 object-fit: scale-down !important; 11140 } 11141 .object-fit-xxl-none { 11142 -o-object-fit: none !important; 11143 object-fit: none !important; 11144 } 11145 .d-xxl-inline { 11146 display: inline !important; 11147 } 11148 .d-xxl-inline-block { 11149 display: inline-block !important; 11150 } 11151 .d-xxl-block { 11152 display: block !important; 11153 } 11154 .d-xxl-grid { 11155 display: grid !important; 11156 } 11157 .d-xxl-inline-grid { 11158 display: inline-grid !important; 11159 } 11160 .d-xxl-table { 11161 display: table !important; 11162 } 11163 .d-xxl-table-row { 11164 display: table-row !important; 11165 } 11166 .d-xxl-table-cell { 11167 display: table-cell !important; 11168 } 11169 .d-xxl-flex { 11170 display: flex !important; 11171 } 11172 .d-xxl-inline-flex { 11173 display: inline-flex !important; 11174 } 11175 .d-xxl-none { 11176 display: none !important; 11177 } 11178 .flex-xxl-fill { 11179 flex: 1 1 auto !important; 11180 } 11181 .flex-xxl-row { 11182 flex-direction: row !important; 11183 } 11184 .flex-xxl-column { 11185 flex-direction: column !important; 11186 } 11187 .flex-xxl-row-reverse { 11188 flex-direction: row-reverse !important; 11189 } 11190 .flex-xxl-column-reverse { 11191 flex-direction: column-reverse !important; 11192 } 11193 .flex-xxl-grow-0 { 11194 flex-grow: 0 !important; 11195 } 11196 .flex-xxl-grow-1 { 11197 flex-grow: 1 !important; 11198 } 11199 .flex-xxl-shrink-0 { 11200 flex-shrink: 0 !important; 11201 } 11202 .flex-xxl-shrink-1 { 11203 flex-shrink: 1 !important; 11204 } 11205 .flex-xxl-wrap { 11206 flex-wrap: wrap !important; 11207 } 11208 .flex-xxl-nowrap { 11209 flex-wrap: nowrap !important; 11210 } 11211 .flex-xxl-wrap-reverse { 11212 flex-wrap: wrap-reverse !important; 11213 } 11214 .justify-content-xxl-start { 11215 justify-content: flex-start !important; 11216 } 11217 .justify-content-xxl-end { 11218 justify-content: flex-end !important; 11219 } 11220 .justify-content-xxl-center { 11221 justify-content: center !important; 11222 } 11223 .justify-content-xxl-between { 11224 justify-content: space-between !important; 11225 } 11226 .justify-content-xxl-around { 11227 justify-content: space-around !important; 11228 } 11229 .justify-content-xxl-evenly { 11230 justify-content: space-evenly !important; 11231 } 11232 .align-items-xxl-start { 11233 align-items: flex-start !important; 11234 } 11235 .align-items-xxl-end { 11236 align-items: flex-end !important; 11237 } 11238 .align-items-xxl-center { 11239 align-items: center !important; 11240 } 11241 .align-items-xxl-baseline { 11242 align-items: baseline !important; 11243 } 11244 .align-items-xxl-stretch { 11245 align-items: stretch !important; 11246 } 11247 .align-content-xxl-start { 11248 align-content: flex-start !important; 11249 } 11250 .align-content-xxl-end { 11251 align-content: flex-end !important; 11252 } 11253 .align-content-xxl-center { 11254 align-content: center !important; 11255 } 11256 .align-content-xxl-between { 11257 align-content: space-between !important; 11258 } 11259 .align-content-xxl-around { 11260 align-content: space-around !important; 11261 } 11262 .align-content-xxl-stretch { 11263 align-content: stretch !important; 11264 } 11265 .align-self-xxl-auto { 11266 align-self: auto !important; 11267 } 11268 .align-self-xxl-start { 11269 align-self: flex-start !important; 11270 } 11271 .align-self-xxl-end { 11272 align-self: flex-end !important; 11273 } 11274 .align-self-xxl-center { 11275 align-self: center !important; 11276 } 11277 .align-self-xxl-baseline { 11278 align-self: baseline !important; 11279 } 11280 .align-self-xxl-stretch { 11281 align-self: stretch !important; 11282 } 11283 .order-xxl-first { 11284 order: -1 !important; 11285 } 11286 .order-xxl-0 { 11287 order: 0 !important; 11288 } 11289 .order-xxl-1 { 11290 order: 1 !important; 11291 } 11292 .order-xxl-2 { 11293 order: 2 !important; 11294 } 11295 .order-xxl-3 { 11296 order: 3 !important; 11297 } 11298 .order-xxl-4 { 11299 order: 4 !important; 11300 } 11301 .order-xxl-5 { 11302 order: 5 !important; 11303 } 11304 .order-xxl-last { 11305 order: 6 !important; 11306 } 11307 .m-xxl-0 { 11308 margin: 0 !important; 11309 } 11310 .m-xxl-1 { 11311 margin: 0.25rem !important; 11312 } 11313 .m-xxl-2 { 11314 margin: 0.5rem !important; 11315 } 11316 .m-xxl-3 { 11317 margin: 1rem !important; 11318 } 11319 .m-xxl-4 { 11320 margin: 1.5rem !important; 11321 } 11322 .m-xxl-5 { 11323 margin: 3rem !important; 11324 } 11325 .m-xxl-auto { 11326 margin: auto !important; 11327 } 11328 .mx-xxl-0 { 11329 margin-left: 0 !important; 11330 margin-right: 0 !important; 11331 } 11332 .mx-xxl-1 { 11333 margin-left: 0.25rem !important; 11334 margin-right: 0.25rem !important; 11335 } 11336 .mx-xxl-2 { 11337 margin-left: 0.5rem !important; 11338 margin-right: 0.5rem !important; 11339 } 11340 .mx-xxl-3 { 11341 margin-left: 1rem !important; 11342 margin-right: 1rem !important; 11343 } 11344 .mx-xxl-4 { 11345 margin-left: 1.5rem !important; 11346 margin-right: 1.5rem !important; 11347 } 11348 .mx-xxl-5 { 11349 margin-left: 3rem !important; 11350 margin-right: 3rem !important; 11351 } 11352 .mx-xxl-auto { 11353 margin-left: auto !important; 11354 margin-right: auto !important; 11355 } 11356 .my-xxl-0 { 11357 margin-bottom: 0 !important; 11358 margin-top: 0 !important; 11359 } 11360 .my-xxl-1 { 11361 margin-bottom: 0.25rem !important; 11362 margin-top: 0.25rem !important; 11363 } 11364 .my-xxl-2 { 11365 margin-bottom: 0.5rem !important; 11366 margin-top: 0.5rem !important; 11367 } 11368 .my-xxl-3 { 11369 margin-bottom: 1rem !important; 11370 margin-top: 1rem !important; 11371 } 11372 .my-xxl-4 { 11373 margin-bottom: 1.5rem !important; 11374 margin-top: 1.5rem !important; 11375 } 11376 .my-xxl-5 { 11377 margin-bottom: 3rem !important; 11378 margin-top: 3rem !important; 11379 } 11380 .my-xxl-auto { 11381 margin-bottom: auto !important; 11382 margin-top: auto !important; 11383 } 11384 .mt-xxl-0 { 11385 margin-top: 0 !important; 11386 } 11387 .mt-xxl-1 { 11388 margin-top: 0.25rem !important; 11389 } 11390 .mt-xxl-2 { 11391 margin-top: 0.5rem !important; 11392 } 11393 .mt-xxl-3 { 11394 margin-top: 1rem !important; 11395 } 11396 .mt-xxl-4 { 11397 margin-top: 1.5rem !important; 11398 } 11399 .mt-xxl-5 { 11400 margin-top: 3rem !important; 11401 } 11402 .mt-xxl-auto { 11403 margin-top: auto !important; 11404 } 11405 .me-xxl-0 { 11406 margin-right: 0 !important; 11407 } 11408 .me-xxl-1 { 11409 margin-right: 0.25rem !important; 11410 } 11411 .me-xxl-2 { 11412 margin-right: 0.5rem !important; 11413 } 11414 .me-xxl-3 { 11415 margin-right: 1rem !important; 11416 } 11417 .me-xxl-4 { 11418 margin-right: 1.5rem !important; 11419 } 11420 .me-xxl-5 { 11421 margin-right: 3rem !important; 11422 } 11423 .me-xxl-auto { 11424 margin-right: auto !important; 11425 } 11426 .mb-xxl-0 { 11427 margin-bottom: 0 !important; 11428 } 11429 .mb-xxl-1 { 11430 margin-bottom: 0.25rem !important; 11431 } 11432 .mb-xxl-2 { 11433 margin-bottom: 0.5rem !important; 11434 } 11435 .mb-xxl-3 { 11436 margin-bottom: 1rem !important; 11437 } 11438 .mb-xxl-4 { 11439 margin-bottom: 1.5rem !important; 11440 } 11441 .mb-xxl-5 { 11442 margin-bottom: 3rem !important; 11443 } 11444 .mb-xxl-auto { 11445 margin-bottom: auto !important; 11446 } 11447 .ms-xxl-0 { 11448 margin-left: 0 !important; 11449 } 11450 .ms-xxl-1 { 11451 margin-left: 0.25rem !important; 11452 } 11453 .ms-xxl-2 { 11454 margin-left: 0.5rem !important; 11455 } 11456 .ms-xxl-3 { 11457 margin-left: 1rem !important; 11458 } 11459 .ms-xxl-4 { 11460 margin-left: 1.5rem !important; 11461 } 11462 .ms-xxl-5 { 11463 margin-left: 3rem !important; 11464 } 11465 .ms-xxl-auto { 11466 margin-left: auto !important; 11467 } 11468 .p-xxl-0 { 11469 padding: 0 !important; 11470 } 11471 .p-xxl-1 { 11472 padding: 0.25rem !important; 11473 } 11474 .p-xxl-2 { 11475 padding: 0.5rem !important; 11476 } 11477 .p-xxl-3 { 11478 padding: 1rem !important; 11479 } 11480 .p-xxl-4 { 11481 padding: 1.5rem !important; 11482 } 11483 .p-xxl-5 { 11484 padding: 3rem !important; 11485 } 11486 .px-xxl-0 { 11487 padding-left: 0 !important; 11488 padding-right: 0 !important; 11489 } 11490 .px-xxl-1 { 11491 padding-left: 0.25rem !important; 11492 padding-right: 0.25rem !important; 11493 } 11494 .px-xxl-2 { 11495 padding-left: 0.5rem !important; 11496 padding-right: 0.5rem !important; 11497 } 11498 .px-xxl-3 { 11499 padding-left: 1rem !important; 11500 padding-right: 1rem !important; 11501 } 11502 .px-xxl-4 { 11503 padding-left: 1.5rem !important; 11504 padding-right: 1.5rem !important; 11505 } 11506 .px-xxl-5 { 11507 padding-left: 3rem !important; 11508 padding-right: 3rem !important; 11509 } 11510 .py-xxl-0 { 11511 padding-bottom: 0 !important; 11512 padding-top: 0 !important; 11513 } 11514 .py-xxl-1 { 11515 padding-bottom: 0.25rem !important; 11516 padding-top: 0.25rem !important; 11517 } 11518 .py-xxl-2 { 11519 padding-bottom: 0.5rem !important; 11520 padding-top: 0.5rem !important; 11521 } 11522 .py-xxl-3 { 11523 padding-bottom: 1rem !important; 11524 padding-top: 1rem !important; 11525 } 11526 .py-xxl-4 { 11527 padding-bottom: 1.5rem !important; 11528 padding-top: 1.5rem !important; 11529 } 11530 .py-xxl-5 { 11531 padding-bottom: 3rem !important; 11532 padding-top: 3rem !important; 11533 } 11534 .pt-xxl-0 { 11535 padding-top: 0 !important; 11536 } 11537 .pt-xxl-1 { 11538 padding-top: 0.25rem !important; 11539 } 11540 .pt-xxl-2 { 11541 padding-top: 0.5rem !important; 11542 } 11543 .pt-xxl-3 { 11544 padding-top: 1rem !important; 11545 } 11546 .pt-xxl-4 { 11547 padding-top: 1.5rem !important; 11548 } 11549 .pt-xxl-5 { 11550 padding-top: 3rem !important; 11551 } 11552 .pe-xxl-0 { 11553 padding-right: 0 !important; 11554 } 11555 .pe-xxl-1 { 11556 padding-right: 0.25rem !important; 11557 } 11558 .pe-xxl-2 { 11559 padding-right: 0.5rem !important; 11560 } 11561 .pe-xxl-3 { 11562 padding-right: 1rem !important; 11563 } 11564 .pe-xxl-4 { 11565 padding-right: 1.5rem !important; 11566 } 11567 .pe-xxl-5 { 11568 padding-right: 3rem !important; 11569 } 11570 .pb-xxl-0 { 11571 padding-bottom: 0 !important; 11572 } 11573 .pb-xxl-1 { 11574 padding-bottom: 0.25rem !important; 11575 } 11576 .pb-xxl-2 { 11577 padding-bottom: 0.5rem !important; 11578 } 11579 .pb-xxl-3 { 11580 padding-bottom: 1rem !important; 11581 } 11582 .pb-xxl-4 { 11583 padding-bottom: 1.5rem !important; 11584 } 11585 .pb-xxl-5 { 11586 padding-bottom: 3rem !important; 11587 } 11588 .ps-xxl-0 { 11589 padding-left: 0 !important; 11590 } 11591 .ps-xxl-1 { 11592 padding-left: 0.25rem !important; 11593 } 11594 .ps-xxl-2 { 11595 padding-left: 0.5rem !important; 11596 } 11597 .ps-xxl-3 { 11598 padding-left: 1rem !important; 11599 } 11600 .ps-xxl-4 { 11601 padding-left: 1.5rem !important; 11602 } 11603 .ps-xxl-5 { 11604 padding-left: 3rem !important; 11605 } 11606 .gap-xxl-0 { 11607 gap: 0 !important; 11608 } 11609 .gap-xxl-1 { 11610 gap: 0.25rem !important; 11611 } 11612 .gap-xxl-2 { 11613 gap: 0.5rem !important; 11614 } 11615 .gap-xxl-3 { 11616 gap: 1rem !important; 11617 } 11618 .gap-xxl-4 { 11619 gap: 1.5rem !important; 11620 } 11621 .gap-xxl-5 { 11622 gap: 3rem !important; 11623 } 11624 .row-gap-xxl-0 { 11625 row-gap: 0 !important; 11626 } 11627 .row-gap-xxl-1 { 11628 row-gap: 0.25rem !important; 11629 } 11630 .row-gap-xxl-2 { 11631 row-gap: 0.5rem !important; 11632 } 11633 .row-gap-xxl-3 { 11634 row-gap: 1rem !important; 11635 } 11636 .row-gap-xxl-4 { 11637 row-gap: 1.5rem !important; 11638 } 11639 .row-gap-xxl-5 { 11640 row-gap: 3rem !important; 11641 } 11642 .column-gap-xxl-0 { 11643 -moz-column-gap: 0 !important; 11644 column-gap: 0 !important; 11645 } 11646 .column-gap-xxl-1 { 11647 -moz-column-gap: 0.25rem !important; 11648 column-gap: 0.25rem !important; 11649 } 11650 .column-gap-xxl-2 { 11651 -moz-column-gap: 0.5rem !important; 11652 column-gap: 0.5rem !important; 11653 } 11654 .column-gap-xxl-3 { 11655 -moz-column-gap: 1rem !important; 11656 column-gap: 1rem !important; 11657 } 11658 .column-gap-xxl-4 { 11659 -moz-column-gap: 1.5rem !important; 11660 column-gap: 1.5rem !important; 11661 } 11662 .column-gap-xxl-5 { 11663 -moz-column-gap: 3rem !important; 11664 column-gap: 3rem !important; 11665 } 11666 .text-xxl-start { 11667 text-align: left !important; 11668 } 11669 .text-xxl-end { 11670 text-align: right !important; 11671 } 11672 .text-xxl-center { 11673 text-align: center !important; 11674 } 11675} 11676@media (min-width: 1200px) { 11677 .fs-1 { 11678 font-size: 2.5rem !important; 11679 } 11680 .fs-2 { 11681 font-size: 2rem !important; 11682 } 11683 .fs-3 { 11684 font-size: 1.75rem !important; 11685 } 11686 .fs-4 { 11687 font-size: 1.5rem !important; 11688 } 11689} 11690@media print { 11691 .d-print-inline { 11692 display: inline !important; 11693 } 11694 .d-print-inline-block { 11695 display: inline-block !important; 11696 } 11697 .d-print-block { 11698 display: block !important; 11699 } 11700 .d-print-grid { 11701 display: grid !important; 11702 } 11703 .d-print-inline-grid { 11704 display: inline-grid !important; 11705 } 11706 .d-print-table { 11707 display: table !important; 11708 } 11709 .d-print-table-row { 11710 display: table-row !important; 11711 } 11712 .d-print-table-cell { 11713 display: table-cell !important; 11714 } 11715 .d-print-flex { 11716 display: flex !important; 11717 } 11718 .d-print-inline-flex { 11719 display: inline-flex !important; 11720 } 11721 .d-print-none { 11722 display: none !important; 11723 } 11724} 11725.swal2-popup.swal2-toast { 11726 background: #19191a; 11727 box-shadow: 11728 0 0 1px rgba(0, 0, 0, 0.075), 11729 0 1px 2px rgba(0, 0, 0, 0.075), 11730 1px 2px 4px rgba(0, 0, 0, 0.075), 11731 1px 3px 8px rgba(0, 0, 0, 0.075), 11732 2px 4px 16px rgba(0, 0, 0, 0.075); 11733 box-sizing: border-box; 11734 grid-column: 1/4 !important; 11735 grid-row: 1/4 !important; 11736 grid-template-columns: min-content auto min-content; 11737 overflow-y: hidden; 11738 padding: 1em; 11739 pointer-events: all; 11740} 11741.swal2-popup.swal2-toast > * { 11742 grid-column: 2; 11743} 11744.swal2-popup.swal2-toast .swal2-title { 11745 font-size: 1em; 11746 margin: 0.5em 1em; 11747 padding: 0; 11748 text-align: initial; 11749} 11750.swal2-popup.swal2-toast .swal2-loading { 11751 justify-content: center; 11752} 11753.swal2-popup.swal2-toast .swal2-input { 11754 font-size: 1em; 11755 height: 2em; 11756 margin: 0.5em; 11757} 11758.swal2-popup.swal2-toast .swal2-validation-message { 11759 font-size: 1em; 11760} 11761.swal2-popup.swal2-toast .swal2-footer { 11762 font-size: 0.8em; 11763 margin: 0.5em 0 0; 11764 padding: 0.5em 0 0; 11765} 11766.swal2-popup.swal2-toast .swal2-close { 11767 align-self: center; 11768 font-size: 2em; 11769 grid-column: 3/3; 11770 grid-row: 1/99; 11771 height: 0.8em; 11772 margin: 0; 11773 width: 0.8em; 11774} 11775.swal2-popup.swal2-toast .swal2-html-container { 11776 font-size: 1em; 11777 margin: 0.5em 1em; 11778 overflow: initial; 11779 padding: 0; 11780 text-align: initial; 11781} 11782.swal2-popup.swal2-toast .swal2-html-container:empty { 11783 padding: 0; 11784} 11785.swal2-popup.swal2-toast .swal2-loader { 11786 align-self: center; 11787 grid-column: 1; 11788 grid-row: 1/99; 11789 height: 2em; 11790 margin: 0.25em; 11791 width: 2em; 11792} 11793.swal2-popup.swal2-toast .swal2-icon { 11794 align-self: center; 11795 grid-column: 1; 11796 grid-row: 1/99; 11797 height: 2em; 11798 margin: 0 0.5em 0 0; 11799 min-width: 2em; 11800 width: 2em; 11801} 11802.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { 11803 align-items: center; 11804 display: flex; 11805 font-size: 1.8em; 11806 font-weight: 700; 11807} 11808.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { 11809 height: 2em; 11810 width: 2em; 11811} 11812.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { 11813 top: 0.875em; 11814 width: 1.375em; 11815} 11816.swal2-popup.swal2-toast 11817 .swal2-icon.swal2-error 11818 [class^="swal2-x-mark-line"][class$="left"] { 11819 left: 0.3125em; 11820} 11821.swal2-popup.swal2-toast 11822 .swal2-icon.swal2-error 11823 [class^="swal2-x-mark-line"][class$="right"] { 11824 right: 0.3125em; 11825} 11826.swal2-popup.swal2-toast .swal2-actions { 11827 height: auto; 11828 justify-content: flex-start; 11829 margin: 0.5em 0 0; 11830 padding: 0 0.5em; 11831} 11832.swal2-popup.swal2-toast .swal2-styled { 11833 font-size: 1em; 11834 margin: 0.25em 0.5em; 11835 padding: 0.4em 0.6em; 11836} 11837.swal2-popup.swal2-toast .swal2-success { 11838 border-color: #a5dc86; 11839} 11840.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { 11841 border-radius: 50%; 11842 height: 3em; 11843 position: absolute; 11844 width: 1.6em; 11845} 11846.swal2-popup.swal2-toast 11847 .swal2-success 11848 [class^="swal2-success-circular-line"][class$="left"] { 11849 border-radius: 4em 0 0 4em; 11850 left: -0.5em; 11851 top: -0.8em; 11852 transform: rotate(-45deg); 11853 transform-origin: 2em 2em; 11854} 11855.swal2-popup.swal2-toast 11856 .swal2-success 11857 [class^="swal2-success-circular-line"][class$="right"] { 11858 border-radius: 0 4em 4em 0; 11859 left: 0.9375em; 11860 top: -0.25em; 11861 transform-origin: 0 1.5em; 11862} 11863.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { 11864 height: 2em; 11865 width: 2em; 11866} 11867.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { 11868 height: 2.6875em; 11869 left: 0.4375em; 11870 top: 0; 11871 width: 0.4375em; 11872} 11873.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] { 11874 height: 0.3125em; 11875} 11876.swal2-popup.swal2-toast 11877 .swal2-success 11878 [class^="swal2-success-line"][class$="tip"] { 11879 left: 0.1875em; 11880 top: 1.125em; 11881 width: 0.75em; 11882} 11883.swal2-popup.swal2-toast 11884 .swal2-success 11885 [class^="swal2-success-line"][class$="long"] { 11886 right: 0.1875em; 11887 top: 0.9375em; 11888 width: 1.375em; 11889} 11890.swal2-popup.swal2-toast 11891 .swal2-success.swal2-icon-show 11892 .swal2-success-line-tip { 11893 animation: swal2-toast-animate-success-line-tip 0.75s; 11894} 11895.swal2-popup.swal2-toast 11896 .swal2-success.swal2-icon-show 11897 .swal2-success-line-long { 11898 animation: swal2-toast-animate-success-line-long 0.75s; 11899} 11900.swal2-popup.swal2-toast.swal2-show { 11901 animation: swal2-toast-show 0.5s; 11902} 11903.swal2-popup.swal2-toast.swal2-hide { 11904 animation: swal2-toast-hide 0.1s forwards; 11905} 11906div:where(.swal2-container) { 11907 box-sizing: border-box; 11908 display: grid; 11909 grid-template-areas: 11910 "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; 11911 grid-template-rows: 11912 minmax(min-content, auto) minmax(min-content, auto) minmax( 11913 min-content, 11914 auto 11915 ); 11916 height: 100%; 11917 inset: 0; 11918 overflow-x: hidden; 11919 padding: 0.625em; 11920 position: fixed; 11921 transition: background-color 0.1s; 11922 z-index: 1060; 11923 -webkit-overflow-scrolling: touch; 11924} 11925div:where(.swal2-container).swal2-backdrop-show, 11926div:where(.swal2-container).swal2-noanimation { 11927 background: rgba(25, 25, 26, 0.75); 11928} 11929div:where(.swal2-container).swal2-backdrop-hide { 11930 background: transparent !important; 11931} 11932div:where(.swal2-container).swal2-bottom-start, 11933div:where(.swal2-container).swal2-center-start, 11934div:where(.swal2-container).swal2-top-start { 11935 grid-template-columns: minmax(0, 1fr) auto auto; 11936} 11937div:where(.swal2-container).swal2-bottom, 11938div:where(.swal2-container).swal2-center, 11939div:where(.swal2-container).swal2-top { 11940 grid-template-columns: auto minmax(0, 1fr) auto; 11941} 11942div:where(.swal2-container).swal2-bottom-end, 11943div:where(.swal2-container).swal2-center-end, 11944div:where(.swal2-container).swal2-top-end { 11945 grid-template-columns: auto auto minmax(0, 1fr); 11946} 11947div:where(.swal2-container).swal2-top-start > .swal2-popup { 11948 align-self: start; 11949} 11950div:where(.swal2-container).swal2-top > .swal2-popup { 11951 grid-column: 2; 11952 place-self: start center; 11953} 11954div:where(.swal2-container).swal2-top-end > .swal2-popup, 11955div:where(.swal2-container).swal2-top-right > .swal2-popup { 11956 grid-column: 3; 11957 place-self: start end; 11958} 11959div:where(.swal2-container).swal2-center-left > .swal2-popup, 11960div:where(.swal2-container).swal2-center-start > .swal2-popup { 11961 align-self: center; 11962 grid-row: 2; 11963} 11964div:where(.swal2-container).swal2-center > .swal2-popup { 11965 grid-column: 2; 11966 grid-row: 2; 11967 place-self: center center; 11968} 11969div:where(.swal2-container).swal2-center-end > .swal2-popup, 11970div:where(.swal2-container).swal2-center-right > .swal2-popup { 11971 grid-column: 3; 11972 grid-row: 2; 11973 place-self: center end; 11974} 11975div:where(.swal2-container).swal2-bottom-left > .swal2-popup, 11976div:where(.swal2-container).swal2-bottom-start > .swal2-popup { 11977 align-self: end; 11978 grid-column: 1; 11979 grid-row: 3; 11980} 11981div:where(.swal2-container).swal2-bottom > .swal2-popup { 11982 grid-column: 2; 11983 grid-row: 3; 11984 place-self: end center; 11985} 11986div:where(.swal2-container).swal2-bottom-end > .swal2-popup, 11987div:where(.swal2-container).swal2-bottom-right > .swal2-popup { 11988 grid-column: 3; 11989 grid-row: 3; 11990 place-self: end end; 11991} 11992div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup, 11993div:where(.swal2-container).swal2-grow-row > .swal2-popup { 11994 grid-column: 1/4; 11995 width: 100%; 11996} 11997div:where(.swal2-container).swal2-grow-column > .swal2-popup, 11998div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { 11999 align-self: stretch; 12000 grid-row: 1/4; 12001} 12002div:where(.swal2-container).swal2-no-transition { 12003 transition: none !important; 12004} 12005div:where(.swal2-container) div:where(.swal2-popup) { 12006 background: #19191a; 12007 border: none; 12008 border-radius: 5px; 12009 box-sizing: border-box; 12010 color: #545454; 12011 display: none; 12012 font-family: inherit; 12013 font-size: 1rem; 12014 grid-template-columns: minmax(0, 100%); 12015 max-width: 100%; 12016 padding: 0 0 1.25em; 12017 position: relative; 12018 width: 32em; 12019} 12020div:where(.swal2-container) div:where(.swal2-popup):focus { 12021 outline: none; 12022} 12023div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { 12024 overflow-y: hidden; 12025} 12026div:where(.swal2-container) .h2:where(.swal2-title), 12027div:where(.swal2-container) h2:where(.swal2-title) { 12028 color: #e1e1e1; 12029 font-size: 1.875em; 12030 font-weight: 600; 12031 margin: 0; 12032 max-width: 100%; 12033 padding: 0.8em 1em 0; 12034 position: relative; 12035 text-align: center; 12036 text-transform: none; 12037 word-wrap: break-word; 12038} 12039div:where(.swal2-container) div:where(.swal2-actions) { 12040 align-items: center; 12041 box-sizing: border-box; 12042 display: flex; 12043 flex-wrap: wrap; 12044 justify-content: center; 12045 margin: 1.25em auto 0; 12046 padding: 0; 12047 width: auto; 12048 z-index: 1; 12049} 12050div:where(.swal2-container) 12051 div:where(.swal2-actions):not(.swal2-loading) 12052 .swal2-styled[disabled] { 12053 opacity: 0.4; 12054} 12055div:where(.swal2-container) 12056 div:where(.swal2-actions):not(.swal2-loading) 12057 .swal2-styled:hover { 12058 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); 12059} 12060div:where(.swal2-container) 12061 div:where(.swal2-actions):not(.swal2-loading) 12062 .swal2-styled:active { 12063 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); 12064} 12065div:where(.swal2-container) div:where(.swal2-loader) { 12066 align-items: center; 12067 animation: swal2-rotate-loading 1.5s linear 0s infinite normal; 12068 border-color: #2778c4 transparent; 12069 border-radius: 100%; 12070 border-style: solid; 12071 border-width: 0.25em; 12072 display: none; 12073 height: 2.2em; 12074 justify-content: center; 12075 margin: 0 1.875em; 12076 width: 2.2em; 12077} 12078div:where(.swal2-container) button:where(.swal2-styled) { 12079 box-shadow: 0 0 0 3px transparent; 12080 font-weight: 500; 12081 margin: 0.3125em; 12082 padding: 0.625em 1.1em; 12083 transition: box-shadow 0.1s; 12084} 12085div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { 12086 cursor: pointer; 12087} 12088div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { 12089 background: initial; 12090 background-color: #7066e0; 12091 border: 0; 12092 border-radius: 0.25em; 12093 color: #fff; 12094 font-size: 1em; 12095} 12096div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { 12097 box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5); 12098} 12099div:where(.swal2-container) button:where(.swal2-styled).swal2-deny { 12100 background: initial; 12101 background-color: #dc3741; 12102 border: 0; 12103 border-radius: 0.25em; 12104 color: #fff; 12105 font-size: 1em; 12106} 12107div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus { 12108 box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5); 12109} 12110div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { 12111 background: initial; 12112 background-color: #6e7881; 12113 border: 0; 12114 border-radius: 0.25em; 12115 color: #fff; 12116 font-size: 1em; 12117} 12118div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus { 12119 box-shadow: 0 0 0 3px hsla(208, 8%, 47%, 0.5); 12120} 12121div:where(.swal2-container) 12122 button:where(.swal2-styled).swal2-default-outline:focus { 12123 box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5); 12124} 12125div:where(.swal2-container) button:where(.swal2-styled):focus { 12126 outline: none; 12127} 12128div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner { 12129 border: 0; 12130} 12131div:where(.swal2-container) div:where(.swal2-footer) { 12132 border-top: 1px solid #555; 12133 color: #bbb; 12134 font-size: 1em; 12135 margin: 1em 0 0; 12136 padding: 1em 1em 0; 12137 text-align: center; 12138} 12139div:where(.swal2-container) .swal2-timer-progress-bar-container { 12140 border-bottom-left-radius: 5px; 12141 border-bottom-right-radius: 5px; 12142 bottom: 0; 12143 grid-column: auto !important; 12144 left: 0; 12145 overflow: hidden; 12146 position: absolute; 12147 right: 0; 12148} 12149div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { 12150 background: hsla(0, 0%, 88%, 0.6); 12151 height: 0.25em; 12152 width: 100%; 12153} 12154div:where(.swal2-container) img:where(.swal2-image) { 12155 margin: 2em auto 1em; 12156 max-width: 100%; 12157} 12158div:where(.swal2-container) button:where(.swal2-close) { 12159 align-items: center; 12160 background: transparent; 12161 border: none; 12162 border-radius: 5px; 12163 color: #ccc; 12164 cursor: pointer; 12165 font-family: monospace; 12166 font-size: 2.5em; 12167 height: 1.2em; 12168 justify-content: center; 12169 justify-self: end; 12170 margin-bottom: -1.2em; 12171 margin-right: 0; 12172 margin-top: 0; 12173 overflow: hidden; 12174 padding: 0; 12175 transition: color 0.1s, box-shadow 0.1s; 12176 width: 1.2em; 12177 z-index: 2; 12178} 12179div:where(.swal2-container) button:where(.swal2-close):hover { 12180 background: transparent; 12181 color: #f27474; 12182 transform: none; 12183} 12184div:where(.swal2-container) button:where(.swal2-close):focus { 12185 box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); 12186 outline: none; 12187} 12188div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner { 12189 border: 0; 12190} 12191div:where(.swal2-container) .swal2-html-container { 12192 color: #e1e1e1; 12193 font-size: 1.125em; 12194 font-weight: 400; 12195 justify-content: center; 12196 line-height: normal; 12197 margin: 1em 1.6em 0.3em; 12198 overflow: auto; 12199 padding: 0; 12200 text-align: center; 12201 z-index: 1; 12202 word-wrap: break-word; 12203 word-break: break-word; 12204} 12205div:where(.swal2-container) div:where(.swal2-radio), 12206div:where(.swal2-container) input:where(.swal2-file), 12207div:where(.swal2-container) input:where(.swal2-input), 12208div:where(.swal2-container) label:where(.swal2-checkbox), 12209div:where(.swal2-container) select:where(.swal2-select), 12210div:where(.swal2-container) textarea:where(.swal2-textarea) { 12211 margin: 1em 2em 3px; 12212} 12213div:where(.swal2-container) input:where(.swal2-file), 12214div:where(.swal2-container) input:where(.swal2-input), 12215div:where(.swal2-container) textarea:where(.swal2-textarea) { 12216 background: #323234; 12217 border: 1px solid #d9d9d9; 12218 border-radius: 0.1875em; 12219 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; 12220 box-sizing: border-box; 12221 color: #e1e1e1; 12222 font-size: 1.125em; 12223 transition: border-color 0.1s, box-shadow 0.1s; 12224 width: auto; 12225} 12226div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, 12227div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, 12228div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { 12229 border-color: #f27474 !important; 12230 box-shadow: 0 0 2px #f27474 !important; 12231} 12232div:where(.swal2-container) input:where(.swal2-file):focus, 12233div:where(.swal2-container) input:where(.swal2-input):focus, 12234div:where(.swal2-container) textarea:where(.swal2-textarea):focus { 12235 border: 1px solid #b4dbed; 12236 box-shadow: 12237 inset 0 1px 1px rgba(0, 0, 0, 0.06), 12238 0 0 0 3px rgba(100, 150, 200, 0.5); 12239 outline: none; 12240} 12241div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, 12242div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, 12243div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder { 12244 color: #ccc; 12245} 12246div:where(.swal2-container) input:where(.swal2-file)::placeholder, 12247div:where(.swal2-container) input:where(.swal2-input)::placeholder, 12248div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { 12249 color: #ccc; 12250} 12251div:where(.swal2-container) .swal2-range { 12252 background: #19191a; 12253 margin: 1em 2em 3px; 12254} 12255div:where(.swal2-container) .swal2-range input { 12256 width: 80%; 12257} 12258div:where(.swal2-container) .swal2-range output { 12259 color: #e1e1e1; 12260 font-weight: 600; 12261 text-align: center; 12262 width: 20%; 12263} 12264div:where(.swal2-container) .swal2-range input, 12265div:where(.swal2-container) .swal2-range output { 12266 font-size: 1.125em; 12267 height: 2.625em; 12268 line-height: 2.625em; 12269 padding: 0; 12270} 12271div:where(.swal2-container) .swal2-input { 12272 height: 2.625em; 12273 padding: 0 0.75em; 12274} 12275div:where(.swal2-container) .swal2-file { 12276 background: #323234; 12277 font-size: 1.125em; 12278 margin-left: auto; 12279 margin-right: auto; 12280 width: 75%; 12281} 12282div:where(.swal2-container) .swal2-textarea { 12283 height: 6.75em; 12284 padding: 0.75em; 12285} 12286div:where(.swal2-container) .swal2-select { 12287 background: #323234; 12288 color: #e1e1e1; 12289 font-size: 1.125em; 12290 max-width: 100%; 12291 min-width: 50%; 12292 padding: 0.375em 0.625em; 12293} 12294div:where(.swal2-container) .swal2-checkbox, 12295div:where(.swal2-container) .swal2-radio { 12296 align-items: center; 12297 background: #19191a; 12298 color: #e1e1e1; 12299 justify-content: center; 12300} 12301div:where(.swal2-container) .swal2-checkbox label, 12302div:where(.swal2-container) .swal2-radio label { 12303 font-size: 1.125em; 12304 margin: 0 0.6em; 12305} 12306div:where(.swal2-container) .swal2-checkbox input, 12307div:where(.swal2-container) .swal2-radio input { 12308 flex-shrink: 0; 12309 margin: 0 0.4em; 12310} 12311div:where(.swal2-container) label:where(.swal2-input-label) { 12312 display: flex; 12313 justify-content: center; 12314 margin: 1em auto 0; 12315} 12316div:where(.swal2-container) div:where(.swal2-validation-message) { 12317 align-items: center; 12318 background: #323234; 12319 color: #e1e1e1; 12320 font-size: 1em; 12321 font-weight: 300; 12322 justify-content: center; 12323 margin: 1em 0 0; 12324 overflow: hidden; 12325 padding: 0.625em; 12326} 12327div:where(.swal2-container) div:where(.swal2-validation-message):before { 12328 background-color: #f27474; 12329 border-radius: 50%; 12330 color: #fff; 12331 content: "!"; 12332 display: inline-block; 12333 font-weight: 600; 12334 height: 1.5em; 12335 line-height: 1.5em; 12336 margin: 0 0.625em; 12337 min-width: 1.5em; 12338 text-align: center; 12339 width: 1.5em; 12340} 12341div:where(.swal2-container) .swal2-progress-steps { 12342 align-items: center; 12343 background: transparent; 12344 flex-wrap: wrap; 12345 font-weight: 600; 12346 margin: 1.25em auto; 12347 max-width: 100%; 12348 padding: 0; 12349} 12350div:where(.swal2-container) .swal2-progress-steps li { 12351 display: inline-block; 12352 position: relative; 12353} 12354div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { 12355 background: #2778c4; 12356 border-radius: 2em; 12357 color: #fff; 12358 flex-shrink: 0; 12359 height: 2em; 12360 line-height: 2em; 12361 text-align: center; 12362 width: 2em; 12363 z-index: 20; 12364} 12365div:where(.swal2-container) 12366 .swal2-progress-steps 12367 .swal2-progress-step.swal2-active-progress-step { 12368 background: #2778c4; 12369} 12370div:where(.swal2-container) 12371 .swal2-progress-steps 12372 .swal2-progress-step.swal2-active-progress-step 12373 ~ .swal2-progress-step { 12374 background: #58585b; 12375 color: #fff; 12376} 12377div:where(.swal2-container) 12378 .swal2-progress-steps 12379 .swal2-progress-step.swal2-active-progress-step 12380 ~ .swal2-progress-step-line { 12381 background: #58585b; 12382} 12383div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { 12384 background: #2778c4; 12385 flex-shrink: 0; 12386 height: 0.4em; 12387 margin: 0 -1px; 12388 width: 2.5em; 12389 z-index: 10; 12390} 12391div:where(.swal2-icon) { 12392 border: 0.25em solid #000; 12393 border-radius: 50%; 12394 box-sizing: content-box; 12395 cursor: default; 12396 font-family: inherit; 12397 height: 5em; 12398 justify-content: center; 12399 line-height: 5em; 12400 margin: 2.5em auto 0.6em; 12401 position: relative; 12402 -webkit-user-select: none; 12403 -moz-user-select: none; 12404 user-select: none; 12405 width: 5em; 12406} 12407div:where(.swal2-icon) .swal2-icon-content { 12408 align-items: center; 12409 display: flex; 12410 font-size: 3.75em; 12411} 12412div:where(.swal2-icon).swal2-error { 12413 border-color: #f27474; 12414 color: #f27474; 12415} 12416div:where(.swal2-icon).swal2-error .swal2-x-mark { 12417 flex-grow: 1; 12418 position: relative; 12419} 12420div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] { 12421 background-color: #f27474; 12422 border-radius: 0.125em; 12423 display: block; 12424 height: 0.3125em; 12425 position: absolute; 12426 top: 2.3125em; 12427 width: 2.9375em; 12428} 12429div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] { 12430 left: 1.0625em; 12431 transform: rotate(45deg); 12432} 12433div:where(.swal2-icon).swal2-error 12434 [class^="swal2-x-mark-line"][class$="right"] { 12435 right: 1em; 12436 transform: rotate(-45deg); 12437} 12438div:where(.swal2-icon).swal2-error.swal2-icon-show { 12439 animation: swal2-animate-error-icon 0.5s; 12440} 12441div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { 12442 animation: swal2-animate-error-x-mark 0.5s; 12443} 12444div:where(.swal2-icon).swal2-warning { 12445 border-color: #facea8; 12446 color: #f8bb86; 12447} 12448div:where(.swal2-icon).swal2-warning.swal2-icon-show { 12449 animation: swal2-animate-error-icon 0.5s; 12450} 12451div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { 12452 animation: swal2-animate-i-mark 0.5s; 12453} 12454div:where(.swal2-icon).swal2-info { 12455 border-color: #9de0f6; 12456 color: #3fc3ee; 12457} 12458div:where(.swal2-icon).swal2-info.swal2-icon-show { 12459 animation: swal2-animate-error-icon 0.5s; 12460} 12461div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { 12462 animation: swal2-animate-i-mark 0.8s; 12463} 12464div:where(.swal2-icon).swal2-question { 12465 border-color: #c9dae1; 12466 color: #87adbd; 12467} 12468div:where(.swal2-icon).swal2-question.swal2-icon-show { 12469 animation: swal2-animate-error-icon 0.5s; 12470} 12471div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { 12472 animation: swal2-animate-question-mark 0.8s; 12473} 12474div:where(.swal2-icon).swal2-success { 12475 border-color: #a5dc86; 12476 color: #a5dc86; 12477} 12478div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] { 12479 border-radius: 50%; 12480 height: 7.5em; 12481 position: absolute; 12482 width: 3.75em; 12483} 12484div:where(.swal2-icon).swal2-success 12485 [class^="swal2-success-circular-line"][class$="left"] { 12486 border-radius: 7.5em 0 0 7.5em; 12487 left: -2.0635em; 12488 top: -0.4375em; 12489 transform: rotate(-45deg); 12490 transform-origin: 3.75em 3.75em; 12491} 12492div:where(.swal2-icon).swal2-success 12493 [class^="swal2-success-circular-line"][class$="right"] { 12494 border-radius: 0 7.5em 7.5em 0; 12495 left: 1.875em; 12496 top: -0.6875em; 12497 transform: rotate(-45deg); 12498 transform-origin: 0 3.75em; 12499} 12500div:where(.swal2-icon).swal2-success .swal2-success-ring { 12501 border: 0.25em solid hsla(98, 55%, 69%, 0.3); 12502 border-radius: 50%; 12503 box-sizing: content-box; 12504 height: 100%; 12505 left: -0.25em; 12506 position: absolute; 12507 top: -0.25em; 12508 width: 100%; 12509 z-index: 2; 12510} 12511div:where(.swal2-icon).swal2-success .swal2-success-fix { 12512 height: 5.625em; 12513 left: 1.625em; 12514 position: absolute; 12515 top: 0.5em; 12516 transform: rotate(-45deg); 12517 width: 0.4375em; 12518 z-index: 1; 12519} 12520div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] { 12521 background-color: #a5dc86; 12522 border-radius: 0.125em; 12523 display: block; 12524 height: 0.3125em; 12525 position: absolute; 12526 z-index: 2; 12527} 12528div:where(.swal2-icon).swal2-success 12529 [class^="swal2-success-line"][class$="tip"] { 12530 left: 0.8125em; 12531 top: 2.875em; 12532 transform: rotate(45deg); 12533 width: 1.5625em; 12534} 12535div:where(.swal2-icon).swal2-success 12536 [class^="swal2-success-line"][class$="long"] { 12537 right: 0.5em; 12538 top: 2.375em; 12539 transform: rotate(-45deg); 12540 width: 2.9375em; 12541} 12542div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { 12543 animation: swal2-animate-success-line-tip 0.75s; 12544} 12545div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { 12546 animation: swal2-animate-success-line-long 0.75s; 12547} 12548div:where(.swal2-icon).swal2-success.swal2-icon-show 12549 .swal2-success-circular-line-right { 12550 animation: swal2-rotate-success-circular-line 4.25s ease-in; 12551} 12552[class^="swal2"] { 12553 -webkit-tap-highlight-color: transparent; 12554} 12555.swal2-show { 12556 animation: swal2-show 0.3s; 12557} 12558.swal2-hide { 12559 animation: swal2-hide 0.15s forwards; 12560} 12561.swal2-noanimation { 12562 transition: none; 12563} 12564.swal2-scrollbar-measure { 12565 height: 50px; 12566 overflow: scroll; 12567 position: absolute; 12568 top: -9999px; 12569 width: 50px; 12570} 12571.swal2-rtl .swal2-close { 12572 margin-left: 0; 12573 margin-right: 0; 12574} 12575.swal2-rtl .swal2-timer-progress-bar { 12576 left: auto; 12577 right: 0; 12578} 12579@keyframes swal2-toast-show { 12580 0% { 12581 transform: translateY(-0.625em) rotate(2deg); 12582 } 12583 33% { 12584 transform: translateY(0) rotate(-2deg); 12585 } 12586 66% { 12587 transform: translateY(0.3125em) rotate(2deg); 12588 } 12589 to { 12590 transform: translateY(0) rotate(0deg); 12591 } 12592} 12593@keyframes swal2-toast-hide { 12594 to { 12595 opacity: 0; 12596 transform: rotate(1deg); 12597 } 12598} 12599@keyframes swal2-toast-animate-success-line-tip { 12600 0% { 12601 left: 0.0625em; 12602 top: 0.5625em; 12603 width: 0; 12604 } 12605 54% { 12606 left: 0.125em; 12607 top: 0.125em; 12608 width: 0; 12609 } 12610 70% { 12611 left: -0.25em; 12612 top: 0.625em; 12613 width: 1.625em; 12614 } 12615 84% { 12616 left: 0.75em; 12617 top: 1.0625em; 12618 width: 0.5em; 12619 } 12620 to { 12621 left: 0.1875em; 12622 top: 1.125em; 12623 width: 0.75em; 12624 } 12625} 12626@keyframes swal2-toast-animate-success-line-long { 12627 0% { 12628 right: 1.375em; 12629 top: 1.625em; 12630 width: 0; 12631 } 12632 65% { 12633 right: 0.9375em; 12634 top: 1.25em; 12635 width: 0; 12636 } 12637 84% { 12638 right: 0; 12639 top: 0.9375em; 12640 width: 1.125em; 12641 } 12642 to { 12643 right: 0.1875em; 12644 top: 0.9375em; 12645 width: 1.375em; 12646 } 12647} 12648@keyframes swal2-show { 12649 0% { 12650 transform: scale(0.7); 12651 } 12652 45% { 12653 transform: scale(1.05); 12654 } 12655 80% { 12656 transform: scale(0.95); 12657 } 12658 to { 12659 transform: scale(1); 12660 } 12661} 12662@keyframes swal2-hide { 12663 0% { 12664 opacity: 1; 12665 transform: scale(1); 12666 } 12667 to { 12668 opacity: 0; 12669 transform: scale(0.5); 12670 } 12671} 12672@keyframes swal2-animate-success-line-tip { 12673 0% { 12674 left: 0.0625em; 12675 top: 1.1875em; 12676 width: 0; 12677 } 12678 54% { 12679 left: 0.125em; 12680 top: 1.0625em; 12681 width: 0; 12682 } 12683 70% { 12684 left: -0.375em; 12685 top: 2.1875em; 12686 width: 3.125em; 12687 } 12688 84% { 12689 left: 1.3125em; 12690 top: 3em; 12691 width: 1.0625em; 12692 } 12693 to { 12694 left: 0.8125em; 12695 top: 2.8125em; 12696 width: 1.5625em; 12697 } 12698} 12699@keyframes swal2-animate-success-line-long { 12700 0% { 12701 right: 2.875em; 12702 top: 3.375em; 12703 width: 0; 12704 } 12705 65% { 12706 right: 2.875em; 12707 top: 3.375em; 12708 width: 0; 12709 } 12710 84% { 12711 right: 0; 12712 top: 2.1875em; 12713 width: 3.4375em; 12714 } 12715 to { 12716 right: 0.5em; 12717 top: 2.375em; 12718 width: 2.9375em; 12719 } 12720} 12721@keyframes swal2-rotate-success-circular-line { 12722 0% { 12723 transform: rotate(-45deg); 12724 } 12725 5% { 12726 transform: rotate(-45deg); 12727 } 12728 12% { 12729 transform: rotate(-405deg); 12730 } 12731 to { 12732 transform: rotate(-405deg); 12733 } 12734} 12735@keyframes swal2-animate-error-x-mark { 12736 0% { 12737 margin-top: 1.625em; 12738 opacity: 0; 12739 transform: scale(0.4); 12740 } 12741 50% { 12742 margin-top: 1.625em; 12743 opacity: 0; 12744 transform: scale(0.4); 12745 } 12746 80% { 12747 margin-top: -0.375em; 12748 transform: scale(1.15); 12749 } 12750 to { 12751 margin-top: 0; 12752 opacity: 1; 12753 transform: scale(1); 12754 } 12755} 12756@keyframes swal2-animate-error-icon { 12757 0% { 12758 opacity: 0; 12759 transform: rotateX(100deg); 12760 } 12761 to { 12762 opacity: 1; 12763 transform: rotateX(0deg); 12764 } 12765} 12766@keyframes swal2-rotate-loading { 12767 0% { 12768 transform: rotate(0deg); 12769 } 12770 to { 12771 transform: rotate(1turn); 12772 } 12773} 12774@keyframes swal2-animate-question-mark { 12775 0% { 12776 transform: rotateY(-1turn); 12777 } 12778 to { 12779 transform: rotateY(0); 12780 } 12781} 12782@keyframes swal2-animate-i-mark { 12783 0% { 12784 opacity: 0; 12785 transform: rotate(45deg); 12786 } 12787 25% { 12788 opacity: 0.4; 12789 transform: rotate(-25deg); 12790 } 12791 50% { 12792 opacity: 0.8; 12793 transform: rotate(15deg); 12794 } 12795 75% { 12796 opacity: 1; 12797 transform: rotate(-5deg); 12798 } 12799 to { 12800 opacity: 1; 12801 transform: rotateX(0); 12802 } 12803} 12804body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { 12805 overflow: hidden; 12806} 12807body.swal2-height-auto { 12808 height: auto !important; 12809} 12810body.swal2-no-backdrop .swal2-container { 12811 background-color: transparent !important; 12812 pointer-events: none; 12813} 12814body.swal2-no-backdrop .swal2-container .swal2-popup { 12815 pointer-events: all; 12816} 12817body.swal2-no-backdrop .swal2-container .swal2-modal { 12818 box-shadow: 0 0 10px rgba(25, 25, 26, 0.75); 12819} 12820@media print { 12821 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { 12822 overflow-y: scroll !important; 12823 } 12824 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) 12825 > [aria-hidden="true"] { 12826 display: none; 12827 } 12828 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) 12829 .swal2-container { 12830 position: static !important; 12831 } 12832} 12833body.swal2-toast-shown .swal2-container { 12834 background-color: transparent; 12835 box-sizing: border-box; 12836 max-width: 100%; 12837 pointer-events: none; 12838 width: 360px; 12839} 12840body.swal2-toast-shown .swal2-container.swal2-top { 12841 inset: 0 auto auto 50%; 12842 transform: translateX(-50%); 12843} 12844body.swal2-toast-shown .swal2-container.swal2-top-end, 12845body.swal2-toast-shown .swal2-container.swal2-top-right { 12846 inset: 0 0 auto auto; 12847} 12848body.swal2-toast-shown .swal2-container.swal2-top-left, 12849body.swal2-toast-shown .swal2-container.swal2-top-start { 12850 inset: 0 auto auto 0; 12851} 12852body.swal2-toast-shown .swal2-container.swal2-center-left, 12853body.swal2-toast-shown .swal2-container.swal2-center-start { 12854 inset: 50% auto auto 0; 12855 transform: translateY(-50%); 12856} 12857body.swal2-toast-shown .swal2-container.swal2-center { 12858 inset: 50% auto auto 50%; 12859 transform: translate(-50%, -50%); 12860} 12861body.swal2-toast-shown .swal2-container.swal2-center-end, 12862body.swal2-toast-shown .swal2-container.swal2-center-right { 12863 inset: 50% 0 auto auto; 12864 transform: translateY(-50%); 12865} 12866body.swal2-toast-shown .swal2-container.swal2-bottom-left, 12867body.swal2-toast-shown .swal2-container.swal2-bottom-start { 12868 inset: auto auto 0 0; 12869} 12870body.swal2-toast-shown .swal2-container.swal2-bottom { 12871 inset: auto auto 0 50%; 12872 transform: translateX(-50%); 12873} 12874body.swal2-toast-shown .swal2-container.swal2-bottom-end, 12875body.swal2-toast-shown .swal2-container.swal2-bottom-right { 12876 inset: auto 0 0 auto; 12877} 12878@keyframes passing-through { 12879 0% { 12880 opacity: 0; 12881 transform: translateY(40px); 12882 } 12883 30%, 12884 70% { 12885 opacity: 1; 12886 transform: translateY(0); 12887 } 12888 to { 12889 opacity: 0; 12890 transform: translateY(-40px); 12891 } 12892} 12893@keyframes slide-in { 12894 0% { 12895 opacity: 0; 12896 transform: translateY(40px); 12897 } 12898 30% { 12899 opacity: 1; 12900 transform: translateY(0); 12901 } 12902} 12903@keyframes pulse { 12904 0% { 12905 transform: scale(1); 12906 } 12907 10% { 12908 transform: scale(1.1); 12909 } 12910 20% { 12911 transform: scale(1); 12912 } 12913} 12914.dropzone, 12915.dropzone * { 12916 box-sizing: border-box; 12917} 12918.dropzone { 12919 background: #fff; 12920 border: 2px solid rgba(0, 0, 0, 0.3); 12921 min-height: 150px; 12922} 12923.dropzone.dz-clickable { 12924 cursor: pointer; 12925} 12926.dropzone.dz-clickable * { 12927 cursor: default; 12928} 12929.dropzone.dz-clickable .dz-message, 12930.dropzone.dz-clickable .dz-message * { 12931 cursor: pointer; 12932} 12933.dropzone.dz-started .dz-message { 12934 display: none; 12935} 12936.dropzone.dz-drag-hover { 12937 border-style: solid; 12938} 12939.dropzone.dz-drag-hover .dz-message { 12940 opacity: 0.5; 12941} 12942.dropzone .dz-message { 12943 margin: 2em 0; 12944 text-align: center; 12945} 12946.dropzone .dz-message .dz-button { 12947 background: none; 12948 border: none; 12949 color: inherit; 12950 cursor: pointer; 12951 font: inherit; 12952 outline: inherit; 12953 padding: 0; 12954} 12955.dropzone .dz-preview { 12956 display: inline-block; 12957 margin: 16px; 12958 min-height: 100px; 12959 position: relative; 12960 vertical-align: top; 12961} 12962.dropzone .dz-preview:hover { 12963 z-index: 1000; 12964} 12965.dropzone .dz-preview.dz-file-preview .dz-image { 12966 background: #999; 12967 background: linear-gradient(180deg, #eee, #ddd); 12968 border-radius: 20px; 12969} 12970.dropzone .dz-preview.dz-file-preview .dz-details { 12971 opacity: 1; 12972} 12973.dropzone .dz-preview.dz-image-preview { 12974 background: #fff; 12975} 12976.dropzone .dz-preview.dz-image-preview .dz-details { 12977 transition: opacity 0.2s linear; 12978} 12979.dropzone .dz-preview .dz-remove { 12980 border: none; 12981 cursor: pointer; 12982 display: block; 12983 font-size: 14px; 12984 text-align: center; 12985} 12986.dropzone .dz-preview .dz-remove:hover { 12987 text-decoration: underline; 12988} 12989.dropzone .dz-preview:hover .dz-details { 12990 opacity: 1; 12991} 12992.dropzone .dz-preview .dz-details { 12993 color: rgba(0, 0, 0, 0.9); 12994 font-size: 13px; 12995 left: 0; 12996 line-height: 150%; 12997 max-width: 100%; 12998 min-width: 100%; 12999 opacity: 0; 13000 padding: 2em 1em; 13001 position: absolute; 13002 text-align: center; 13003 top: 0; 13004 z-index: 20; 13005} 13006.dropzone .dz-preview .dz-details .dz-size { 13007 font-size: 16px; 13008 margin-bottom: 1em; 13009} 13010.dropzone .dz-preview .dz-details .dz-filename { 13011 white-space: nowrap; 13012} 13013.dropzone .dz-preview .dz-details .dz-filename:hover span { 13014 background-color: hsla(0, 0%, 100%, 0.8); 13015 border: 1px solid hsla(0, 0%, 78%, 0.8); 13016} 13017.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { 13018 overflow: hidden; 13019 text-overflow: ellipsis; 13020} 13021.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { 13022 border: 1px solid transparent; 13023} 13024.dropzone .dz-preview .dz-details .dz-filename span, 13025.dropzone .dz-preview .dz-details .dz-size span { 13026 background-color: hsla(0, 0%, 100%, 0.4); 13027 border-radius: 3px; 13028 padding: 0 0.4em; 13029} 13030.dropzone .dz-preview:hover .dz-image img { 13031 filter: blur(8px); 13032 transform: scale(1.05); 13033} 13034.dropzone .dz-preview .dz-image { 13035 border-radius: 20px; 13036 display: block; 13037 height: 120px; 13038 overflow: hidden; 13039 position: relative; 13040 width: 120px; 13041 z-index: 10; 13042} 13043.dropzone .dz-preview .dz-image img { 13044 display: block; 13045} 13046.dropzone .dz-preview.dz-success .dz-success-mark { 13047 animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 13048} 13049.dropzone .dz-preview.dz-error .dz-error-mark { 13050 animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 13051 opacity: 1; 13052} 13053.dropzone .dz-preview .dz-error-mark, 13054.dropzone .dz-preview .dz-success-mark { 13055 display: block; 13056 left: 50%; 13057 margin-left: -27px; 13058 margin-top: -27px; 13059 opacity: 0; 13060 pointer-events: none; 13061 position: absolute; 13062 top: 50%; 13063 z-index: 500; 13064} 13065.dropzone .dz-preview .dz-error-mark svg, 13066.dropzone .dz-preview .dz-success-mark svg { 13067 display: block; 13068 height: 54px; 13069 width: 54px; 13070} 13071.dropzone .dz-preview.dz-processing .dz-progress { 13072 opacity: 1; 13073 transition: all 0.2s linear; 13074} 13075.dropzone .dz-preview.dz-complete .dz-progress { 13076 opacity: 0; 13077 transition: opacity 0.4s ease-in; 13078} 13079.dropzone .dz-preview:not(.dz-processing) .dz-progress { 13080 animation: pulse 6s ease infinite; 13081} 13082.dropzone .dz-preview .dz-progress { 13083 background: hsla(0, 0%, 100%, 0.9); 13084 border-radius: 8px; 13085 height: 16px; 13086 left: 50%; 13087 margin-left: -40px; 13088 margin-top: -8px; 13089 opacity: 1; 13090 overflow: hidden; 13091 pointer-events: none; 13092 position: absolute; 13093 top: 50%; 13094 -webkit-transform: scale(1); 13095 width: 80px; 13096 z-index: 1000; 13097} 13098.dropzone .dz-preview .dz-progress .dz-upload { 13099 background: #333; 13100 background: linear-gradient(180deg, #666, #444); 13101 bottom: 0; 13102 left: 0; 13103 position: absolute; 13104 top: 0; 13105 transition: width 0.3s ease-in-out; 13106 width: 0; 13107} 13108.dropzone .dz-preview.dz-error .dz-error-message { 13109 display: block; 13110} 13111.dropzone .dz-preview.dz-error:hover .dz-error-message { 13112 opacity: 1; 13113 pointer-events: auto; 13114} 13115.dropzone .dz-preview .dz-error-message { 13116 background: #be2626; 13117 background: linear-gradient(180deg, #be2626, #a92222); 13118 border-radius: 8px; 13119 color: #fff; 13120 display: block; 13121 display: none; 13122 font-size: 13px; 13123 left: -10px; 13124 opacity: 0; 13125 padding: 0.5em 1.2em; 13126 pointer-events: none; 13127 position: absolute; 13128 top: 130px; 13129 transition: opacity 0.3s ease; 13130 width: 140px; 13131 z-index: 1000; 13132} 13133.dropzone .dz-preview .dz-error-message:after { 13134 border-bottom: 6px solid #be2626; 13135 border-left: 6px solid transparent; 13136 border-right: 6px solid transparent; 13137 content: ""; 13138 height: 0; 13139 left: 64px; 13140 position: absolute; 13141 top: -6px; 13142 width: 0; 13143} 13144@font-face { 13145 font-display: swap; 13146 font-family: Polytoria Icons; 13147 font-style: normal; 13148 font-weight: 400; 13149 src: url(https://c0.ptacdn.com/static/fonts/PolytoriaIcon.7a3d7e8f.woff2) 13150 format("woff2"); 13151} 13152.pi { 13153 font-family: Polytoria Icons; 13154 font-style: normal; 13155 font-variant: normal; 13156 font-weight: 900; 13157 line-height: 1; 13158 text-decoration: none; 13159 text-rendering: auto; 13160} 13161.pi.pi-brick:before { 13162 content: "$"; 13163} 13164.pi.pi-logo:before { 13165 content: "P"; 13166} 13167.pi.pi-plus:before { 13168 content: "+"; 13169} 13170.pi.pi-plusdx:before { 13171 content: "⥅"; 13172 letter-spacing: -5px; 13173} 13174.pi.pi-brick-value:before { 13175 content: "%"; 13176} 13177.bg-plusdx { 13178 background: #b536ff; 13179} 13180.bg-plus { 13181 background: #15aed8; 13182} 13183.border-plusdx { 13184 border-color: #b536ff !important; 13185} 13186.border-plus { 13187 border-color: #15aed8 !important; 13188} 13189.bg-body { 13190 background: var(--bs-body-bg); 13191} 13192.text-plus { 13193 color: #30bee5; 13194 text-shadow: 0 0 8px #23d0ff; 13195} 13196.text-plusdx { 13197 color: #b536ff; 13198 text-shadow: 0 0 8px #b536ff; 13199} 13200.shadow-plus { 13201 box-shadow: 0 0 8px #30bee5; 13202} 13203.shadow-plusdx { 13204 box-shadow: 0 0 8px #b536ff; 13205} 13206.itemgrid { 13207 display: grid; 13208 grid-template-columns: repeat(auto-fill, calc(50% - 8px)); 13209 grid-gap: 12px; 13210 grid-auto-rows: auto; 13211 margin: 0; 13212 padding: 0 11px; 13213 width: 100%; 13214} 13215.itemgrid:not(.alignleft) { 13216 justify-content: center; 13217} 13218.itemgrid .alignleft { 13219 justify-content: start; 13220} 13221@media (min-width: 992px) { 13222 .itemgrid { 13223 grid-template-columns: repeat(auto-fill, 160px); 13224 padding: 0; 13225 grid-gap: 6px; 13226 } 13227} 13228.form-control::-webkit-file-upload-button { 13229 background: #171717 !important; 13230} 13231.form-control:hover::-webkit-file-upload-button { 13232 background: #2b2b2b !important; 13233} 13234@media (min-width: 1200px) { 13235 .collapse.dont-collapse-xl { 13236 display: block; 13237 height: auto !important; 13238 visibility: visible; 13239 } 13240} 13241.collapsed .fa-chevron-down { 13242 transform: rotate(90deg); 13243} 13244.container { 13245 clear: both; 13246} 13247@media (max-width: 575.98px) { 13248 .noround-mb { 13249 border-radius: 0 !important; 13250 } 13251} 13252.h1, 13253.h2, 13254.h3, 13255.h4, 13256.h5, 13257.h6, 13258h1, 13259h2, 13260h3, 13261h4, 13262h5, 13263h6, 13264p { 13265 overflow: hidden; 13266} 13267.sidebar-label { 13268 color: #cacaca; 13269 font-size: 10px; 13270 font-weight: 600; 13271} 13272.overflow-scroll { 13273 overflow: overlay; 13274} 13275.dropdown-menu.show .dropdown-item { 13276 animation: dropdownChildShow 0.25s cubic-bezier(0.16, 1, 0.3, 1); 13277} 13278.scroller__wrapper { 13279 --scrolling-gallery-item-duration: 5s; 13280 --scrolling-gallery-items-visible: 48; 13281 --scrolling-gallery-items-total: 15; 13282 margin-top: 2.25em; 13283 overflow: hidden; 13284 will-change: transform; 13285} 13286.scroller { 13287 animation-duration: calc( 13288 var(--scrolling-gallery-item-duration, 1s) 13289 / var(--scrolling-gallery-items-visible) 13290 * var(--scrolling-gallery-items-total) 13291 ); 13292 animation-iteration-count: infinite; 13293 animation-name: scrolling-gallery; 13294 animation-timing-function: linear; 13295 display: flex; 13296 transform: translateX( 13297 calc( 13298 var(--scrolling-gallery-items-total) * -100vw 13299 / var(--scrolling-gallery-items-visible) 13300 ) 13301 ); 13302 white-space: nowrap; 13303} 13304.scroller__container { 13305 width: 100vw; 13306} 13307.scroller__item { 13308 box-sizing: border-box; 13309 flex: 1 0 calc(100% / var(--scrolling-gallery-items-visible)); 13310 padding: 0.5em; 13311 width: 0; 13312} 13313.scroller__item img { 13314 display: block; 13315 height: 100%; 13316 -o-object-fit: cover; 13317 object-fit: cover; 13318 -o-object-position: center; 13319 object-position: center; 13320 width: 100%; 13321} 13322@keyframes scrolling-gallery { 13323 0% { 13324 transform: translateX(0); 13325 } 13326 to { 13327 transform: translateX( 13328 calc( 13329 var(--scrolling-gallery-items-total) * -100vw 13330 / var(--scrolling-gallery-items-visible) 13331 ) 13332 ); 13333 } 13334} 13335@keyframes marquee { 13336 0% { 13337 transform: translateX(0); 13338 } 13339 to { 13340 transform: translateX(-1010px); 13341 } 13342} 13343@keyframes dropdownChildShow { 13344 0% { 13345 padding: 0 1rem; 13346 } 13347} 13348@keyframes rippleEffect { 13349 to { 13350 opacity: 0; 13351 transform: scale(4) rotate(45deg); 13352 } 13353} 13354a:hover { 13355 cursor: pointer; 13356} 13357::-webkit-scrollbar { 13358 height: 7px; 13359 width: 5px; 13360} 13361::-webkit-scrollbar-track { 13362 background: transparent; 13363} 13364::-webkit-scrollbar-thumb { 13365 background-color: #292929; 13366 border-radius: 10px; 13367} 13368::-webkit-scrollbar-thumb:hover { 13369 background-color: #757575; 13370} 13371.overflow-y-scroll { 13372 overflow-y: scroll !important; 13373} 13374.overflow-y-auto { 13375 overflow-y: auto !important; 13376} 13377.no-resize { 13378 resize: none; 13379} 13380.section-title { 13381 color: hsla(0, 0%, 100%, 0.8); 13382 font-weight: 700; 13383 letter-spacing: 2.5px; 13384 text-transform: uppercase; 13385} 13386.overflow-x-scroll { 13387 overflow-x: scroll !important; 13388} 13389.wrapper > div { 13390 border-radius: 5px; 13391 height: 32px; 13392 padding: 1px; 13393 width: 32px; 13394} 13395.wrapper { 13396 display: grid; 13397 grid-template-columns: repeat(8, 0fr); 13398 grid-gap: 10px; 13399 overflow-x: hidden; 13400} 13401.dropzone { 13402 background-color: transparent !important; 13403 border: 2px dashed rgba(72, 72, 72, 0.5) !important; 13404 border-radius: 5px !important; 13405 color: hsla(0, 0%, 100%, 0.5); 13406 font-weight: 500; 13407 padding: 20px; 13408 text-align: center; 13409} 13410input:not([type]):disabled, 13411input[type="text"]:disabled { 13412 opacity: 0.5; 13413} 13414.markdown-code { 13415 border-radius: 15px; 13416 padding: 16px; 13417} 13418img.emoji { 13419 height: 1em; 13420 margin: 0 0.05em 0 0.1em; 13421 vertical-align: -0.1em; 13422 width: 1em; 13423} 13424.text-orange { 13425 color: #ff9300; 13426} 13427.tooltip-inner { 13428 max-width: 350px; 13429} 13430.alert-primary { 13431 background-color: #3bafff; 13432} 13433.alert-primary, 13434.alert-secondary { 13435 border-color: rgba(0, 0, 0, 0.33); 13436 border-radius: 10px; 13437 border-width: 2px; 13438 color: #fff; 13439} 13440.alert-secondary { 13441 background-color: #484848; 13442} 13443.alert-success { 13444 background-color: #4fe883; 13445} 13446.alert-info, 13447.alert-success { 13448 border-color: rgba(0, 0, 0, 0.33); 13449 border-radius: 10px; 13450 border-width: 2px; 13451 color: #fff; 13452} 13453.alert-info { 13454 background-color: #6094f9; 13455} 13456.alert-warning { 13457 background-color: #ffc93f; 13458} 13459.alert-danger, 13460.alert-warning { 13461 border-color: rgba(0, 0, 0, 0.33); 13462 border-radius: 10px; 13463 border-width: 2px; 13464 color: #fff; 13465} 13466.alert-danger { 13467 background-color: #ff5951; 13468} 13469.alert-light { 13470 background-color: #f6f6f6; 13471} 13472.alert-dark, 13473.alert-light { 13474 border-color: rgba(0, 0, 0, 0.33); 13475 border-radius: 10px; 13476 border-width: 2px; 13477 color: #fff; 13478} 13479.alert-dark { 13480 background-color: #1a1a1a; 13481} 13482.avatar-container { 13483 position: relative; 13484} 13485.avatar-icon-alt { 13486 background-color: #161616; 13487 border-radius: 6px; 13488} 13489.avatar-container .online-indicator { 13490 border: 4px solid #262626; 13491 border-radius: 50%; 13492 bottom: 0; 13493 height: 26px; 13494 position: absolute; 13495 right: 0; 13496 width: 26px; 13497} 13498.bodypart, 13499.bodypart-nozoom { 13500 border: 0; 13501 border-radius: 5px; 13502} 13503.bodypart { 13504 transition: transform 0.2s; 13505} 13506.bodypart:hover { 13507 transform: scale(1.05); 13508} 13509.bp1x1 { 13510 padding: 20px; 13511} 13512.bp1x2 { 13513 padding: 40px 20px; 13514} 13515.bp2x2 { 13516 padding: 40px; 13517} 13518.avatar-item-container { 13519 cursor: pointer; 13520 transition: transform 0.2s ease-in-out; 13521} 13522.avatar-item-container .avatarAction { 13523 opacity: 0; 13524 transform: translateY(5px); 13525 transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; 13526} 13527.avatar-item-container:hover { 13528 transform: scale(1.05); 13529} 13530.avatar-item-container:hover .avatarAction { 13531 opacity: 1; 13532 transform: translate(0); 13533} 13534.avatarEditorCanvas { 13535 width: 100%; 13536} 13537.click-ripple { 13538 animation: rippleEffect 0.5s linear; 13539 background: #fff; 13540 background: radial-gradient( 13541 circle, 13542 hsla(0, 0%, 100%, 0) 0, 13543 #fff 15%, 13544 hsla(0, 0%, 100%, 0) 100% 13545 ); 13546 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", 13547 endColorstr="#ffffff", GradientType=1); 13548 opacity: 0.4; 13549 transform: scale(0); 13550} 13551.click-ripple, 13552.hover-ripple { 13553 border-radius: 50%; 13554 position: absolute; 13555} 13556.hover-ripple { 13557 animation: hoverRippleFx 0.5s cubic-bezier(0.16, 1, 0.3, 1); 13558 background: #fff; 13559 background: radial-gradient(circle, #fff 0, hsla(0, 0%, 100%, 0) 60%); 13560 opacity: 0.2; 13561 transform: scale(1); 13562} 13563@keyframes hoverRippleFx { 13564 0% { 13565 opacity: 0; 13566 transform: scale(0); 13567 } 13568} 13569.btn:not(.no-ripple-fx), 13570.list-group-item:not(.no-ripple-fx), 13571.nav-link:not(.no-ripple-fx), 13572.navbar-toggler:not(.no-ripple-fx), 13573.page-link:not(.no-ripple-fx) { 13574 overflow: hidden; 13575 position: relative; 13576} 13577.btn { 13578 box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1); 13579 color: #fff !important; 13580 transition: 13581 transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), 13582 background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1); 13583} 13584.btn:active, 13585.btn:focus, 13586.btn:hover { 13587 box-shadow: none !important; 13588 color: #fff; 13589} 13590.btn-light, 13591.btn-light:hover, 13592.btn-outline-light:hover { 13593 color: #1a1a1a !important; 13594} 13595.btn:active { 13596 transform: scale(0.98); 13597 transition: background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1); 13598} 13599.btn-primary { 13600 border: 2px solid rgba(0, 0, 0, 0.3); 13601} 13602.btn-primary:hover { 13603 border: 2px solid rgba(0, 0, 0, 0.2); 13604} 13605.btn-primary:active { 13606 border: 2px solid rgba(0, 0, 0, 0.1); 13607} 13608.btn-secondary { 13609 border: 2px solid rgba(0, 0, 0, 0.3); 13610} 13611.btn-secondary:hover { 13612 border: 2px solid rgba(0, 0, 0, 0.2); 13613} 13614.btn-secondary:active { 13615 border: 2px solid rgba(0, 0, 0, 0.1); 13616} 13617.btn-success { 13618 border: 2px solid rgba(0, 0, 0, 0.3); 13619} 13620.btn-success:hover { 13621 border: 2px solid rgba(0, 0, 0, 0.2); 13622} 13623.btn-success:active { 13624 border: 2px solid rgba(0, 0, 0, 0.1); 13625} 13626.btn-info { 13627 border: 2px solid rgba(0, 0, 0, 0.3); 13628} 13629.btn-info:hover { 13630 border: 2px solid rgba(0, 0, 0, 0.2); 13631} 13632.btn-info:active { 13633 border: 2px solid rgba(0, 0, 0, 0.1); 13634} 13635.btn-warning { 13636 border: 2px solid rgba(0, 0, 0, 0.3); 13637} 13638.btn-warning:hover { 13639 border: 2px solid rgba(0, 0, 0, 0.2); 13640} 13641.btn-warning:active { 13642 border: 2px solid rgba(0, 0, 0, 0.1); 13643} 13644.btn-danger { 13645 border: 2px solid rgba(0, 0, 0, 0.3); 13646} 13647.btn-danger:hover { 13648 border: 2px solid rgba(0, 0, 0, 0.2); 13649} 13650.btn-danger:active { 13651 border: 2px solid rgba(0, 0, 0, 0.1); 13652} 13653.btn-light { 13654 border: 2px solid rgba(0, 0, 0, 0.3); 13655} 13656.btn-light:hover { 13657 border: 2px solid rgba(0, 0, 0, 0.2); 13658} 13659.btn-light:active { 13660 border: 2px solid rgba(0, 0, 0, 0.1); 13661} 13662.btn-dark { 13663 border: 2px solid rgba(0, 0, 0, 0.3); 13664} 13665.btn-dark:hover { 13666 border: 2px solid rgba(0, 0, 0, 0.2); 13667} 13668.btn-dark:active { 13669 border: 2px solid rgba(0, 0, 0, 0.1); 13670} 13671.btn-game { 13672 background: linear-gradient(91.23deg, #00bf2a 31.94%, #00851d 92.5%); 13673 background-size: 130% 130%; 13674 border: 2px solid rgba(0, 0, 0, 0.3) !important; 13675 font-size: 32px; 13676 padding: 0; 13677} 13678.btn-game:hover { 13679 background: linear-gradient(91.23deg, #0be13a 31.94%, #009d22 92.5%); 13680 background-size: 130% 130%; 13681 border: 2px solid rgba(0, 0, 0, 0.2) !important; 13682} 13683.btn-game:active { 13684 border: 2px solid rgba(0, 0, 0, 0.1) !important; 13685} 13686.btn-icon { 13687 cursor: pointer; 13688 transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); 13689} 13690.btn-icon:hover { 13691 transform: scale(1.15); 13692} 13693.badge, 13694.btn { 13695 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 13696} 13697.input-group-append .btn { 13698 border-bottom-left-radius: 0 !important; 13699 border-color: #2d2d2d; 13700 border-top-left-radius: 0 !important; 13701} 13702.badge { 13703 -webkit-user-select: none; 13704 -moz-user-select: none; 13705 user-select: none; 13706} 13707[data-bs-toggle="dropdown"] i.fa-ellipsis-v { 13708 margin-right: -10px; 13709 text-align: center; 13710 width: 40px; 13711} 13712.card .contain { 13713 overflow: hidden; 13714} 13715.card.mcard { 13716 border-radius: 0 !important; 13717} 13718.card.mcard:not(.asset-limited):not(.card-inbox):not(.border):not(.place-card) { 13719 border-color: transparent !important; 13720} 13721.card.mcard .card-header { 13722 border-radius: 0 !important; 13723 padding: 12px !important; 13724} 13725@media (min-width: 576px) { 13726 .card.mcard:not(.force-mcard):not(.card-inbox) { 13727 border-radius: var(--bs-card-border-radius) !important; 13728 } 13729 .card.mcard:not(.force-mcard):not(.card-inbox):not(.place-card):not( 13730 .card-inbox 13731 ) { 13732 border-color: var(--bs-card-border-color) !important; 13733 } 13734 .card.mcard:not(.force-mcard):not(.card-inbox) .card-header { 13735 border-radius: var(--bs-card-inner-border-radius) 13736 var(--bs-card-inner-border-radius) 0 0 !important; 13737 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) 13738 !important; 13739 } 13740} 13741.card-body-curtain { 13742 align-content: center; 13743 -webkit-backdrop-filter: blur(3px); 13744 backdrop-filter: blur(3px); 13745 background: rgba(34, 34, 34, 0.812); 13746 border-radius: 14px; 13747 display: flex; 13748 flex-direction: column; 13749 height: 100%; 13750 justify-content: center; 13751 left: 0; 13752 position: absolute; 13753 text-align: center; 13754 top: 0; 13755 width: 100%; 13756} 13757.card-plus-mobile { 13758 background: #262626; 13759 border: 2px solid #3e3e3e; 13760 border-radius: 8px; 13761 font-size: 1.1em; 13762 font-size: 14px; 13763 padding: 10px; 13764 position: relative; 13765} 13766.card-plus-mobile .tier-logo { 13767 height: 100px; 13768 left: -38px; 13769 pointer-events: none; 13770 position: absolute; 13771 top: -58px; 13772 -webkit-user-select: none; 13773 -moz-user-select: none; 13774 user-select: none; 13775 width: 100px; 13776} 13777.card-plus-mobile.cplus { 13778 border-color: #30bee5; 13779} 13780.card-plus-mobile.cplusdx { 13781 border-color: #b536ff; 13782} 13783.card-decal { 13784 display: inline-block; 13785 height: 245px; 13786 vertical-align: top; 13787 width: 220px; 13788} 13789.card-decal.decal-declined { 13790 background-color: #181818; 13791 color: hsla(0, 0%, 100%, 0.308); 13792 opacity: 0.8; 13793} 13794.card-decal.decal-declined .badge { 13795 opacity: 0.6; 13796} 13797.card-highlight-transition { 13798 transition: 13799 background-color 0.2s ease-in-out, 13800 border-color 0.2s ease-in-out, 13801 border-width 0.2s ease-in-out; 13802} 13803.card-highlight { 13804 --bs-card-border-color: #fff !important; 13805 background-color: #0f2328; 13806 border: 3px solid #fff !important; 13807} 13808.carousel-indicators li { 13809 background-clip: padding-box; 13810 background-color: #fff; 13811 border-bottom: 10px solid transparent; 13812 border-top: 10px solid transparent; 13813 box-sizing: content-box; 13814 cursor: pointer; 13815 flex: 0 1 auto; 13816 height: 3px; 13817 list-style: none; 13818 margin-left: 3px; 13819 margin-right: 3px; 13820 opacity: 0.5; 13821 text-indent: -999px; 13822 transition: opacity 0.6s ease; 13823 width: 30px; 13824} 13825.carousel-indicators .active { 13826 opacity: 1; 13827} 13828.owl-dots { 13829 display: none; 13830} 13831.footer-container { 13832 border-top: 1px solid #484848; 13833} 13834body, 13835html { 13836 overflow-x: clip !important; 13837} 13838main { 13839 display: flex; 13840 flex-wrap: nowrap; 13841 min-height: 60vh; 13842} 13843#main-content:not(.logged-out):not(.no-sidebar) { 13844 max-width: 100vw; 13845} 13846@media (min-width: 992px) { 13847 #main-content:not(.logged-out):not(.no-sidebar) { 13848 max-width: calc(100vw - 5.3rem); 13849 } 13850} 13851.nav-sidebar-cont { 13852 min-width: 5.3rem; 13853 position: relative; 13854} 13855.nav-sidebar-cont .nav-sidebar { 13856 background-color: #262626; 13857 bottom: 0; 13858 box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1); 13859 overflow-x: hidden; 13860 overflow-y: auto; 13861 position: fixed; 13862 top: 0; 13863 width: 5.3rem; 13864 z-index: 10000; 13865 -ms-overflow-style: none; 13866 max-height: 100vh; 13867 scrollbar-width: none; 13868} 13869.nplus-banner, 13870.nplusdx-banner { 13871 border: 3px solid; 13872 border-radius: 10px; 13873 font-weight: 700; 13874 line-height: 1.2; 13875 margin: -14px -9px; 13876 position: relative; 13877 text-align: center; 13878} 13879.nplus-banner.mo, 13880.nplusdx-banner.mo { 13881 border: none; 13882 border-bottom-left-radius: 0; 13883 border-top-left-radius: 0; 13884 font-size: 14px; 13885 left: 25px; 13886 padding: 2px 7px 2px 33px; 13887 position: absolute; 13888 top: 28px; 13889 z-index: 1; 13890} 13891.nplus-banner { 13892 background: #136d86; 13893 border-color: #164f5f; 13894 color: #30bee5; 13895} 13896.nplusdx-banner { 13897 background: #260d33; 13898 border-color: #491b64; 13899 color: #b536ff; 13900 font-size: 15px; 13901} 13902.hplus-banner, 13903.hplusdx-banner { 13904 border: none; 13905 border-radius: 10px; 13906 font-size: 20px; 13907 font-weight: 700; 13908 line-height: 1.2; 13909 margin: -10px 0 0; 13910 max-width: 100px; 13911 position: relative; 13912 text-align: center; 13913} 13914.nav-sidebar::-webkit-scrollbar { 13915 display: none; 13916} 13917.nav-sidebar a:active, 13918.nav-sidebar a:focus, 13919.nav-sidebar a:hover { 13920 color: #ddd; 13921} 13922.nav-sidebar-button { 13923 background: #3c3c3c; 13924 border: 2px solid #484848; 13925 border-radius: 10px; 13926 box-sizing: border-box; 13927 height: 3.2rem; 13928 margin: 0 auto; 13929 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 13930 transition-property: background-color, border-color, color, transform; 13931 vertical-align: middle; 13932 width: 3.2rem; 13933} 13934.nav-sidebar-button:hover { 13935 background-color: #484848; 13936 border: 2px solid #5c5c5c; 13937 color: #fff; 13938 transform: scale(1.15); 13939} 13940.notif-nav { 13941 background: #ff1919; 13942 border-radius: 9px; 13943 height: 25px; 13944 width: 25px; 13945} 13946.notif-nav.notif-sidebar { 13947 position: absolute; 13948 right: 9px; 13949 top: 0; 13950} 13951.notif-nav > span { 13952 font-size: 13px; 13953 text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.349); 13954 vertical-align: middle; 13955} 13956.sidebar-plus { 13957 background: linear-gradient(rgba(0, 0, 0, 0.45), #163c46) !important; 13958} 13959.sidebar-plus .nav-sidebar-button:not(.nav-sidebar-upgrade-button) { 13960 background-color: rgba(71, 224, 255, 0.18) !important; 13961 border-color: transparent; 13962} 13963.sidebar-plus .nplus-banner, 13964.sidebar-plus .nplusdx-banner { 13965 border-color: #000 !important; 13966} 13967.sidebar-plusdx { 13968 background: linear-gradient(rgba(0, 0, 0, 0.45), #351648) !important; 13969} 13970.sidebar-plusdx .nav-sidebar-button:not(.nav-sidebar-upgrade-button) { 13971 background-color: rgba(188, 72, 255, 0.18) !important; 13972 border-color: transparent; 13973} 13974.sidebar-plusdx .nplus-banner, 13975.sidebar-plusdx .nplusdx-banner { 13976 border-color: #000 !important; 13977} 13978.input-group.nav-search { 13979 margin-top: 2px; 13980 max-width: 100vw; 13981 min-width: 350px; 13982} 13983.input-group.nav-search #search-addon, 13984.input-group.nav-search input { 13985 background: #111 !important; 13986 border: none !important; 13987} 13988.input-group.nav-search input { 13989 border-bottom-right-radius: 8px !important; 13990 border-top-right-radius: 8px !important; 13991} 13992.navbar-plus { 13993 background: #000 !important; 13994} 13995.navbar-plus .nav-search { 13996 border: 2px solid #0b4e5b; 13997 border-radius: 10px; 13998} 13999.navbar-plus .nav-search #search-addon, 14000.navbar-plus .nav-search .input-group-text { 14001 background: #000 !important; 14002} 14003.navbar-plus .nav-search #search-addon i.far, 14004.navbar-plus .nav-search .input-group-text i.far { 14005 color: #fff !important; 14006} 14007.navbar-plus .nav-search .form-control { 14008 background: #000 !important; 14009} 14010.navbar-plus .nav-search .form-control::-moz-placeholder { 14011 color: hsla(0, 0%, 100%, 0.541) !important; 14012} 14013.navbar-plus .nav-search .form-control::placeholder { 14014 color: hsla(0, 0%, 100%, 0.541) !important; 14015} 14016.navbar-plusdx { 14017 background: #000 !important; 14018} 14019.navbar-plusdx .nav-search { 14020 border: 2px solid #3e0b5d; 14021 border-radius: 10px; 14022} 14023.navbar-plusdx .nav-search #search-addon, 14024.navbar-plusdx .nav-search .input-group-text { 14025 background: #000 !important; 14026} 14027.navbar-plusdx .nav-search #search-addon i.far, 14028.navbar-plusdx .nav-search .input-group-text i.far { 14029 color: #fff !important; 14030} 14031.navbar-plusdx .nav-search .form-control { 14032 background: #000 !important; 14033} 14034.navbar-plusdx .nav-search .form-control::-moz-placeholder { 14035 color: hsla(0, 0%, 100%, 0.541) !important; 14036} 14037.navbar-plusdx .nav-search .form-control::placeholder { 14038 color: hsla(0, 0%, 100%, 0.541) !important; 14039} 14040.nav-sidebar-button > i { 14041 font-size: 1.3rem; 14042 margin-top: 0.85rem; 14043} 14044.nav-sidebar .nav-item { 14045 width: 100%; 14046} 14047.nav-sidebar .nav-item .nav-link { 14048 margin-bottom: 0; 14049 margin-left: 2px; 14050} 14051.nav-sidebar .nav-item .nav-link .nav-sidebar-text { 14052 margin-left: -10px; 14053 margin-right: -10px; 14054} 14055.nav-sidebar-upgrade-button { 14056 background: linear-gradient(180deg, #2accff, #1c66d6); 14057 background-origin: border-box; 14058 border-color: rgba(0, 0, 0, 0.25); 14059} 14060.nav-sidebar-upgrade-button:hover { 14061 background: linear-gradient(180deg, #55d6ff, #4985de); 14062 background-origin: border-box; 14063 border-color: rgba(0, 0, 0, 0.1); 14064} 14065.nav-sidebar-admin-button { 14066 background-color: #a5312c; 14067 border-color: rgba(0, 0, 0, 0.25); 14068} 14069.nav-sidebar-admin-button:hover { 14070 background-color: #b75a56; 14071 border-color: rgba(0, 0, 0, 0.1); 14072} 14073.nav-sidebar-text { 14074 color: #cacaca; 14075 font-size: 12px; 14076 font-weight: 500; 14077 margin-top: 6px; 14078} 14079.nav-topbar { 14080 background-color: #252525; 14081 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); 14082 padding: 2px; 14083} 14084.search-popup { 14085 background: #252525; 14086 border: 3px solid #474747; 14087 border-radius: 10px !important; 14088 box-shadow: 0 2px 18px #181818; 14089 left: 0; 14090 max-width: 500px; 14091 padding: 6px; 14092 position: absolute; 14093 right: 0; 14094 top: 50px; 14095 width: 95vw; 14096 z-index: 5000 !important; 14097 z-index: 100; 14098} 14099.search-popup .search-item { 14100 background: transparent; 14101 border: 2px solid transparent; 14102 border-radius: 8px; 14103 box-shadow: 1px 1px 1px transparent; 14104 cursor: pointer; 14105 font-size: 16px; 14106 font-weight: 500; 14107 opacity: 0.6; 14108 padding: 10px; 14109} 14110.search-popup .search-item:focus, 14111.search-popup .search-item:hover { 14112 background: #313131; 14113 border: 2px solid #333; 14114 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.169); 14115 opacity: 1; 14116} 14117.search-popup .search-item.highlight { 14118 padding: 5px 10px; 14119} 14120.brickFly { 14121 color: #4fe883; 14122 font-size: 30px; 14123 position: fixed; 14124 text-shadow: 0 0 6px rgba(0, 0, 0, 0.38); 14125 z-index: 100000; 14126} 14127.mobile-nav-bottom { 14128 align-items: center; 14129 -webkit-backdrop-filter: blur(6px); 14130 backdrop-filter: blur(6px); 14131 background: rgba(37, 37, 37, 0.9); 14132 bottom: 0; 14133 box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25); 14134 display: flex; 14135 height: 75px; 14136 justify-content: space-around; 14137 left: 0; 14138 position: fixed; 14139 width: 100vw; 14140 z-index: 10000; 14141} 14142.mobile-nav-bottom .mnv-nav-item { 14143 align-content: center; 14144 color: #5c5c5c; 14145 display: flex; 14146 flex-direction: column; 14147 font-weight: 600; 14148 height: 75px; 14149 justify-content: center; 14150 text-align: center; 14151 width: 72px; 14152} 14153.mobile-nav-bottom .mnv-nav-item.active { 14154 color: #fff; 14155} 14156.mobile-nav-bottom .mnv-nav-item .mnv-icon { 14157 font-size: 25px; 14158 height: 38px; 14159} 14160.mobile-nav-bottom .mnv-nav-item .mnv-icon i { 14161 font-size: 27px; 14162 margin-top: 3px; 14163} 14164.mobile-nav-bottom .mnv-nav-item .mnv-icon img { 14165 border: 2px solid #5c5c5c !important; 14166 margin-top: -3px; 14167 opacity: 0.5; 14168} 14169.mobile-nav-bottom .mnv-nav-item.active .mnv-icon img { 14170 border: 2px solid #fff !important; 14171 opacity: 1; 14172} 14173.mobile-nav-bottom .mnv-nav-item .mnv-text { 14174 margin-bottom: 2px; 14175} 14176.userlink-admin { 14177 color: #ff5951 !important; 14178} 14179.userlink-admin:before { 14180 content: "P"; 14181 font-family: Polytoria Icons; 14182 font-style: normal; 14183 font-variant: normal; 14184 font-weight: 900; 14185 line-height: 1; 14186 margin-right: 0.2em; 14187 text-decoration: none; 14188 text-rendering: auto; 14189} 14190.userlink-asset-designer { 14191 color: #4fe883 !important; 14192} 14193.userlink-asset-designer:before { 14194 content: "\f55d"; 14195 font-family: Font Awesome\6 Pro; 14196 font-style: normal; 14197 font-variant: normal; 14198 font-weight: 900; 14199 line-height: 1; 14200 margin-right: 0.2em; 14201 text-decoration: none; 14202 text-rendering: auto; 14203} 14204.userlink-plus { 14205 color: #30bee5 !important; 14206} 14207.userlink-plus:before { 14208 content: "+"; 14209 font-family: Polytoria Icons; 14210 font-style: normal; 14211 font-variant: normal; 14212 font-weight: 900; 14213 line-height: 1; 14214 margin-right: 0.2em; 14215 text-decoration: none; 14216 text-rendering: auto; 14217} 14218.userlink-plusdx { 14219 color: #b536ff !important; 14220} 14221.userlink-plusdx:before { 14222 content: "⥅"; 14223 font-family: Polytoria Icons; 14224 font-style: normal; 14225 font-variant: normal; 14226 font-weight: 900; 14227 line-height: 1; 14228 margin-left: 0.2em; 14229 margin-right: -0.2em; 14230 text-decoration: none; 14231 text-rendering: auto; 14232} 14233.userlink-default { 14234 color: #b9b9b9 !important; 14235} 14236.siteBannerCont { 14237 position: sticky; 14238 top: 0; 14239 z-index: 1000; 14240} 14241.siteBannerCont .maintBanner { 14242 background: #0d0d0d; 14243 color: #fff; 14244 padding: 10px; 14245} 14246@media (min-width: 992px) { 14247 .siteBannerCont .maintBanner { 14248 padding-left: 30px; 14249 } 14250} 14251.siteBannerCont .maintBanner.tempBanner { 14252 background: 14253 repeating-linear-gradient( 14254 45deg, 14255 transparent, 14256 transparent 10px, 14257 rgba(0, 0, 0, 0.047) 0, 14258 rgba(0, 0, 0, 0.047) 20px 14259 ), 14260 #0d0d0d; 14261} 14262.nav-item.dropdown .dropdown-menu { 14263 z-index: 6000; 14264} 14265@media (max-width: 767.98px) { 14266 .search-popup { 14267 border-radius: 0 !important; 14268 left: 1px !important; 14269 width: 100vw !important; 14270 } 14271 .searchcont { 14272 left: 0; 14273 margin: 0 -21px; 14274 min-height: 0; 14275 padding: 0 21px !important; 14276 position: relative; 14277 transition: min-height 0.3s ease, margin 0s linear, padding 0.2s linear; 14278 } 14279 .searchcont.active { 14280 background: #252525; 14281 margin: 0; 14282 padding-top: 5px; 14283 padding: 0 !important; 14284 width: 100vw; 14285 z-index: 10000; 14286 } 14287 .searchcont.active .search-icon { 14288 display: none; 14289 } 14290} 14291.nav-pills .nav-link { 14292 font-weight: 500; 14293 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 14294} 14295@media (max-width: 767.98px) { 14296 .nav-pills { 14297 background-color: #262626; 14298 display: flex; 14299 flex-direction: row !important; 14300 padding: 5px; 14301 } 14302 .nav-pills > .nav-item, 14303 .nav-pills > .nav-link { 14304 margin: 3px; 14305 max-width: calc(33.33333% - 7px) !important; 14306 min-width: calc(33.33333% - 7px) !important; 14307 overflow: hidden; 14308 text-align: center; 14309 text-overflow: ellipsis; 14310 white-space: nowrap; 14311 width: calc(33.33333% - 7px) !important; 14312 } 14313 .nav-pills > .nav-item:not(.active), 14314 .nav-pills > .nav-link:not(.active) { 14315 background-color: rgba(0, 0, 0, 0.239); 14316 } 14317 .nav-pills > .nav-item:not(.active) .pilltitle, 14318 .nav-pills > .nav-link:not(.active) .pilltitle { 14319 display: none; 14320 } 14321 .nav-pills > .nav-item.active, 14322 .nav-pills > .nav-link.active { 14323 flex: 1; 14324 } 14325 .nav-pills > .nav-item.active i, 14326 .nav-pills > .nav-link.active i { 14327 display: none; 14328 } 14329 .section-title { 14330 text-align: center; 14331 } 14332} 14333.ribbon { 14334 height: 105px; 14335 overflow: hidden; 14336 position: absolute; 14337 width: 105px; 14338} 14339.ribbon:after, 14340.ribbon:before { 14341 border: 5px solid #ccc; 14342 content: ""; 14343 display: block; 14344 position: absolute; 14345 z-index: -1; 14346} 14347.ribbon span { 14348 background-color: #fff; 14349 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 14350 color: #fff; 14351 display: block; 14352 font: 700 18px/1 Poppins, sans-serif; 14353 padding: 5px 0; 14354 position: absolute; 14355 text-align: center; 14356 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 14357 text-transform: uppercase; 14358 width: 225px; 14359} 14360.ribbon-limited:after, 14361.ribbon-limited:before { 14362 border-color: #295fb9; 14363} 14364.ribbon-limited span { 14365 background-color: #347fdb; 14366} 14367.ribbon-new:after, 14368.ribbon-new:before { 14369 border-color: #b92929; 14370} 14371.ribbon-new span { 14372 background-color: #db3434; 14373} 14374.ribbon-top-left { 14375 left: -10px; 14376 top: -10px; 14377} 14378.ribbon-top-left:after, 14379.ribbon-top-left:before { 14380 border-left-color: transparent; 14381 border-top-color: transparent; 14382} 14383.ribbon-top-left:before { 14384 right: 0; 14385 top: 0; 14386} 14387.ribbon-top-left:after { 14388 bottom: 0; 14389 left: 0; 14390} 14391.ribbon-top-left span { 14392 right: -25px; 14393 top: 30px; 14394 transform: rotate(-45deg); 14395} 14396.ribbon-top-right { 14397 right: -10px; 14398 top: -10px; 14399} 14400.ribbon-top-right:after, 14401.ribbon-top-right:before { 14402 border-right-color: transparent; 14403 border-top-color: transparent; 14404} 14405.ribbon-top-right:before { 14406 left: 0; 14407 top: 0; 14408} 14409.ribbon-top-right:after { 14410 bottom: 0; 14411 right: 0; 14412} 14413.ribbon-top-right span { 14414 left: -50px; 14415 top: 30px; 14416 transform: rotate(45deg); 14417} 14418.ribbon-bottom-left { 14419 bottom: -10px; 14420 left: -10px; 14421} 14422.ribbon-bottom-left:after, 14423.ribbon-bottom-left:before { 14424 border-bottom-color: transparent; 14425 border-left-color: transparent; 14426} 14427.ribbon-bottom-left:before { 14428 bottom: 0; 14429 right: 0; 14430} 14431.ribbon-bottom-left:after { 14432 left: 0; 14433 top: 0; 14434} 14435.ribbon-bottom-left span { 14436 bottom: 30px; 14437 right: -25px; 14438 transform: rotate(225deg); 14439} 14440.ribbon-bottom-right { 14441 bottom: -10px; 14442 right: -10px; 14443} 14444.ribbon-bottom-right:after, 14445.ribbon-bottom-right:before { 14446 border-bottom-color: transparent; 14447 border-right-color: transparent; 14448} 14449.ribbon-bottom-right:before { 14450 bottom: 0; 14451 left: 0; 14452} 14453.ribbon-bottom-right:after { 14454 right: 0; 14455 top: 0; 14456} 14457.ribbon-bottom-right span { 14458 bottom: 30px; 14459 left: -25px; 14460 transform: rotate(-225deg); 14461} 14462.sortable { 14463 list-style: none; 14464 margin: 0; 14465 padding: 0; 14466} 14467.sortable li { 14468 background: #262626; 14469 border: none; 14470 color: #fff; 14471 cursor: move; 14472 padding: 13px; 14473} 14474@media (max-width: 575.98px) { 14475 .featureAdvert .swal2-popup { 14476 height: 100%; 14477 width: 100% !important; 14478 } 14479} 14480.featureAdvert .cont { 14481 background: 14482 linear-gradient(rgba(62, 52, 166, 0.769), rgba(86, 86, 172, 0.678)), 14483 url(https://c0.ptacdn.com/static/images/forum-bg.0a96386f.png) no-repeat 14484 50%; 14485 background-size: cover; 14486 border-radius: 16px; 14487 height: 60vh; 14488} 14489.featureAdvert .swal2-html-container { 14490 margin: 0; 14491} 14492.featureAdvert .mainIcon { 14493 color: #a199ff; 14494 font-size: 75px; 14495 margin-top: 50px; 14496} 14497.featureAdvert .mainTitle { 14498 color: #a199ff; 14499 font-size: 1.5rem; 14500 margin-top: 10px; 14501 text-shadow: 0 0 3px #7066e0; 14502} 14503.featureAdvert .mainContent { 14504 font-size: 0.8em; 14505} 14506.featureAdvert .mainContent .featureList { 14507 background: rgba(0, 0, 0, 0.31); 14508 border-radius: 9px; 14509 margin: 10px auto; 14510 max-width: 600px; 14511 padding: 9px; 14512 width: 100%; 14513} 14514.featureAdvert .mainContent .featureList .far { 14515 text-align: center; 14516 width: 30px; 14517} 14518@media (min-width: 992px) { 14519 .max-width-lg-350px { 14520 max-width: 350px; 14521 } 14522 .max-width-lg-550px { 14523 max-width: 550px; 14524 } 14525} 14526.min-width-30px { 14527 min-width: 30px; 14528} 14529.auth-container { 14530 height: 100vh; 14531 overflow: hidden; 14532 position: relative; 14533 width: 100vw; 14534} 14535.auth-container, 14536.auth-container > .auth-background { 14537 background-attachment: fixed; 14538 background-position: 50%; 14539 background-repeat: no-repeat; 14540 background-size: cover; 14541} 14542.auth-container > .auth-background { 14543 animation: authZoomIn 10s ease-in-out forwards; 14544 filter: blur(2px); 14545 height: 100%; 14546 left: 0; 14547 opacity: 0.5; 14548 position: absolute; 14549 top: 0; 14550 width: 100%; 14551} 14552@keyframes authZoomIn { 14553 0% { 14554 transform: scale(1); 14555 } 14556 to { 14557 transform: scale(1.1); 14558 } 14559} 14560.auth-container-gradient { 14561 background: linear-gradient(90deg, transparent 10%, #0c0c0c); 14562} 14563.auth-place-info:not(.no-anim) { 14564 animation: authPlaceAnim 0.6s steps(5) forwards; 14565 background: url(https://c0.ptacdn.com/static/images/auth-banner.2f399740.svg) 14566 no-repeat; 14567 color: #fff; 14568 height: 150px; 14569 left: 0; 14570 padding: 22px 18px; 14571 position: absolute; 14572 top: 25px; 14573 width: 500px; 14574} 14575@keyframes authPlaceAnim { 14576 0% { 14577 -webkit-clip-path: polygon(0 0, 0 0, 15% 100%, 0 100%); 14578 clip-path: polygon(0 0, 0 0, 15% 100%, 0 100%); 14579 opacity: 0; 14580 } 14581 25% { 14582 -webkit-clip-path: polygon(0 0, 34% 0, 15% 100%, 0 100%); 14583 clip-path: polygon(0 0, 34% 0, 15% 100%, 0 100%); 14584 opacity: 1; 14585 } 14586 50% { 14587 -webkit-clip-path: polygon(0 0, 34% 0, 53% 100%, 0 100%); 14588 clip-path: polygon(0 0, 34% 0, 53% 100%, 0 100%); 14589 } 14590 75% { 14591 -webkit-clip-path: polygon(0 0, 81% 0, 81% 100%, 0 100%); 14592 clip-path: polygon(0 0, 81% 0, 81% 100%, 0 100%); 14593 } 14594 to { 14595 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 14596 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 14597 } 14598} 14599.auth-place-info-title .h1, 14600.auth-place-info-title h1 { 14601 animation: authPlaceTextReveal 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s 14602 forwards; 14603 font-size: 22px; 14604 font-weight: 600; 14605 margin-bottom: 0; 14606 opacity: 0; 14607} 14608.auth-place-info-description { 14609 animation: authPlaceTextReveal 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s 14610 forwards; 14611 font-size: 16px; 14612 font-weight: 400; 14613 height: 80%; 14614 margin-bottom: 0; 14615 opacity: 0; 14616 overflow: hidden; 14617 text-overflow: ellipsis; 14618 width: 80%; 14619} 14620@keyframes authPlaceTextReveal { 14621 0% { 14622 opacity: 0; 14623 transform: translateX(-50px); 14624 } 14625 to { 14626 opacity: 1; 14627 } 14628} 14629.auth-form-container .h6, 14630.auth-form-container h6 { 14631 color: hsla(0, 0%, 100%, 0.5); 14632 margin-bottom: 30px; 14633} 14634.auth-form-container input[type="email"], 14635.auth-form-container input[type="number"], 14636.auth-form-container input[type="password"], 14637.auth-form-container input[type="text"], 14638.auth-form-container[type="email"]:focus, 14639.auth-form-container[type="number"]:focus, 14640.auth-form-container[type="password"]:focus, 14641.auth-form-container[type="text"]:focus { 14642 background-color: #3c3c3c; 14643 border: #484848; 14644 height: 40px; 14645} 14646.auth-form-container input[type="email"]::-moz-placeholder, 14647.auth-form-container input[type="number"]::-moz-placeholder, 14648.auth-form-container input[type="password"]::-moz-placeholder, 14649.auth-form-container input[type="text"]::-moz-placeholder { 14650 color: hsla(0, 0%, 100%, 0.5); 14651} 14652.auth-form-container input[type="email"]::placeholder, 14653.auth-form-container input[type="number"]::placeholder, 14654.auth-form-container input[type="password"]::placeholder, 14655.auth-form-container input[type="text"]::placeholder { 14656 color: hsla(0, 0%, 100%, 0.5); 14657} 14658.auth-form-container .input-group-text { 14659 background-color: #3c3c3c; 14660 border: #484848; 14661 color: hsla(0, 0%, 100%, 0.5); 14662} 14663.multinum input[type="number"]::-webkit-inner-spin-button, 14664.multinum input[type="number"]::-webkit-outer-spin-button { 14665 -webkit-appearance: none; 14666 margin: 0; 14667} 14668.multinum input[type="number"] { 14669 -moz-appearance: textfield; 14670} 14671.audioPlayButtonCont { 14672 background: 14673 repeating-linear-gradient( 14674 45deg, 14675 transparent, 14676 transparent 10px, 14677 rgba(0, 0, 0, 0.3) 0, 14678 rgba(0, 0, 0, 0.3) 20px 14679 ), 14680 #0d0d0d; 14681 cursor: pointer; 14682} 14683.audioPlayButtonCont .audioPlayButton, 14684.audioPlayButtonCont .loadingIndicator { 14685 align-items: center; 14686 aspect-ratio: 1/1; 14687 background: transparent; 14688 border: 0.2em solid #32a4ff; 14689 border-radius: 500px; 14690 display: flex; 14691 height: 44%; 14692 justify-content: center; 14693 opacity: 0.4; 14694 position: relative; 14695 transform: scale(1); 14696 transition: transform 0.3s ease, opacity 0.1s ease; 14697 width: 44%; 14698} 14699.audioPlayButtonCont .audioPlayButton .buttonIcon, 14700.audioPlayButtonCont .loadingIndicator .buttonIcon { 14701 color: #32a4ff; 14702 font-size: 1em; 14703} 14704.audioPlayButtonCont .audioPlayButton .buttonIcon.fa-play, 14705.audioPlayButtonCont .loadingIndicator .buttonIcon.fa-play { 14706 margin-left: 10%; 14707} 14708.audioPlayButtonCont.playing .audioPlayButton { 14709 opacity: 1; 14710 transform: scale(1.1); 14711} 14712.audioPlayButtonCont:not(.playing):hover .audioPlayButton { 14713 opacity: 0.75; 14714} 14715.progress-circle { 14716 bottom: 0; 14717 left: 0; 14718 position: absolute; 14719 right: 0; 14720 top: 0; 14721 transform: rotate(-90deg); 14722} 14723.progress-text { 14724 font-size: 24px; 14725 font-weight: 700; 14726} 14727.progress-bar { 14728 transition: stroke-width 0.2s ease; 14729} 14730.card-forum { 14731 background: 14732 linear-gradient(90deg, #6094f9 20%, transparent), 14733 url(https://c0.ptacdn.com/static/images/forum-bg.0a96386f.png) no-repeat 14734 50%; 14735 background-size: cover; 14736 color: #fff; 14737 padding: 25px; 14738} 14739.forum-entry { 14740 background-color: #1f1f1f; 14741 border-left: 5px solid; 14742 padding: 15px; 14743} 14744.forum-entry:nth-child(2n) { 14745 background-color: #1c1c1c; 14746} 14747.forum-category-container { 14748 border-left: 10px solid; 14749} 14750.forum-category-container, 14751.forum-post-title-container { 14752 background-color: #1f1f1f; 14753 padding: 25px; 14754 position: relative; 14755} 14756.forum-post-title-container { 14757 border: none; 14758} 14759@media (min-width: 576px) { 14760 .forum-post-title-container { 14761 border-radius: 10px !important; 14762 } 14763} 14764.forum-post-unread { 14765 border-color: #3bafff; 14766} 14767.forum-post-read { 14768 border-color: #757575; 14769 opacity: 0.7; 14770} 14771.forum-category-decorator { 14772 background: linear-gradient( 14773 0.358turn, 14774 hsla(0, 0%, 100%, 0.5) 25.46%, 14775 hsla(0, 0%, 100%, 0) 82.43% 14776 ); 14777 -webkit-background-clip: text; 14778 font-size: 120px; 14779 font-weight: 500; 14780 line-height: 0.75; 14781 -webkit-text-fill-color: transparent; 14782 background-clip: text; 14783 bottom: 0; 14784 padding: 0; 14785 position: absolute; 14786 right: 0; 14787 -webkit-touch-callout: none; 14788 -webkit-user-select: none; 14789 -moz-user-select: none; 14790 user-select: none; 14791} 14792@media (min-width: 768px) { 14793 .forum-user-container { 14794 background: rgba(26, 26, 26, 0.51); 14795 border-radius: 11px; 14796 max-width: 240px; 14797 padding: 25px; 14798 } 14799} 14800.card-guild { 14801 min-width: 100px; 14802} 14803.hplus-banner { 14804 background: #30bee5; 14805 color: #164f5f; 14806} 14807.hplusdx-banner { 14808 background: #b536ff; 14809 color: #fff; 14810} 14811.dashboardAvatarShadow { 14812 background: radial-gradient( 14813 44.86% 31.7% at 50% 50.09%, 14814 hsla(0, 0%, 100%, 0.19) 0, 14815 hsla(0, 0%, 100%, 0.11) 50%, 14816 hsla(0, 0%, 100%, 0) 100% 14817 ); 14818 margin-bottom: 4vw; 14819 position: relative; 14820 top: 8vw; 14821 width: 100%; 14822} 14823@media (max-width: 575.98px) { 14824 .dashboardAvatarShadow { 14825 margin: auto; 14826 width: 60%; 14827 } 14828} 14829.dashboardAvatarShadow img { 14830 height: auto; 14831 position: relative; 14832 top: -8vw; 14833 width: 100%; 14834} 14835.dash-ctitle2 { 14836 color: #757575; 14837 font-size: 0.8rem; 14838 margin: 0; 14839} 14840.dash-ctitle { 14841 font-size: 1.25rem; 14842 margin: 0 0 10px; 14843 text-transform: uppercase; 14844} 14845.home-title { 14846 color: #b5b5b5; 14847 font-size: 1.3rem; 14848 font-weight: 600; 14849 line-height: 1.3rem; 14850} 14851.home-title2 { 14852 color: #fff; 14853 font-size: 2.5rem; 14854 font-weight: 800; 14855 margin-top: -10px; 14856 overflow-wrap: anywhere; 14857} 14858.feed-post-text { 14859 color: hsla(0, 0%, 100%, 0.75); 14860} 14861.card-dash { 14862 background: linear-gradient(180deg, #383838, rgba(38, 38, 38, 0.29)); 14863 border: none; 14864 overflow-y: visible; 14865 padding-bottom: 20px; 14866} 14867.card-dash .card-body { 14868 border-radius: 13px; 14869 overflow-x: auto; 14870 overflow-y: visible; 14871} 14872.card-dash .place-card { 14873 background: rgba(38, 38, 38, 0.4); 14874 border: 1.5px solid hsla(0, 0%, 100%, 0.11); 14875 height: 230px; 14876} 14877.card-dash .place-card:hover { 14878 transform: scale(1); 14879} 14880.card-dash-feed { 14881 background-color: rgba(38, 38, 38, 0.58); 14882 border: none; 14883} 14884.friendsPopup { 14885 background: #262626; 14886 border: 1.5px solid hsla(0, 0%, 100%, 0.11); 14887 border-radius: 10px; 14888 box-shadow: 0 1px 35px rgba(0, 0, 0, 0.62); 14889 display: none; 14890 overflow: hidden; 14891 position: absolute; 14892 width: 220px; 14893 z-index: 200; 14894} 14895.friendsPopup .popupItem { 14896 border-bottom: 1px solid hsla(0, 0%, 100%, 0.11); 14897 padding: 10px; 14898} 14899.friendsPopup .popupItem:not(.disabled):hover { 14900 background: hsla(0, 0%, 100%, 0.11); 14901} 14902.friendsPopup .popupItem.disabled { 14903 opacity: 0.6; 14904 padding: 6px 10px; 14905} 14906.friend-circle { 14907 margin-right: 10px; 14908 min-width: 90px; 14909 transition: transform 0.1s ease-in-out; 14910 width: 90px; 14911} 14912.friend-circle:hover { 14913 transform: scale(1.05); 14914} 14915.friend-circle .friend-name { 14916 font-size: 0.75rem; 14917 text-align: center; 14918} 14919.friend-circle.offline { 14920 opacity: 0.3333333333; 14921} 14922.friend-circle.offline img { 14923 border-color: #6c6c6c !important; 14924} 14925@keyframes fadein { 14926 0% { 14927 opacity: 0; 14928 transform: translateY(20px); 14929 } 14930 to { 14931 opacity: 1; 14932 transform: translateY(0); 14933 } 14934} 14935.fadeAnim { 14936 animation: fadein 0.5s; 14937 animation-fill-mode: forwards; 14938 animation-timing-function: ease-in-out; 14939 opacity: 0; 14940} 14941.invite-input .form-control { 14942 cursor: text; 14943 font-family: Ubuntu Mono, monospace; 14944 font-weight: 500; 14945} 14946.invite-input .form-control, 14947.invite-input .input-group-text { 14948 background-color: #359ee6; 14949 border: 0; 14950} 14951.welcome-activity-cont { 14952 align-items: center; 14953 display: flex; 14954 justify-content: center; 14955 margin: 10px 5px 0; 14956} 14957@media (max-width: 575.98px) { 14958 .welcome-activity-cont { 14959 flex-direction: column; 14960 } 14961 .welcome-activity-cont a { 14962 width: 100%; 14963 } 14964} 14965.welcome-activity-cont a { 14966 display: block; 14967 flex: 1; 14968 margin: 0 5px; 14969} 14970.welcome-activity-cont a .welcome-activity-grid { 14971 background: #000; 14972 background-repeat: no-repeat; 14973 background-size: cover; 14974 border-radius: 20px; 14975 box-shadow: inset 0 0 0 2px #1569c3; 14976 color: #fff !important; 14977 display: block; 14978 height: 132px; 14979 overflow: hidden; 14980 position: relative; 14981 transition: transform 0.3s ease; 14982 width: 100%; 14983} 14984.welcome-activity-cont a .welcome-activity-grid:hover { 14985 transform: scale(1.05); 14986} 14987.welcome-activity-cont a .welcome-activity-grid .bg-grad { 14988 background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(16, 82, 153, 0.8)); 14989 background-size: cover; 14990 height: 100%; 14991 left: 0; 14992 position: absolute; 14993 top: 0; 14994 width: 100%; 14995 z-index: 1; 14996} 14997.welcome-activity-cont a .welcome-activity-grid .act-grid-icon { 14998 align-items: center; 14999 display: flex; 15000 height: 95px; 15001 justify-content: center; 15002 position: relative; 15003 text-align: center; 15004 width: 100%; 15005 z-index: 10; 15006} 15007.welcome-activity-cont a .welcome-activity-grid .act-grid-icon i { 15008 display: inline-block; 15009 font-size: 48px; 15010 vertical-align: middle; 15011} 15012.welcome-activity-cont a .welcome-activity-grid .act-grid-title { 15013 font-size: 1em; 15014 font-weight: 700; 15015 position: relative; 15016 text-align: center; 15017 z-index: 10; 15018} 15019.referrals-input[disabled] { 15020 opacity: 1 !important; 15021} 15022.blog-item { 15023 background-color: #000; 15024 border-radius: 10px; 15025 display: inline-block; 15026 height: 200px; 15027 -o-object-fit: cover; 15028 object-fit: cover; 15029 overflow: hidden; 15030 position: relative; 15031 vertical-align: top; 15032 width: 300px; 15033} 15034.blog-item .blog-image { 15035 background-position: 50%; 15036 background-repeat: no-repeat; 15037 background-size: cover; 15038 bottom: 0; 15039 left: 0; 15040 opacity: 0.7; 15041 position: absolute; 15042 right: 0; 15043 top: 0; 15044 transition: transform 0.3s ease, opacity 0.3s ease; 15045 z-index: 0; 15046} 15047.blog-item .blog-image:hover { 15048 opacity: 1; 15049 transform: scale(1.05); 15050} 15051.blog-item .blog-tagline { 15052 background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); 15053 bottom: 0; 15054 color: #fff; 15055 left: 0; 15056 padding: 10px; 15057 pointer-events: none; 15058 position: absolute; 15059 right: 0; 15060 z-index: 1; 15061} 15062.blog-item .blog-tagline .blog-title { 15063 font-size: 1.2em; 15064 font-weight: 700; 15065 margin-bottom: 0; 15066} 15067.blog-item .blog-tagline .blog-date { 15068 font-size: 0.8em; 15069 margin-bottom: 0; 15070} 15071.home-event-container { 15072 border-radius: 20px; 15073 height: 225px; 15074 overflow: hidden; 15075 position: relative; 15076 width: 100%; 15077} 15078@media (max-width: 575.98px) { 15079 .home-event-container { 15080 border-radius: 0; 15081 height: unset; 15082 margin: auto; 15083 } 15084} 15085.home-event-container .img-container { 15086 align-items: center; 15087 display: flex; 15088 justify-content: center; 15089 max-width: 275px; 15090 min-width: 100px; 15091 width: 33%; 15092} 15093.home-event-container .img-container img { 15094 height: auto; 15095 position: relative; 15096 width: 100%; 15097 z-index: 2; 15098} 15099.home-event-container .accent-color-container { 15100 bottom: 0; 15101 left: 0; 15102 position: absolute; 15103 right: 0; 15104 top: 0; 15105 z-index: 1; 15106} 15107.home-event-container .content-container { 15108 background: linear-gradient( 15109 270deg, 15110 rgba(0, 0, 0, 0.61) 21.63%, 15111 rgba(0, 0, 0, 0.39) 99.68% 15112 ); 15113 position: relative; 15114 z-index: 5; 15115} 15116.home-event-container .content-container .event-content { 15117 padding: 20px 10px; 15118} 15119.home-event-container .content-container .event-content .event-title { 15120 margin: 0; 15121} 15122.home-event-container .content-container .event-content .event-dates { 15123 color: hsla(0, 0%, 100%, 0.83); 15124 font-weight: 600; 15125} 15126.home-event-container .content-container .event-content .c-divider { 15127 background-color: #fff; 15128 height: 1px; 15129 margin: 5px 0; 15130 width: 140px; 15131} 15132.home-event-container .content-container .event-content .event-description { 15133 color: hsla(0, 0%, 100%, 0.83); 15134 font-size: 10pt; 15135 height: 80px; 15136 overflow: hidden; 15137 text-overflow: ellipsis; 15138} 15139.card-inbox { 15140 border: 0 solid transparent !important; 15141 border-left: 5px solid #3bafff !important; 15142 border-radius: 0 !important; 15143} 15144.card-inbox .h6, 15145.card-inbox h6 { 15146 color: hsla(0, 0%, 100%, 0.95); 15147} 15148.card-inbox.read { 15149 border-left-color: #757575 !important; 15150} 15151.landing-card, 15152.landing-nav { 15153 -webkit-backdrop-filter: blur(21px); 15154 backdrop-filter: blur(21px); 15155 background: hsla(0, 0%, 5%, 0.51) !important; 15156 border: none; 15157 min-width: 420px; 15158} 15159.landing-card .input-group .input-group-text, 15160.landing-card .input-group input { 15161 background-color: #221207 !important; 15162} 15163.lead { 15164 font-weight: 500; 15165 opacity: 0.8; 15166} 15167.event-card { 15168 align-items: center; 15169 background: #ff7410; 15170 background: linear-gradient(180deg, #ff7410, #cd60ff); 15171 border: 0; 15172 border-radius: 18px; 15173 box-shadow: 15174 -3px -3px 15px 0 rgba(255, 116, 16, 0.25), 15175 3px 3px 15px 0 rgba(205, 96, 255, 0.25); 15176 display: flex; 15177 justify-content: center; 15178 padding: 4px; 15179 transition: 15180 transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 15181 box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 15182} 15183.event-card .place-card { 15184 background-color: #2e2931; 15185 height: 250px; 15186 margin: 0 !important; 15187 padding: 0; 15188 position: relative; 15189} 15190.event-card:hover .place-card { 15191 border-color: transparent !important; 15192 transform: scale(1); 15193 z-index: 98; 15194} 15195.event-card .card-body { 15196 padding: 2px !important; 15197} 15198.event-card:hover { 15199 box-shadow: 15200 -3px -3px 15px 0 rgba(255, 116, 16, 0.5), 15201 3px 3px 15px 0 rgba(205, 96, 255, 0.5); 15202 position: relative; 15203 transform: scale(1.05); 15204 z-index: 98; 15205} 15206.event-card:active { 15207 transform: scale(0.98); 15208} 15209.event-indication { 15210 background-color: #cd60fe; 15211 border-bottom-left-radius: 5px; 15212 border-bottom-right-radius: 5px; 15213 bottom: -34px; 15214 font-weight: 800; 15215 left: 50%; 15216 padding: 2px 10px; 15217 position: absolute; 15218 text-align: center; 15219 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); 15220 transform: translateX(-50%); 15221 z-index: 99; 15222} 15223@media (max-width: 575.98px) { 15224 .event-card { 15225 border-radius: 0; 15226 } 15227 .event-card .place-card { 15228 height: auto; 15229 } 15230 .event-indication { 15231 border-radius: 8px; 15232 bottom: 8px; 15233 left: auto; 15234 right: 8px; 15235 transform: translateX(0); 15236 width: 75px; 15237 } 15238} 15239.place-card { 15240 border: 3px solid transparent !important; 15241 cursor: pointer; 15242 display: inline-block; 15243 height: 256px; 15244 transition: 15245 transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 15246 border 0.3s cubic-bezier(0.16, 1, 0.3, 1); 15247 vertical-align: middle; 15248 width: 175px; 15249} 15250.place-card .card-body { 15251 padding: 6px; 15252} 15253@media (min-width: 576px) { 15254 .place-card:hover { 15255 border-color: var(--bs-card-border-color) !important; 15256 transform: scale(1.05); 15257 } 15258 .place-card .place-card-title { 15259 height: 45px; 15260 max-height: 45px; 15261 } 15262} 15263@media (max-width: 575.98px) { 15264 .place-card:not(.force-desktop) { 15265 display: block; 15266 height: 175px; 15267 width: 100%; 15268 } 15269 .place-card:not(.force-desktop) .card-body { 15270 display: flex; 15271 } 15272 .place-card:not(.force-desktop) .card-title { 15273 height: 116px; 15274 padding: 0 10px; 15275 } 15276} 15277.place-card .place-card-image { 15278 border-radius: 11px; 15279 height: 154px; 15280 width: 154px; 15281} 15282.place-card .place-card-title { 15283 color: hsla(0, 0%, 100%, 0.8); 15284 display: -webkit-box; 15285 font-weight: 600; 15286 line-height: 22px; 15287 overflow: hidden; 15288 text-align: left; 15289 text-overflow: ellipsis; 15290 -webkit-box-orient: vertical; 15291 -webkit-line-clamp: 2; 15292 font-size: 14px; 15293} 15294.place-setup-card { 15295 background-color: #000; 15296 background-color: #1c1c1c; 15297 border: 2px solid transparent; 15298 border-radius: 6px; 15299 cursor: pointer; 15300 margin: 10px 0; 15301 padding: 10px 15px; 15302 transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); 15303} 15304.place-setup-card.disabled { 15305 cursor: default; 15306 opacity: 0.3333333333; 15307} 15308.place-setup-card::not(.disabled):hover { 15309 transform: scale(1.03); 15310} 15311.place-setup-card.selected { 15312 background-color: #333; 15313 border-color: #cecece; 15314} 15315.place-setup-card .psctitle { 15316 margin-bottom: 2px; 15317} 15318.place-setup-card .psctitle .badge { 15319 margin-top: -3px; 15320 vertical-align: middle; 15321} 15322.place-setup-card .iconcont { 15323 align-items: center; 15324 display: flex; 15325 flex-direction: row; 15326} 15327.place-setup-card .iconcont i { 15328 font-size: 20px; 15329} 15330.ratings-container { 15331 align-items: center; 15332 display: inline-flex; 15333 flex-direction: column; 15334 -webkit-user-select: none; 15335 -moz-user-select: none; 15336 user-select: none; 15337} 15338.ratings-container .btns-container { 15339 align-items: center; 15340 background: #262626; 15341 border: 1px solid #484848; 15342 border-radius: 20px; 15343 display: inline-flex; 15344 overflow: hidden; 15345} 15346.ratings-container .btns-container .thumbup-button { 15347 color: rgba(var(--bs-success-rgb), 0.7); 15348} 15349.ratings-container .btns-container .thumbup-button.active { 15350 color: rgb(var(--bs-success-rgb)); 15351 position: relative; 15352} 15353@keyframes like { 15354 0% { 15355 transform: scale(0) rotate(0deg) translate(0); 15356 } 15357 75% { 15358 transform: scale(1.4) rotate(-10deg) translateY(-4px); 15359 } 15360 90% { 15361 transform: scale(0.8) rotate(0deg) translate(0); 15362 } 15363 to { 15364 transform: scale(1) rotate(0deg) translate(0); 15365 } 15366} 15367@keyframes like-fade { 15368 0% { 15369 opacity: 1; 15370 transform: scale(0); 15371 } 15372 75% { 15373 opacity: 1; 15374 transform: scale(10); 15375 } 15376 to { 15377 opacity: 0; 15378 transform: scale(10); 15379 } 15380} 15381@keyframes like-bubble { 15382 0% { 15383 box-shadow: 0 0 0 30px rgb(var(--bs-success-rgb)); 15384 opacity: 1; 15385 transform: scale(0); 15386 } 15387 60% { 15388 box-shadow: 0 0 0 1px rgb(var(--bs-success-rgb)); 15389 transform: scale(1); 15390 } 15391 to { 15392 opacity: 0; 15393 } 15394} 15395.ratings-container 15396 .btns-container 15397 .thumbup-button.active:not(.active-initially) 15398 #thumbup-icn { 15399 animation: like 0.55s ease; 15400} 15401.ratings-container 15402 .btns-container 15403 .thumbup-button.active:not(.active-initially):before { 15404 animation: like-fade 0.4s linear; 15405 background-color: rgba(var(--bs-success-rgb), 0.2); 15406 border-radius: 25px; 15407 content: ""; 15408 height: 32px; 15409 left: 8px; 15410 opacity: 0; 15411 position: absolute; 15412 top: 3px; 15413 width: 32px; 15414} 15415.ratings-container 15416 .btns-container 15417 .thumbup-button.active:not(.active-initially):after { 15418 animation: like-bubble 0.4s ease-in; 15419 border-radius: 25px; 15420 content: ""; 15421 height: 32px; 15422 left: 8px; 15423 position: absolute; 15424 top: 1px; 15425 width: 32px; 15426} 15427.ratings-container .btns-container .thumbdown-button { 15428 color: #757575; 15429} 15430.ratings-container .btns-container .thumbdown-button.active { 15431 color: #b3b3b3; 15432} 15433.ratings-container .btns-container .thumbdown-button, 15434.ratings-container .btns-container .thumbup-button { 15435 align-items: center; 15436 background-color: transparent; 15437 cursor: pointer; 15438 display: flex; 15439 font-size: 1.1em; 15440 font-weight: 500; 15441 justify-content: center; 15442 min-width: 85px; 15443 padding: 5px 0 5px 30px; 15444 position: relative; 15445 transition: background-color 0.2s ease; 15446} 15447.ratings-container .btns-container .thumbdown-button .thumb-icon, 15448.ratings-container .btns-container .thumbup-button .thumb-icon { 15449 left: 15px; 15450 position: absolute; 15451} 15452.ratings-container .btns-container .thumbdown-button:hover, 15453.ratings-container .btns-container .thumbup-button:hover { 15454 background-color: hsla(0, 0%, 100%, 0.1); 15455} 15456.ratings-container .btns-container .rating-divider { 15457 background-color: #484848; 15458 height: 25px; 15459 width: 1px; 15460} 15461.ratings-container .rating-ratio { 15462 background-color: #525252; 15463 flex-grow: 1; 15464 height: 1px; 15465 max-width: 135px; 15466 width: 100%; 15467} 15468.ratings-container .rating-ratio #ratio-fill { 15469 background-color: rgb(var(--bs-success-rgb)); 15470 height: 100%; 15471 transition: width 0.2s ease; 15472} 15473.favorites-counter { 15474 font-size: 1.15em; 15475 font-weight: 500; 15476} 15477#places-container { 15478 display: flex; 15479 flex-direction: column; 15480} 15481@media (min-width: 768px) { 15482 #places-container { 15483 display: grid; 15484 grid-auto-rows: 253px; 15485 grid-template-columns: repeat(auto-fill, 170px); 15486 grid-gap: 10px; 15487 justify-content: center; 15488 } 15489} 15490.store-category-check { 15491 border-bottom: 2px solid #000; 15492 border-radius: 2px; 15493 color: hsla(0, 0%, 100%, 0.581); 15494 margin-bottom: 5px; 15495 margin-top: 0; 15496 opacity: 0.9; 15497 padding: 2px 2px 2px 27px; 15498} 15499.store-category-check.active { 15500 color: #fff; 15501 opacity: 1; 15502} 15503.store-category-check .form-check-input { 15504 border-color: transparent; 15505} 15506.store-item-check { 15507 opacity: 0.6; 15508} 15509.store-item-check.active { 15510 opacity: 1; 15511} 15512.itemCardCont { 15513 cursor: pointer; 15514 transition: 15515 transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 15516 border 0.3s cubic-bezier(0.16, 1, 0.3, 1); 15517} 15518.itemCardCont:hover { 15519 border-color: var(--bs-card-border-color) !important; 15520 transform: scale(1.05); 15521} 15522.store-title { 15523 font-weight: 700; 15524} 15525.store-category { 15526 border-left: 3px solid transparent; 15527 font-weight: 500; 15528} 15529.store-category, 15530a.store-category:active, 15531a.store-category:focus, 15532a.store-category:hover { 15533 color: hsla(0, 0%, 100%, 0.8); 15534} 15535.store-category.active { 15536 border-color: #3bafff; 15537} 15538.asset-limited { 15539 border: 8px solid #347fdb; 15540} 15541.asset-limited-triangle { 15542 border-left: 100px solid transparent; 15543 border-top: 100px solid #347fdb; 15544 height: 0; 15545 position: absolute; 15546 right: 0; 15547 top: 0; 15548 width: 0; 15549} 15550.asset-limited-triangle > i { 15551 color: #fff; 15552 font-size: 30px; 15553 font-weight: 900; 15554 margin-left: -45px; 15555 margin-top: -85px; 15556 position: absolute; 15557} 15558.store-thumbnail { 15559 height: auto; 15560 width: 100%; 15561} 15562.trd-items-preview { 15563 display: flex; 15564 flex-direction: row-reverse; 15565 justify-content: flex-end; 15566} 15567.trd-items-preview .item { 15568 background-color: #1a1a1a; 15569 border: 2px solid #1a1a1a; 15570 box-shadow: 1px 0 3px rgba(0, 0, 0, 0.29); 15571 margin-right: -18px; 15572} 15573.trd-items-preview .item img { 15574 visibility: hidden; 15575} 15576.trd-items-preview .item img[src] { 15577 visibility: visible; 15578} 15579.trd-box { 15580 background: #1d1d1d; 15581 border: 3px solid transparent; 15582 border-radius: 9px; 15583 display: inline-block; 15584 height: 110px; 15585 margin: 0 5px 0 0; 15586 min-width: 110px; 15587 overflow: hidden; 15588 position: relative; 15589 transition: all 0.15s ease; 15590 -webkit-user-select: none; 15591 -moz-user-select: none; 15592 user-select: none; 15593 width: 110px; 15594} 15595.trd-box img { 15596 height: 100%; 15597 left: 0; 15598 position: absolute; 15599 top: 0; 15600 width: 100%; 15601} 15602.trd-box:not(.preview):not(.disabled) { 15603 cursor: pointer; 15604} 15605.trd-box.selected { 15606 border: 3px solid lime; 15607 opacity: 0.4; 15608} 15609.trd-box.selected:after { 15610 color: lime; 15611 content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path style="fill:lime" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>'); 15612 font-size: 20px; 15613 position: absolute; 15614 right: 10px; 15615 top: 10px; 15616} 15617.trd-box.selected:hover { 15618 transform: scale(0.95); 15619} 15620.trd-box.disabled { 15621 cursor: default; 15622 opacity: 0.75; 15623} 15624.trd-box:not(.preview):not(.disabled):not(.selected):hover { 15625 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); 15626 transform: scale(1.05); 15627} 15628.trd-box-inner { 15629 box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.341); 15630 height: 100%; 15631 left: 0; 15632 position: absolute; 15633 top: 0; 15634 width: 100%; 15635} 15636.trd-box.preview .trd-box-inner { 15637 box-shadow: none; 15638} 15639.trd-box-val { 15640 background: linear-gradient(rgba(31, 31, 31, 0.58), #1f1f1f); 15641 border-top-right-radius: 9px; 15642 bottom: 0; 15643 font-size: 11px; 15644 height: 24px; 15645 left: 0; 15646 padding: 4px 7px 4px 1px; 15647 position: absolute; 15648} 15649.trd-items-list { 15650 padding-right: 60px; 15651} 15652.trd-items-list:before { 15653 background: linear-gradient(270deg, #262626 0, rgba(38, 38, 38, 0)); 15654 bottom: 41px; 15655 content: ""; 15656 position: absolute; 15657 right: 0; 15658 top: 41px; 15659 width: 100px; 15660 z-index: 100; 15661} 15662.membership-upgrade-table { 15663 border-collapse: separate; 15664 border-spacing: 0 5px; 15665} 15666.membership-upgrade-table .tier-logo { 15667 display: block; 15668 height: auto; 15669 margin: -10px auto; 15670} 15671.membership-upgrade-table tbody tr { 15672 border-radius: 10px; 15673} 15674.membership-upgrade-table tbody tr.primaryrow td { 15675 background: #000; 15676} 15677.membership-upgrade-table tbody tr td { 15678 background: #262626; 15679 color: #fff; 15680 font-size: 1.2em; 15681 font-weight: 500; 15682 padding: 15px; 15683} 15684.membership-upgrade-table tbody tr td:first-child { 15685 border-bottom-left-radius: 10px; 15686 border-top-left-radius: 10px; 15687} 15688.membership-upgrade-table tbody tr td:last-child { 15689 border-bottom-right-radius: 10px; 15690 border-top-right-radius: 10px; 15691} 15692.membership-upgrade-table 15693 tbody 15694 tr 15695 td:not(.membership-upgrade-table tbody tr td:first-child) { 15696 text-align: center; 15697} 15698.membership-upgrade-table tbody tr td.perk-free { 15699 color: #929292; 15700} 15701.membership-upgrade-table tbody tr td.perk-plus { 15702 color: #30bee5; 15703 font-size: 1.55em; 15704 font-weight: 600; 15705} 15706.membership-upgrade-table tbody tr td.perk-plusdx { 15707 color: #b536ff; 15708 font-size: 1.75em; 15709 font-weight: 600; 15710} 15711.membership-upgrade-table tbody tr.inv td { 15712 background: transparent; 15713 padding: 0; 15714} 15715.mbtn { 15716 border-radius: 6px; 15717 font-size: 1.4em; 15718 font-weight: 600; 15719 margin-bottom: 3px; 15720 padding: 4px; 15721 transition: 15722 color 0.1s ease-in-out, 15723 background-color 0.1s ease-in-out, 15724 border-color 0.1s ease-in-out; 15725 width: 150px; 15726} 15727.mbtn .sub { 15728 font-size: 0.75em; 15729 font-weight: 400; 15730} 15731.mbtn.mbplus { 15732 background: #30bee5; 15733 border: 3px solid #30bee5; 15734 color: #fff; 15735} 15736.mbtn.mbplus.mboutline { 15737 background: transparent; 15738 color: #30bee5; 15739} 15740.mbtn.mbplus.mboutline:hover { 15741 background: #30bee5; 15742 color: #fff; 15743} 15744.mbtn.mbplus.mbdisabled { 15745 cursor: default; 15746 font-size: 1.3em !important; 15747 font-weight: 400; 15748 opacity: 0.5; 15749} 15750.mbtn.mbplusdx { 15751 background: #b536ff; 15752 border: 3px solid #b536ff; 15753 color: #fff; 15754} 15755.mbtn.mbplusdx.mboutline { 15756 background: transparent; 15757 color: #b536ff; 15758} 15759.mbtn.mbplusdx.mboutline:hover { 15760 background: #b536ff; 15761 color: #fff; 15762} 15763.mbtn.mbplusdx.mbdisabled { 15764 cursor: default; 15765 font-size: 1.3em !important; 15766 font-weight: 400; 15767 opacity: 0.5; 15768} 15769.mbtn-mobile { 15770 border-radius: 6px; 15771 font-size: 1.4em; 15772 font-size: 20px; 15773 font-weight: 600; 15774 margin-bottom: 3px; 15775 padding: 4px; 15776 text-align: center; 15777 width: 125px; 15778} 15779.mbtn-mobile.mbplus { 15780 background: linear-gradient(180deg, #007a9b, #6cdfff); 15781} 15782.mbtn-mobile.mbplusdx { 15783 background: linear-gradient(180deg, #580589, #b536ff); 15784} 15785.mbtn-mobile .mbtitle { 15786 color: hsla(0, 0%, 100%, 0.79); 15787 font-size: 15px; 15788} 15789.brick-package { 15790 aspect-ratio: 788/449; 15791 background: 15792 linear-gradient( 15793 180deg, 15794 rgba(0, 0, 0, 0.77), 15795 transparent 100%, 15796 hsla(0, 0%, 100%, 0) 0 15797 ), 15798 linear-gradient(180deg, #1c1c1c 17.19%, #0f0f0f 60.42%, #4e4e4e); 15799 background-position: 50%; 15800 background-repeat: no-repeat; 15801 background-size: cover; 15802 border: 5px solid #2f2f2f; 15803 border-radius: 25px; 15804 cursor: pointer; 15805 margin-bottom: 10px; 15806 transition: transform 0.2s ease; 15807} 15808.brick-package, 15809.brick-package.content { 15810 height: 100%; 15811 position: relative; 15812 width: 100%; 15813} 15814.brick-package.content { 15815 border-radius: 20px; 15816 overflow: hidden; 15817} 15818.brick-package.galaxy { 15819 border-color: #9d1fe6; 15820} 15821.brick-package.popular { 15822 border-color: #fff; 15823} 15824.brick-package:hover { 15825 transform: scale(1.025); 15826} 15827.brick-package .bg-image { 15828 bottom: 0; 15829 height: 100%; 15830 left: 0; 15831 right: 0; 15832 top: 0; 15833 width: 100%; 15834} 15835.brick-package .brick-image { 15836 bottom: 40px; 15837 height: 60%; 15838 left: -10px; 15839 -o-object-fit: contain; 15840 object-fit: contain; 15841 position: absolute; 15842 width: 60%; 15843} 15844.brick-package .priceline { 15845 align-items: center; 15846 background-color: rgba(0, 0, 0, 0.27); 15847 border-bottom-left-radius: 20px; 15848 border-bottom-right-radius: 20px; 15849 bottom: 0; 15850 display: flex; 15851 font-size: 1.7em; 15852 font-weight: 600; 15853 height: 25%; 15854 justify-content: center; 15855 left: 0; 15856 position: absolute; 15857 right: 0; 15858} 15859.brick-package .title { 15860 font-size: 2em; 15861 font-weight: 800; 15862 left: 30px; 15863 position: absolute; 15864 top: 10px; 15865} 15866.brick-package .title.galaxy { 15867 color: #d48aff; 15868} 15869.brick-package .amount { 15870 color: #63f353; 15871 font-size: 3.5em; 15872 font-weight: 800; 15873 letter-spacing: -0.025em; 15874 position: absolute; 15875 right: 5%; 15876 text-shadow: 0 0 0.5em #22bc11; 15877 top: 25%; 15878} 15879.brick-package .amount.galaxy { 15880 color: #d48aff; 15881 letter-spacing: -0.05em; 15882 text-shadow: 0 0 0.5em #b536ff; 15883} 15884.brick-package .am-x { 15885 font-size: 0.7em; 15886} 15887.brick-package .sunburst-image { 15888 bottom: 500px; 15889 height: 75%; 15890 opacity: 0.8; 15891 position: absolute; 15892 top: 0; 15893 width: 70%; 15894} 15895.brick-package .popular-tag { 15896 background-color: #fff; 15897 border-radius: 10px 10px 0 10px; 15898 color: #000; 15899 font-size: 1em; 15900 font-weight: 700; 15901 padding: 2%; 15902 position: absolute; 15903 right: -5px; 15904 top: -9%; 15905} 15906.arrow-anim-cont { 15907 animation: bg-scroll 1.5s linear infinite; 15908 background-color: #121212; 15909 background-image: url(https://c0.ptacdn.com/static/images/upgrade-bg.43d7e1a5.svg); 15910 background-repeat: repeat; 15911 background-size: 100px 100px; 15912 height: 100%; 15913 height: 0; 15914 left: 0; 15915 max-height: 100vh; 15916 min-height: 100vh; 15917 overflow: hidden; 15918 position: fixed; 15919 width: 100%; 15920} 15921@keyframes bg-scroll { 15922 0% { 15923 background-position: 100px 100px; 15924 } 15925 to { 15926 background-position: 0 0; 15927 } 15928} 15929.checkout-upgrade-perk { 15930 background-color: #000; 15931 border-radius: 5px; 15932 font-size: 1.2em; 15933 margin: 5px auto; 15934 max-width: 500px; 15935 padding: 10px; 15936} 15937.gift-self-toggle { 15938 background: #000; 15939 border: 3px solid #000; 15940 border-radius: 8px; 15941 display: flex; 15942 height: 70px; 15943 margin: auto; 15944 overflow: hidden; 15945 width: 300px; 15946} 15947.gift-self-toggle .gift-self-toggle-btn { 15948 align-items: center; 15949 background-color: #171717; 15950 border: 3px solid hsla(0, 0%, 85%, 0); 15951 border-radius: 5px; 15952 cursor: pointer; 15953 display: flex; 15954 justify-content: center; 15955 opacity: 0.5; 15956 transform: scale(0.9); 15957 transition: 15958 transform 0.2s ease-in-out, 15959 border-color 0.2s ease-in-out, 15960 opacity 0.2s ease-in-out; 15961 -webkit-user-select: none; 15962 -moz-user-select: none; 15963 user-select: none; 15964 width: 50%; 15965} 15966.gift-self-toggle .gift-self-toggle-btn .label { 15967 font-weight: 500; 15968 line-height: 1em; 15969} 15970.gift-self-toggle .gift-self-toggle-btn.active { 15971 border-color: #dadada; 15972} 15973.gift-self-toggle .gift-self-toggle-btn.active, 15974.gift-self-toggle .gift-self-toggle-btn:hover { 15975 opacity: 1; 15976 transform: scale(1); 15977} 15978.gift-self-toggle .gift-self-toggle-btn .gift-icn { 15979 height: 32px; 15980 margin: 0 14px; 15981 width: auto; 15982} 15983.user-badges { 15984 background: #161616; 15985 border-radius: 12px; 15986 display: flex; 15987 flex-wrap: wrap; 15988 margin: 10px -5px -3px; 15989 padding: 5px; 15990} 15991.user-badge { 15992 background-repeat: no-repeat; 15993 background-size: cover; 15994 height: 48px; 15995 margin-right: -4px; 15996 width: 48px; 15997} 15998.user-badge.badge-1 { 15999 background-position: 0 0; 16000 margin-right: 0; 16001} 16002.user-badge.badge-2 { 16003 background-position: -49px 0; 16004} 16005.user-badge.badge-3 { 16006 background-position: -98px 0; 16007} 16008.user-badge.badge-4 { 16009 background-position: -147px 0; 16010} 16011@media (min-width: 992px) { 16012 .user-right { 16013 max-width: 375px; 16014 } 16015} 16016div:where(.swal2-container) { 16017 z-index: 100000 !important; 16018}