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
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) no-repeat; 223 cursor: pointer; 224 height: 80px; 225 left: 50%; 226 margin-left: -40px; 227 margin-top: -40px; 228 position: absolute; 229 top: 50%; 230 transition: transform 0.1s ease; 231 width: 80px; 232 z-index: 1; 233} 234.owl-carousel .owl-video-play-icon:hover { 235 transform: scale(1.3); 236} 237.owl-carousel .owl-video-playing .owl-video-play-icon, 238.owl-carousel .owl-video-playing .owl-video-tn { 239 display: none; 240} 241.owl-carousel .owl-video-tn { 242 background-position: 50%; 243 background-repeat: no-repeat; 244 background-size: contain; 245 height: 100%; 246 opacity: 0; 247 transition: opacity 0.4s ease; 248} 249.owl-carousel .owl-video-frame { 250 height: 100%; 251 position: relative; 252 width: 100%; 253 z-index: 1; 254} 255.tooltip-inner { 256 --bs-tooltip-color: #fff; 257} 258 259/*! 260 * Bootstrap v5.3.3 (https://getbootstrap.com/) 261 * Copyright 2011-2024 The Bootstrap Authors 262 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 263 */ 264:root, 265[data-bs-theme='light'] { 266 --bs-blue: #3bafff; 267 --bs-indigo: #6610f2; 268 --bs-purple: #9b51e0; 269 --bs-pink: #ff6f91; 270 --bs-red: #ff5951; 271 --bs-orange: #ffb74f; 272 --bs-yellow: #ffc93f; 273 --bs-green: #4fe883; 274 --bs-teal: #00b5ad; 275 --bs-cyan: #0dcaf0; 276 --bs-black: #000; 277 --bs-white: #fff; 278 --bs-gray: #484848; 279 --bs-gray-dark: #3c3c3c; 280 --bs-gray-100: #f6f6f6; 281 --bs-gray-200: #e6e6e6; 282 --bs-gray-300: #cacaca; 283 --bs-gray-400: #9e9e9e; 284 --bs-gray-500: #757575; 285 --bs-gray-600: #484848; 286 --bs-gray-700: #2d2d2d; 287 --bs-gray-800: #3c3c3c; 288 --bs-gray-900: #1a1a1a; 289 --bs-primary: #3bafff; 290 --bs-secondary: #484848; 291 --bs-success: #4fe883; 292 --bs-info: #6094f9; 293 --bs-warning: #ffc93f; 294 --bs-danger: #ff5951; 295 --bs-light: #f6f6f6; 296 --bs-dark: #1a1a1a; 297 --bs-primary-rgb: 59, 175, 255; 298 --bs-secondary-rgb: 72, 72, 72; 299 --bs-success-rgb: 79, 232, 131; 300 --bs-info-rgb: 96, 148, 249; 301 --bs-warning-rgb: 255, 201, 63; 302 --bs-danger-rgb: 255, 89, 81; 303 --bs-light-rgb: 246, 246, 246; 304 --bs-dark-rgb: 26, 26, 26; 305 --bs-primary-text-emphasis: #184666; 306 --bs-secondary-text-emphasis: #1d1d1d; 307 --bs-success-text-emphasis: #205d34; 308 --bs-info-text-emphasis: #263b64; 309 --bs-warning-text-emphasis: #665019; 310 --bs-danger-text-emphasis: #662420; 311 --bs-light-text-emphasis: #2d2d2d; 312 --bs-dark-text-emphasis: #2d2d2d; 313 --bs-primary-bg-subtle: #d8efff; 314 --bs-secondary-bg-subtle: #dadada; 315 --bs-success-bg-subtle: #dcfae6; 316 --bs-info-bg-subtle: #dfeafe; 317 --bs-warning-bg-subtle: #fff4d9; 318 --bs-danger-bg-subtle: #ffdedc; 319 --bs-light-bg-subtle: #fbfbfb; 320 --bs-dark-bg-subtle: #9e9e9e; 321 --bs-primary-border-subtle: #b1dfff; 322 --bs-secondary-border-subtle: #b6b6b6; 323 --bs-success-border-subtle: #b9f6cd; 324 --bs-info-border-subtle: #bfd4fd; 325 --bs-warning-border-subtle: #ffe9b2; 326 --bs-danger-border-subtle: #ffbdb9; 327 --bs-light-border-subtle: #e6e6e6; 328 --bs-dark-border-subtle: #757575; 329 --bs-white-rgb: 255, 255, 255; 330 --bs-black-rgb: 0, 0, 0; 331 --bs-font-sans-serif: 'Poppins', sans-serif; 332 --bs-font-monospace: 'Ubuntu Mono', monospace; 333 --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0)); 334 --bs-body-font-family: var(--bs-font-sans-serif); 335 --bs-body-font-size: 1rem; 336 --bs-body-font-weight: 400; 337 --bs-body-line-height: 1.5; 338 --bs-body-color: #fff; 339 --bs-body-color-rgb: 255, 255, 255; 340 --bs-body-bg: #181818; 341 --bs-body-bg-rgb: 24, 24, 24; 342 --bs-emphasis-color: #f6f6f6; 343 --bs-emphasis-color-rgb: 246, 246, 246; 344 --bs-secondary-color: hsla(0, 0%, 100%, 0.75); 345 --bs-secondary-color-rgb: 255, 255, 255; 346 --bs-secondary-bg: #e6e6e6; 347 --bs-secondary-bg-rgb: 230, 230, 230; 348 --bs-tertiary-color: hsla(0, 0%, 100%, 0.5); 349 --bs-tertiary-color-rgb: 255, 255, 255; 350 --bs-tertiary-bg: #f6f6f6; 351 --bs-tertiary-bg-rgb: 246, 246, 246; 352 --bs-heading-color: inherit; 353 --bs-link-color: #3bafff; 354 --bs-link-color-rgb: 59, 175, 255; 355 --bs-link-decoration: none; 356 --bs-link-hover-color: #2f8ccc; 357 --bs-link-hover-color-rgb: 47, 140, 204; 358 --bs-code-color: #ff6f91; 359 --bs-highlight-color: #fff; 360 --bs-highlight-bg: #fff4d9; 361 --bs-border-width: 1px; 362 --bs-border-style: solid; 363 --bs-border-color: #cacaca; 364 --bs-border-color-translucent: rgba(0, 0, 0, 0.175); 365 --bs-border-radius: 0.375rem; 366 --bs-border-radius-sm: 0.25rem; 367 --bs-border-radius-lg: 0.5rem; 368 --bs-border-radius-xl: 1rem; 369 --bs-border-radius-xxl: 2rem; 370 --bs-border-radius-2xl: var(--bs-border-radius-xxl); 371 --bs-border-radius-pill: 50rem; 372 --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 373 --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 374 --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); 375 --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); 376 --bs-focus-ring-width: 0.25rem; 377 --bs-focus-ring-opacity: 0.25; 378 --bs-focus-ring-color: rgba(59, 175, 255, 0.25); 379 --bs-form-valid-color: #4fe883; 380 --bs-form-valid-border-color: #4fe883; 381 --bs-form-invalid-color: #ff5951; 382 --bs-form-invalid-border-color: #ff5951; 383} 384[data-bs-theme='dark'] { 385 color-scheme: dark; 386 --bs-body-color: #cacaca; 387 --bs-body-color-rgb: 202, 202, 202; 388 --bs-body-bg: #1a1a1a; 389 --bs-body-bg-rgb: 26, 26, 26; 390 --bs-emphasis-color: #fff; 391 --bs-emphasis-color-rgb: 255, 255, 255; 392 --bs-secondary-color: hsla(0, 0%, 79%, 0.75); 393 --bs-secondary-color-rgb: 202, 202, 202; 394 --bs-secondary-bg: #3c3c3c; 395 --bs-secondary-bg-rgb: 60, 60, 60; 396 --bs-tertiary-color: hsla(0, 0%, 79%, 0.5); 397 --bs-tertiary-color-rgb: 202, 202, 202; 398 --bs-tertiary-bg: #2b2b2b; 399 --bs-tertiary-bg-rgb: 43, 43, 43; 400 --bs-primary-text-emphasis: #89cfff; 401 --bs-secondary-text-emphasis: #919191; 402 --bs-success-text-emphasis: #95f1b5; 403 --bs-info-text-emphasis: #a0bffb; 404 --bs-warning-text-emphasis: #ffdf8c; 405 --bs-danger-text-emphasis: #ff9b97; 406 --bs-light-text-emphasis: #f6f6f6; 407 --bs-dark-text-emphasis: #cacaca; 408 --bs-primary-bg-subtle: #0c2333; 409 --bs-secondary-bg-subtle: #0e0e0e; 410 --bs-success-bg-subtle: #102e1a; 411 --bs-info-bg-subtle: #131e32; 412 --bs-warning-bg-subtle: #33280d; 413 --bs-danger-bg-subtle: #331210; 414 --bs-light-bg-subtle: #3c3c3c; 415 --bs-dark-bg-subtle: #1e1e1e; 416 --bs-primary-border-subtle: #236999; 417 --bs-secondary-border-subtle: #2b2b2b; 418 --bs-success-border-subtle: #2f8b4f; 419 --bs-info-border-subtle: #3a5995; 420 --bs-warning-border-subtle: #997926; 421 --bs-danger-border-subtle: #993531; 422 --bs-light-border-subtle: #2d2d2d; 423 --bs-dark-border-subtle: #3c3c3c; 424 --bs-heading-color: inherit; 425 --bs-link-color: #89cfff; 426 --bs-link-hover-color: #a1d9ff; 427 --bs-link-color-rgb: 137, 207, 255; 428 --bs-link-hover-color-rgb: 161, 217, 255; 429 --bs-code-color: #ffa9bd; 430 --bs-highlight-color: #cacaca; 431 --bs-highlight-bg: #665019; 432 --bs-border-color: #2d2d2d; 433 --bs-border-color-translucent: hsla(0, 0%, 100%, 0.15); 434 --bs-form-valid-color: #95f1b5; 435 --bs-form-valid-border-color: #95f1b5; 436 --bs-form-invalid-color: #ff9b97; 437 --bs-form-invalid-border-color: #ff9b97; 438} 439*, 440:after, 441:before { 442 box-sizing: border-box; 443} 444@media (prefers-reduced-motion: no-preference) { 445 :root { 446 scroll-behavior: smooth; 447 } 448} 449body { 450 background-color: var(--bs-body-bg); 451 color: var(--bs-body-color); 452 font-family: var(--bs-body-font-family); 453 font-size: var(--bs-body-font-size); 454 font-weight: var(--bs-body-font-weight); 455 line-height: var(--bs-body-line-height); 456 margin: 0; 457 text-align: var(--bs-body-text-align); 458 -webkit-text-size-adjust: 100%; 459 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 460} 461hr { 462 border: 0; 463 border-top: var(--bs-border-width) solid; 464 color: inherit; 465 margin: 1rem 0; 466 opacity: 0.25; 467} 468.h1, 469.h2, 470.h3, 471.h4, 472.h5, 473.h6, 474h1, 475h2, 476h3, 477h4, 478h5, 479h6 { 480 color: var(--bs-heading-color); 481 font-weight: 600; 482 line-height: 1.2; 483 margin-bottom: 0.5rem; 484 margin-top: 0; 485} 486.h1, 487h1 { 488 font-size: calc(1.375rem + 1.5vw); 489} 490@media (min-width: 1200px) { 491 .h1, 492 h1 { 493 font-size: 2.5rem; 494 } 495} 496.h2, 497h2 { 498 font-size: calc(1.325rem + 0.9vw); 499} 500@media (min-width: 1200px) { 501 .h2, 502 h2 { 503 font-size: 2rem; 504 } 505} 506.h3, 507h3 { 508 font-size: calc(1.3rem + 0.6vw); 509} 510@media (min-width: 1200px) { 511 .h3, 512 h3 { 513 font-size: 1.75rem; 514 } 515} 516.h4, 517h4 { 518 font-size: calc(1.275rem + 0.3vw); 519} 520@media (min-width: 1200px) { 521 .h4, 522 h4 { 523 font-size: 1.5rem; 524 } 525} 526.h5, 527h5 { 528 font-size: 1.25rem; 529} 530.h6, 531h6 { 532 font-size: 1rem; 533} 534p { 535 margin-bottom: 1rem; 536 margin-top: 0; 537} 538abbr[title] { 539 cursor: help; 540 -webkit-text-decoration: underline dotted; 541 text-decoration: underline dotted; 542 -webkit-text-decoration-skip-ink: none; 543 text-decoration-skip-ink: none; 544} 545address { 546 font-style: normal; 547 line-height: inherit; 548 margin-bottom: 1rem; 549} 550ol, 551ul { 552 padding-left: 2rem; 553} 554dl, 555ol, 556ul { 557 margin-bottom: 1rem; 558 margin-top: 0; 559} 560ol ol, 561ol ul, 562ul ol, 563ul ul { 564 margin-bottom: 0; 565} 566dt { 567 font-weight: 700; 568} 569dd { 570 margin-bottom: 0.5rem; 571 margin-left: 0; 572} 573blockquote { 574 margin: 0 0 1rem; 575} 576b, 577strong { 578 font-weight: bolder; 579} 580.small, 581small { 582 font-size: 0.875em; 583} 584.mark, 585mark { 586 background-color: var(--bs-highlight-bg); 587 color: var(--bs-highlight-color); 588 padding: 0.1875em; 589} 590sub, 591sup { 592 font-size: 0.75em; 593 line-height: 0; 594 position: relative; 595 vertical-align: baseline; 596} 597sub { 598 bottom: -0.25em; 599} 600sup { 601 top: -0.5em; 602} 603a { 604 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); 605 text-decoration: none; 606} 607a:hover { 608 --bs-link-color-rgb: var(--bs-link-hover-color-rgb); 609} 610a:not([href]):not([class]), 611a:not([href]):not([class]):hover { 612 color: inherit; 613 text-decoration: none; 614} 615code, 616kbd, 617pre, 618samp { 619 font-family: var(--bs-font-monospace); 620 font-size: 1em; 621} 622pre { 623 display: block; 624 font-size: 0.875em; 625 margin-bottom: 1rem; 626 margin-top: 0; 627 overflow: auto; 628} 629pre code { 630 color: inherit; 631 font-size: inherit; 632 word-break: normal; 633} 634code { 635 color: var(--bs-code-color); 636 font-size: 0.875em; 637 word-wrap: break-word; 638} 639a > code { 640 color: inherit; 641} 642kbd { 643 background-color: var(--bs-body-color); 644 border-radius: 0.25rem; 645 color: var(--bs-body-bg); 646 font-size: 0.875em; 647 padding: 0.1875rem 0.375rem; 648} 649kbd kbd { 650 font-size: 1em; 651 padding: 0; 652} 653figure { 654 margin: 0 0 1rem; 655} 656img, 657svg { 658 vertical-align: middle; 659} 660table { 661 border-collapse: collapse; 662 caption-side: bottom; 663} 664caption { 665 color: var(--bs-secondary-color); 666 padding-bottom: 0.5rem; 667 padding-top: 0.5rem; 668 text-align: left; 669} 670th { 671 text-align: inherit; 672 text-align: -webkit-match-parent; 673} 674tbody, 675td, 676tfoot, 677th, 678thead, 679tr { 680 border: 0 solid; 681 border-color: inherit; 682} 683label { 684 display: inline-block; 685} 686button { 687 border-radius: 0; 688} 689button:focus:not(:focus-visible) { 690 outline: 0; 691} 692button, 693input, 694optgroup, 695select, 696textarea { 697 font-family: inherit; 698 font-size: inherit; 699 line-height: inherit; 700 margin: 0; 701} 702button, 703select { 704 text-transform: none; 705} 706[role='button'] { 707 cursor: pointer; 708} 709select { 710 word-wrap: normal; 711} 712select:disabled { 713 opacity: 1; 714} 715[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator { 716 display: none !important; 717} 718[type='button'], 719[type='reset'], 720[type='submit'], 721button { 722 -webkit-appearance: button; 723} 724[type='button']:not(:disabled), 725[type='reset']:not(:disabled), 726[type='submit']:not(:disabled), 727button:not(:disabled) { 728 cursor: pointer; 729} 730::-moz-focus-inner { 731 border-style: none; 732 padding: 0; 733} 734textarea { 735 resize: vertical; 736} 737fieldset { 738 border: 0; 739 margin: 0; 740 min-width: 0; 741 padding: 0; 742} 743legend { 744 float: left; 745 font-size: calc(1.275rem + 0.3vw); 746 line-height: inherit; 747 margin-bottom: 0.5rem; 748 padding: 0; 749 width: 100%; 750} 751@media (min-width: 1200px) { 752 legend { 753 font-size: 1.5rem; 754 } 755} 756legend + * { 757 clear: left; 758} 759::-webkit-datetime-edit-day-field, 760::-webkit-datetime-edit-fields-wrapper, 761::-webkit-datetime-edit-hour-field, 762::-webkit-datetime-edit-minute, 763::-webkit-datetime-edit-month-field, 764::-webkit-datetime-edit-text, 765::-webkit-datetime-edit-year-field { 766 padding: 0; 767} 768::-webkit-inner-spin-button { 769 height: auto; 770} 771[type='search'] { 772 -webkit-appearance: textfield; 773 outline-offset: -2px; 774} 775::-webkit-search-decoration { 776 -webkit-appearance: none; 777} 778::-webkit-color-swatch-wrapper { 779 padding: 0; 780} 781::file-selector-button { 782 -webkit-appearance: button; 783 font: inherit; 784} 785output { 786 display: inline-block; 787} 788iframe { 789 border: 0; 790} 791summary { 792 cursor: pointer; 793 display: list-item; 794} 795progress { 796 vertical-align: baseline; 797} 798[hidden] { 799 display: none !important; 800} 801.lead { 802 font-size: 1.25rem; 803 font-weight: 300; 804} 805.display-1 { 806 font-size: calc(1.625rem + 4.5vw); 807 font-weight: 300; 808 line-height: 1.2; 809} 810@media (min-width: 1200px) { 811 .display-1 { 812 font-size: 5rem; 813 } 814} 815.display-2 { 816 font-size: calc(1.575rem + 3.9vw); 817 font-weight: 300; 818 line-height: 1.2; 819} 820@media (min-width: 1200px) { 821 .display-2 { 822 font-size: 4.5rem; 823 } 824} 825.display-3 { 826 font-size: calc(1.525rem + 3.3vw); 827 font-weight: 300; 828 line-height: 1.2; 829} 830@media (min-width: 1200px) { 831 .display-3 { 832 font-size: 4rem; 833 } 834} 835.display-4 { 836 font-size: calc(1.475rem + 2.7vw); 837 font-weight: 300; 838 line-height: 1.2; 839} 840@media (min-width: 1200px) { 841 .display-4 { 842 font-size: 3.5rem; 843 } 844} 845.display-5 { 846 font-size: calc(1.425rem + 2.1vw); 847 font-weight: 300; 848 line-height: 1.2; 849} 850@media (min-width: 1200px) { 851 .display-5 { 852 font-size: 3rem; 853 } 854} 855.display-6 { 856 font-size: calc(1.375rem + 1.5vw); 857 font-weight: 300; 858 line-height: 1.2; 859} 860@media (min-width: 1200px) { 861 .display-6 { 862 font-size: 2.5rem; 863 } 864} 865.list-inline, 866.list-unstyled { 867 list-style: none; 868 padding-left: 0; 869} 870.list-inline-item { 871 display: inline-block; 872} 873.list-inline-item:not(:last-child) { 874 margin-right: 0.5rem; 875} 876.initialism { 877 font-size: 0.875em; 878 text-transform: uppercase; 879} 880.blockquote { 881 font-size: 1.25rem; 882 margin-bottom: 1rem; 883} 884.blockquote > :last-child { 885 margin-bottom: 0; 886} 887.blockquote-footer { 888 color: #484848; 889 font-size: 0.875em; 890 margin-bottom: 1rem; 891 margin-top: -1rem; 892} 893.blockquote-footer:before { 894 content: '— '; 895} 896.img-fluid, 897.img-thumbnail { 898 height: auto; 899 max-width: 100%; 900} 901.img-thumbnail { 902 background-color: var(--bs-body-bg); 903 border: var(--bs-border-width) solid var(--bs-border-color); 904 border-radius: var(--bs-border-radius); 905 padding: 0.25rem; 906} 907.figure { 908 display: inline-block; 909} 910.figure-img { 911 line-height: 1; 912 margin-bottom: 0.5rem; 913} 914.figure-caption { 915 color: var(--bs-secondary-color); 916 font-size: 0.875em; 917} 918.container, 919.container-fluid, 920.container-lg, 921.container-md, 922.container-sm, 923.container-xl, 924.container-xxl { 925 --bs-gutter-x: 1.5rem; 926 --bs-gutter-y: 0; 927 margin-left: auto; 928 margin-right: auto; 929 padding-left: calc(var(--bs-gutter-x) * 0.5); 930 padding-right: calc(var(--bs-gutter-x) * 0.5); 931 width: 100%; 932} 933@media (min-width: 576px) { 934 .container, 935 .container-sm { 936 max-width: 576px; 937 } 938} 939@media (min-width: 768px) { 940 .container, 941 .container-md, 942 .container-sm { 943 max-width: 768px; 944 } 945} 946@media (min-width: 992px) { 947 .container, 948 .container-lg, 949 .container-md, 950 .container-sm { 951 max-width: 992px; 952 } 953} 954@media (min-width: 1200px) { 955 .container, 956 .container-lg, 957 .container-md, 958 .container-sm, 959 .container-xl { 960 max-width: 1200px; 961 } 962} 963@media (min-width: 1400px) { 964 .container, 965 .container-lg, 966 .container-md, 967 .container-sm, 968 .container-xl, 969 .container-xxl { 970 max-width: 1600px; 971 } 972} 973:root { 974 --bs-breakpoint-xs: 0; 975 --bs-breakpoint-sm: 576px; 976 --bs-breakpoint-md: 768px; 977 --bs-breakpoint-lg: 992px; 978 --bs-breakpoint-xl: 1200px; 979 --bs-breakpoint-xxl: 1400px; 980} 981.row { 982 --bs-gutter-x: 1.5rem; 983 --bs-gutter-y: 0; 984 display: flex; 985 flex-wrap: wrap; 986 margin-left: calc(var(--bs-gutter-x) * -0.5); 987 margin-right: calc(var(--bs-gutter-x) * -0.5); 988 margin-top: calc(var(--bs-gutter-y) * -1); 989} 990.row > * { 991 flex-shrink: 0; 992 margin-top: var(--bs-gutter-y); 993 max-width: 100%; 994 padding-left: calc(var(--bs-gutter-x) * 0.5); 995 padding-right: calc(var(--bs-gutter-x) * 0.5); 996 width: 100%; 997} 998.col { 999 flex: 1 0 0%; 1000} 1001.row-cols-auto > * { 1002 flex: 0 0 auto; 1003 width: auto; 1004} 1005.row-cols-1 > * { 1006 flex: 0 0 auto; 1007 width: 100%; 1008} 1009.row-cols-2 > * { 1010 flex: 0 0 auto; 1011 width: 50%; 1012} 1013.row-cols-3 > * { 1014 flex: 0 0 auto; 1015 width: 33.33333333%; 1016} 1017.row-cols-4 > * { 1018 flex: 0 0 auto; 1019 width: 25%; 1020} 1021.row-cols-5 > * { 1022 flex: 0 0 auto; 1023 width: 20%; 1024} 1025.row-cols-6 > * { 1026 flex: 0 0 auto; 1027 width: 16.66666667%; 1028} 1029.col-auto { 1030 flex: 0 0 auto; 1031 width: auto; 1032} 1033.col-1 { 1034 flex: 0 0 auto; 1035 width: 8.33333333%; 1036} 1037.col-2 { 1038 flex: 0 0 auto; 1039 width: 16.66666667%; 1040} 1041.col-3 { 1042 flex: 0 0 auto; 1043 width: 25%; 1044} 1045.col-4 { 1046 flex: 0 0 auto; 1047 width: 33.33333333%; 1048} 1049.col-5 { 1050 flex: 0 0 auto; 1051 width: 41.66666667%; 1052} 1053.col-6 { 1054 flex: 0 0 auto; 1055 width: 50%; 1056} 1057.col-7 { 1058 flex: 0 0 auto; 1059 width: 58.33333333%; 1060} 1061.col-8 { 1062 flex: 0 0 auto; 1063 width: 66.66666667%; 1064} 1065.col-9 { 1066 flex: 0 0 auto; 1067 width: 75%; 1068} 1069.col-10 { 1070 flex: 0 0 auto; 1071 width: 83.33333333%; 1072} 1073.col-11 { 1074 flex: 0 0 auto; 1075 width: 91.66666667%; 1076} 1077.col-12 { 1078 flex: 0 0 auto; 1079 width: 100%; 1080} 1081.offset-1 { 1082 margin-left: 8.33333333%; 1083} 1084.offset-2 { 1085 margin-left: 16.66666667%; 1086} 1087.offset-3 { 1088 margin-left: 25%; 1089} 1090.offset-4 { 1091 margin-left: 33.33333333%; 1092} 1093.offset-5 { 1094 margin-left: 41.66666667%; 1095} 1096.offset-6 { 1097 margin-left: 50%; 1098} 1099.offset-7 { 1100 margin-left: 58.33333333%; 1101} 1102.offset-8 { 1103 margin-left: 66.66666667%; 1104} 1105.offset-9 { 1106 margin-left: 75%; 1107} 1108.offset-10 { 1109 margin-left: 83.33333333%; 1110} 1111.offset-11 { 1112 margin-left: 91.66666667%; 1113} 1114.g-0, 1115.gx-0 { 1116 --bs-gutter-x: 0; 1117} 1118.g-0, 1119.gy-0 { 1120 --bs-gutter-y: 0; 1121} 1122.g-1, 1123.gx-1 { 1124 --bs-gutter-x: 0.25rem; 1125} 1126.g-1, 1127.gy-1 { 1128 --bs-gutter-y: 0.25rem; 1129} 1130.g-2, 1131.gx-2 { 1132 --bs-gutter-x: 0.5rem; 1133} 1134.g-2, 1135.gy-2 { 1136 --bs-gutter-y: 0.5rem; 1137} 1138.g-3, 1139.gx-3 { 1140 --bs-gutter-x: 1rem; 1141} 1142.g-3, 1143.gy-3 { 1144 --bs-gutter-y: 1rem; 1145} 1146.g-4, 1147.gx-4 { 1148 --bs-gutter-x: 1.5rem; 1149} 1150.g-4, 1151.gy-4 { 1152 --bs-gutter-y: 1.5rem; 1153} 1154.g-5, 1155.gx-5 { 1156 --bs-gutter-x: 3rem; 1157} 1158.g-5, 1159.gy-5 { 1160 --bs-gutter-y: 3rem; 1161} 1162@media (min-width: 576px) { 1163 .col-sm { 1164 flex: 1 0 0%; 1165 } 1166 .row-cols-sm-auto > * { 1167 flex: 0 0 auto; 1168 width: auto; 1169 } 1170 .row-cols-sm-1 > * { 1171 flex: 0 0 auto; 1172 width: 100%; 1173 } 1174 .row-cols-sm-2 > * { 1175 flex: 0 0 auto; 1176 width: 50%; 1177 } 1178 .row-cols-sm-3 > * { 1179 flex: 0 0 auto; 1180 width: 33.33333333%; 1181 } 1182 .row-cols-sm-4 > * { 1183 flex: 0 0 auto; 1184 width: 25%; 1185 } 1186 .row-cols-sm-5 > * { 1187 flex: 0 0 auto; 1188 width: 20%; 1189 } 1190 .row-cols-sm-6 > * { 1191 flex: 0 0 auto; 1192 width: 16.66666667%; 1193 } 1194 .col-sm-auto { 1195 flex: 0 0 auto; 1196 width: auto; 1197 } 1198 .col-sm-1 { 1199 flex: 0 0 auto; 1200 width: 8.33333333%; 1201 } 1202 .col-sm-2 { 1203 flex: 0 0 auto; 1204 width: 16.66666667%; 1205 } 1206 .col-sm-3 { 1207 flex: 0 0 auto; 1208 width: 25%; 1209 } 1210 .col-sm-4 { 1211 flex: 0 0 auto; 1212 width: 33.33333333%; 1213 } 1214 .col-sm-5 { 1215 flex: 0 0 auto; 1216 width: 41.66666667%; 1217 } 1218 .col-sm-6 { 1219 flex: 0 0 auto; 1220 width: 50%; 1221 } 1222 .col-sm-7 { 1223 flex: 0 0 auto; 1224 width: 58.33333333%; 1225 } 1226 .col-sm-8 { 1227 flex: 0 0 auto; 1228 width: 66.66666667%; 1229 } 1230 .col-sm-9 { 1231 flex: 0 0 auto; 1232 width: 75%; 1233 } 1234 .col-sm-10 { 1235 flex: 0 0 auto; 1236 width: 83.33333333%; 1237 } 1238 .col-sm-11 { 1239 flex: 0 0 auto; 1240 width: 91.66666667%; 1241 } 1242 .col-sm-12 { 1243 flex: 0 0 auto; 1244 width: 100%; 1245 } 1246 .offset-sm-0 { 1247 margin-left: 0; 1248 } 1249 .offset-sm-1 { 1250 margin-left: 8.33333333%; 1251 } 1252 .offset-sm-2 { 1253 margin-left: 16.66666667%; 1254 } 1255 .offset-sm-3 { 1256 margin-left: 25%; 1257 } 1258 .offset-sm-4 { 1259 margin-left: 33.33333333%; 1260 } 1261 .offset-sm-5 { 1262 margin-left: 41.66666667%; 1263 } 1264 .offset-sm-6 { 1265 margin-left: 50%; 1266 } 1267 .offset-sm-7 { 1268 margin-left: 58.33333333%; 1269 } 1270 .offset-sm-8 { 1271 margin-left: 66.66666667%; 1272 } 1273 .offset-sm-9 { 1274 margin-left: 75%; 1275 } 1276 .offset-sm-10 { 1277 margin-left: 83.33333333%; 1278 } 1279 .offset-sm-11 { 1280 margin-left: 91.66666667%; 1281 } 1282 .g-sm-0, 1283 .gx-sm-0 { 1284 --bs-gutter-x: 0; 1285 } 1286 .g-sm-0, 1287 .gy-sm-0 { 1288 --bs-gutter-y: 0; 1289 } 1290 .g-sm-1, 1291 .gx-sm-1 { 1292 --bs-gutter-x: 0.25rem; 1293 } 1294 .g-sm-1, 1295 .gy-sm-1 { 1296 --bs-gutter-y: 0.25rem; 1297 } 1298 .g-sm-2, 1299 .gx-sm-2 { 1300 --bs-gutter-x: 0.5rem; 1301 } 1302 .g-sm-2, 1303 .gy-sm-2 { 1304 --bs-gutter-y: 0.5rem; 1305 } 1306 .g-sm-3, 1307 .gx-sm-3 { 1308 --bs-gutter-x: 1rem; 1309 } 1310 .g-sm-3, 1311 .gy-sm-3 { 1312 --bs-gutter-y: 1rem; 1313 } 1314 .g-sm-4, 1315 .gx-sm-4 { 1316 --bs-gutter-x: 1.5rem; 1317 } 1318 .g-sm-4, 1319 .gy-sm-4 { 1320 --bs-gutter-y: 1.5rem; 1321 } 1322 .g-sm-5, 1323 .gx-sm-5 { 1324 --bs-gutter-x: 3rem; 1325 } 1326 .g-sm-5, 1327 .gy-sm-5 { 1328 --bs-gutter-y: 3rem; 1329 } 1330} 1331@media (min-width: 768px) { 1332 .col-md { 1333 flex: 1 0 0%; 1334 } 1335 .row-cols-md-auto > * { 1336 flex: 0 0 auto; 1337 width: auto; 1338 } 1339 .row-cols-md-1 > * { 1340 flex: 0 0 auto; 1341 width: 100%; 1342 } 1343 .row-cols-md-2 > * { 1344 flex: 0 0 auto; 1345 width: 50%; 1346 } 1347 .row-cols-md-3 > * { 1348 flex: 0 0 auto; 1349 width: 33.33333333%; 1350 } 1351 .row-cols-md-4 > * { 1352 flex: 0 0 auto; 1353 width: 25%; 1354 } 1355 .row-cols-md-5 > * { 1356 flex: 0 0 auto; 1357 width: 20%; 1358 } 1359 .row-cols-md-6 > * { 1360 flex: 0 0 auto; 1361 width: 16.66666667%; 1362 } 1363 .col-md-auto { 1364 flex: 0 0 auto; 1365 width: auto; 1366 } 1367 .col-md-1 { 1368 flex: 0 0 auto; 1369 width: 8.33333333%; 1370 } 1371 .col-md-2 { 1372 flex: 0 0 auto; 1373 width: 16.66666667%; 1374 } 1375 .col-md-3 { 1376 flex: 0 0 auto; 1377 width: 25%; 1378 } 1379 .col-md-4 { 1380 flex: 0 0 auto; 1381 width: 33.33333333%; 1382 } 1383 .col-md-5 { 1384 flex: 0 0 auto; 1385 width: 41.66666667%; 1386 } 1387 .col-md-6 { 1388 flex: 0 0 auto; 1389 width: 50%; 1390 } 1391 .col-md-7 { 1392 flex: 0 0 auto; 1393 width: 58.33333333%; 1394 } 1395 .col-md-8 { 1396 flex: 0 0 auto; 1397 width: 66.66666667%; 1398 } 1399 .col-md-9 { 1400 flex: 0 0 auto; 1401 width: 75%; 1402 } 1403 .col-md-10 { 1404 flex: 0 0 auto; 1405 width: 83.33333333%; 1406 } 1407 .col-md-11 { 1408 flex: 0 0 auto; 1409 width: 91.66666667%; 1410 } 1411 .col-md-12 { 1412 flex: 0 0 auto; 1413 width: 100%; 1414 } 1415 .offset-md-0 { 1416 margin-left: 0; 1417 } 1418 .offset-md-1 { 1419 margin-left: 8.33333333%; 1420 } 1421 .offset-md-2 { 1422 margin-left: 16.66666667%; 1423 } 1424 .offset-md-3 { 1425 margin-left: 25%; 1426 } 1427 .offset-md-4 { 1428 margin-left: 33.33333333%; 1429 } 1430 .offset-md-5 { 1431 margin-left: 41.66666667%; 1432 } 1433 .offset-md-6 { 1434 margin-left: 50%; 1435 } 1436 .offset-md-7 { 1437 margin-left: 58.33333333%; 1438 } 1439 .offset-md-8 { 1440 margin-left: 66.66666667%; 1441 } 1442 .offset-md-9 { 1443 margin-left: 75%; 1444 } 1445 .offset-md-10 { 1446 margin-left: 83.33333333%; 1447 } 1448 .offset-md-11 { 1449 margin-left: 91.66666667%; 1450 } 1451 .g-md-0, 1452 .gx-md-0 { 1453 --bs-gutter-x: 0; 1454 } 1455 .g-md-0, 1456 .gy-md-0 { 1457 --bs-gutter-y: 0; 1458 } 1459 .g-md-1, 1460 .gx-md-1 { 1461 --bs-gutter-x: 0.25rem; 1462 } 1463 .g-md-1, 1464 .gy-md-1 { 1465 --bs-gutter-y: 0.25rem; 1466 } 1467 .g-md-2, 1468 .gx-md-2 { 1469 --bs-gutter-x: 0.5rem; 1470 } 1471 .g-md-2, 1472 .gy-md-2 { 1473 --bs-gutter-y: 0.5rem; 1474 } 1475 .g-md-3, 1476 .gx-md-3 { 1477 --bs-gutter-x: 1rem; 1478 } 1479 .g-md-3, 1480 .gy-md-3 { 1481 --bs-gutter-y: 1rem; 1482 } 1483 .g-md-4, 1484 .gx-md-4 { 1485 --bs-gutter-x: 1.5rem; 1486 } 1487 .g-md-4, 1488 .gy-md-4 { 1489 --bs-gutter-y: 1.5rem; 1490 } 1491 .g-md-5, 1492 .gx-md-5 { 1493 --bs-gutter-x: 3rem; 1494 } 1495 .g-md-5, 1496 .gy-md-5 { 1497 --bs-gutter-y: 3rem; 1498 } 1499} 1500@media (min-width: 992px) { 1501 .col-lg { 1502 flex: 1 0 0%; 1503 } 1504 .row-cols-lg-auto > * { 1505 flex: 0 0 auto; 1506 width: auto; 1507 } 1508 .row-cols-lg-1 > * { 1509 flex: 0 0 auto; 1510 width: 100%; 1511 } 1512 .row-cols-lg-2 > * { 1513 flex: 0 0 auto; 1514 width: 50%; 1515 } 1516 .row-cols-lg-3 > * { 1517 flex: 0 0 auto; 1518 width: 33.33333333%; 1519 } 1520 .row-cols-lg-4 > * { 1521 flex: 0 0 auto; 1522 width: 25%; 1523 } 1524 .row-cols-lg-5 > * { 1525 flex: 0 0 auto; 1526 width: 20%; 1527 } 1528 .row-cols-lg-6 > * { 1529 flex: 0 0 auto; 1530 width: 16.66666667%; 1531 } 1532 .col-lg-auto { 1533 flex: 0 0 auto; 1534 width: auto; 1535 } 1536 .col-lg-1 { 1537 flex: 0 0 auto; 1538 width: 8.33333333%; 1539 } 1540 .col-lg-2 { 1541 flex: 0 0 auto; 1542 width: 16.66666667%; 1543 } 1544 .col-lg-3 { 1545 flex: 0 0 auto; 1546 width: 25%; 1547 } 1548 .col-lg-4 { 1549 flex: 0 0 auto; 1550 width: 33.33333333%; 1551 } 1552 .col-lg-5 { 1553 flex: 0 0 auto; 1554 width: 41.66666667%; 1555 } 1556 .col-lg-6 { 1557 flex: 0 0 auto; 1558 width: 50%; 1559 } 1560 .col-lg-7 { 1561 flex: 0 0 auto; 1562 width: 58.33333333%; 1563 } 1564 .col-lg-8 { 1565 flex: 0 0 auto; 1566 width: 66.66666667%; 1567 } 1568 .col-lg-9 { 1569 flex: 0 0 auto; 1570 width: 75%; 1571 } 1572 .col-lg-10 { 1573 flex: 0 0 auto; 1574 width: 83.33333333%; 1575 } 1576 .col-lg-11 { 1577 flex: 0 0 auto; 1578 width: 91.66666667%; 1579 } 1580 .col-lg-12 { 1581 flex: 0 0 auto; 1582 width: 100%; 1583 } 1584 .offset-lg-0 { 1585 margin-left: 0; 1586 } 1587 .offset-lg-1 { 1588 margin-left: 8.33333333%; 1589 } 1590 .offset-lg-2 { 1591 margin-left: 16.66666667%; 1592 } 1593 .offset-lg-3 { 1594 margin-left: 25%; 1595 } 1596 .offset-lg-4 { 1597 margin-left: 33.33333333%; 1598 } 1599 .offset-lg-5 { 1600 margin-left: 41.66666667%; 1601 } 1602 .offset-lg-6 { 1603 margin-left: 50%; 1604 } 1605 .offset-lg-7 { 1606 margin-left: 58.33333333%; 1607 } 1608 .offset-lg-8 { 1609 margin-left: 66.66666667%; 1610 } 1611 .offset-lg-9 { 1612 margin-left: 75%; 1613 } 1614 .offset-lg-10 { 1615 margin-left: 83.33333333%; 1616 } 1617 .offset-lg-11 { 1618 margin-left: 91.66666667%; 1619 } 1620 .g-lg-0, 1621 .gx-lg-0 { 1622 --bs-gutter-x: 0; 1623 } 1624 .g-lg-0, 1625 .gy-lg-0 { 1626 --bs-gutter-y: 0; 1627 } 1628 .g-lg-1, 1629 .gx-lg-1 { 1630 --bs-gutter-x: 0.25rem; 1631 } 1632 .g-lg-1, 1633 .gy-lg-1 { 1634 --bs-gutter-y: 0.25rem; 1635 } 1636 .g-lg-2, 1637 .gx-lg-2 { 1638 --bs-gutter-x: 0.5rem; 1639 } 1640 .g-lg-2, 1641 .gy-lg-2 { 1642 --bs-gutter-y: 0.5rem; 1643 } 1644 .g-lg-3, 1645 .gx-lg-3 { 1646 --bs-gutter-x: 1rem; 1647 } 1648 .g-lg-3, 1649 .gy-lg-3 { 1650 --bs-gutter-y: 1rem; 1651 } 1652 .g-lg-4, 1653 .gx-lg-4 { 1654 --bs-gutter-x: 1.5rem; 1655 } 1656 .g-lg-4, 1657 .gy-lg-4 { 1658 --bs-gutter-y: 1.5rem; 1659 } 1660 .g-lg-5, 1661 .gx-lg-5 { 1662 --bs-gutter-x: 3rem; 1663 } 1664 .g-lg-5, 1665 .gy-lg-5 { 1666 --bs-gutter-y: 3rem; 1667 } 1668} 1669@media (min-width: 1200px) { 1670 .col-xl { 1671 flex: 1 0 0%; 1672 } 1673 .row-cols-xl-auto > * { 1674 flex: 0 0 auto; 1675 width: auto; 1676 } 1677 .row-cols-xl-1 > * { 1678 flex: 0 0 auto; 1679 width: 100%; 1680 } 1681 .row-cols-xl-2 > * { 1682 flex: 0 0 auto; 1683 width: 50%; 1684 } 1685 .row-cols-xl-3 > * { 1686 flex: 0 0 auto; 1687 width: 33.33333333%; 1688 } 1689 .row-cols-xl-4 > * { 1690 flex: 0 0 auto; 1691 width: 25%; 1692 } 1693 .row-cols-xl-5 > * { 1694 flex: 0 0 auto; 1695 width: 20%; 1696 } 1697 .row-cols-xl-6 > * { 1698 flex: 0 0 auto; 1699 width: 16.66666667%; 1700 } 1701 .col-xl-auto { 1702 flex: 0 0 auto; 1703 width: auto; 1704 } 1705 .col-xl-1 { 1706 flex: 0 0 auto; 1707 width: 8.33333333%; 1708 } 1709 .col-xl-2 { 1710 flex: 0 0 auto; 1711 width: 16.66666667%; 1712 } 1713 .col-xl-3 { 1714 flex: 0 0 auto; 1715 width: 25%; 1716 } 1717 .col-xl-4 { 1718 flex: 0 0 auto; 1719 width: 33.33333333%; 1720 } 1721 .col-xl-5 { 1722 flex: 0 0 auto; 1723 width: 41.66666667%; 1724 } 1725 .col-xl-6 { 1726 flex: 0 0 auto; 1727 width: 50%; 1728 } 1729 .col-xl-7 { 1730 flex: 0 0 auto; 1731 width: 58.33333333%; 1732 } 1733 .col-xl-8 { 1734 flex: 0 0 auto; 1735 width: 66.66666667%; 1736 } 1737 .col-xl-9 { 1738 flex: 0 0 auto; 1739 width: 75%; 1740 } 1741 .col-xl-10 { 1742 flex: 0 0 auto; 1743 width: 83.33333333%; 1744 } 1745 .col-xl-11 { 1746 flex: 0 0 auto; 1747 width: 91.66666667%; 1748 } 1749 .col-xl-12 { 1750 flex: 0 0 auto; 1751 width: 100%; 1752 } 1753 .offset-xl-0 { 1754 margin-left: 0; 1755 } 1756 .offset-xl-1 { 1757 margin-left: 8.33333333%; 1758 } 1759 .offset-xl-2 { 1760 margin-left: 16.66666667%; 1761 } 1762 .offset-xl-3 { 1763 margin-left: 25%; 1764 } 1765 .offset-xl-4 { 1766 margin-left: 33.33333333%; 1767 } 1768 .offset-xl-5 { 1769 margin-left: 41.66666667%; 1770 } 1771 .offset-xl-6 { 1772 margin-left: 50%; 1773 } 1774 .offset-xl-7 { 1775 margin-left: 58.33333333%; 1776 } 1777 .offset-xl-8 { 1778 margin-left: 66.66666667%; 1779 } 1780 .offset-xl-9 { 1781 margin-left: 75%; 1782 } 1783 .offset-xl-10 { 1784 margin-left: 83.33333333%; 1785 } 1786 .offset-xl-11 { 1787 margin-left: 91.66666667%; 1788 } 1789 .g-xl-0, 1790 .gx-xl-0 { 1791 --bs-gutter-x: 0; 1792 } 1793 .g-xl-0, 1794 .gy-xl-0 { 1795 --bs-gutter-y: 0; 1796 } 1797 .g-xl-1, 1798 .gx-xl-1 { 1799 --bs-gutter-x: 0.25rem; 1800 } 1801 .g-xl-1, 1802 .gy-xl-1 { 1803 --bs-gutter-y: 0.25rem; 1804 } 1805 .g-xl-2, 1806 .gx-xl-2 { 1807 --bs-gutter-x: 0.5rem; 1808 } 1809 .g-xl-2, 1810 .gy-xl-2 { 1811 --bs-gutter-y: 0.5rem; 1812 } 1813 .g-xl-3, 1814 .gx-xl-3 { 1815 --bs-gutter-x: 1rem; 1816 } 1817 .g-xl-3, 1818 .gy-xl-3 { 1819 --bs-gutter-y: 1rem; 1820 } 1821 .g-xl-4, 1822 .gx-xl-4 { 1823 --bs-gutter-x: 1.5rem; 1824 } 1825 .g-xl-4, 1826 .gy-xl-4 { 1827 --bs-gutter-y: 1.5rem; 1828 } 1829 .g-xl-5, 1830 .gx-xl-5 { 1831 --bs-gutter-x: 3rem; 1832 } 1833 .g-xl-5, 1834 .gy-xl-5 { 1835 --bs-gutter-y: 3rem; 1836 } 1837} 1838@media (min-width: 1400px) { 1839 .col-xxl { 1840 flex: 1 0 0%; 1841 } 1842 .row-cols-xxl-auto > * { 1843 flex: 0 0 auto; 1844 width: auto; 1845 } 1846 .row-cols-xxl-1 > * { 1847 flex: 0 0 auto; 1848 width: 100%; 1849 } 1850 .row-cols-xxl-2 > * { 1851 flex: 0 0 auto; 1852 width: 50%; 1853 } 1854 .row-cols-xxl-3 > * { 1855 flex: 0 0 auto; 1856 width: 33.33333333%; 1857 } 1858 .row-cols-xxl-4 > * { 1859 flex: 0 0 auto; 1860 width: 25%; 1861 } 1862 .row-cols-xxl-5 > * { 1863 flex: 0 0 auto; 1864 width: 20%; 1865 } 1866 .row-cols-xxl-6 > * { 1867 flex: 0 0 auto; 1868 width: 16.66666667%; 1869 } 1870 .col-xxl-auto { 1871 flex: 0 0 auto; 1872 width: auto; 1873 } 1874 .col-xxl-1 { 1875 flex: 0 0 auto; 1876 width: 8.33333333%; 1877 } 1878 .col-xxl-2 { 1879 flex: 0 0 auto; 1880 width: 16.66666667%; 1881 } 1882 .col-xxl-3 { 1883 flex: 0 0 auto; 1884 width: 25%; 1885 } 1886 .col-xxl-4 { 1887 flex: 0 0 auto; 1888 width: 33.33333333%; 1889 } 1890 .col-xxl-5 { 1891 flex: 0 0 auto; 1892 width: 41.66666667%; 1893 } 1894 .col-xxl-6 { 1895 flex: 0 0 auto; 1896 width: 50%; 1897 } 1898 .col-xxl-7 { 1899 flex: 0 0 auto; 1900 width: 58.33333333%; 1901 } 1902 .col-xxl-8 { 1903 flex: 0 0 auto; 1904 width: 66.66666667%; 1905 } 1906 .col-xxl-9 { 1907 flex: 0 0 auto; 1908 width: 75%; 1909 } 1910 .col-xxl-10 { 1911 flex: 0 0 auto; 1912 width: 83.33333333%; 1913 } 1914 .col-xxl-11 { 1915 flex: 0 0 auto; 1916 width: 91.66666667%; 1917 } 1918 .col-xxl-12 { 1919 flex: 0 0 auto; 1920 width: 100%; 1921 } 1922 .offset-xxl-0 { 1923 margin-left: 0; 1924 } 1925 .offset-xxl-1 { 1926 margin-left: 8.33333333%; 1927 } 1928 .offset-xxl-2 { 1929 margin-left: 16.66666667%; 1930 } 1931 .offset-xxl-3 { 1932 margin-left: 25%; 1933 } 1934 .offset-xxl-4 { 1935 margin-left: 33.33333333%; 1936 } 1937 .offset-xxl-5 { 1938 margin-left: 41.66666667%; 1939 } 1940 .offset-xxl-6 { 1941 margin-left: 50%; 1942 } 1943 .offset-xxl-7 { 1944 margin-left: 58.33333333%; 1945 } 1946 .offset-xxl-8 { 1947 margin-left: 66.66666667%; 1948 } 1949 .offset-xxl-9 { 1950 margin-left: 75%; 1951 } 1952 .offset-xxl-10 { 1953 margin-left: 83.33333333%; 1954 } 1955 .offset-xxl-11 { 1956 margin-left: 91.66666667%; 1957 } 1958 .g-xxl-0, 1959 .gx-xxl-0 { 1960 --bs-gutter-x: 0; 1961 } 1962 .g-xxl-0, 1963 .gy-xxl-0 { 1964 --bs-gutter-y: 0; 1965 } 1966 .g-xxl-1, 1967 .gx-xxl-1 { 1968 --bs-gutter-x: 0.25rem; 1969 } 1970 .g-xxl-1, 1971 .gy-xxl-1 { 1972 --bs-gutter-y: 0.25rem; 1973 } 1974 .g-xxl-2, 1975 .gx-xxl-2 { 1976 --bs-gutter-x: 0.5rem; 1977 } 1978 .g-xxl-2, 1979 .gy-xxl-2 { 1980 --bs-gutter-y: 0.5rem; 1981 } 1982 .g-xxl-3, 1983 .gx-xxl-3 { 1984 --bs-gutter-x: 1rem; 1985 } 1986 .g-xxl-3, 1987 .gy-xxl-3 { 1988 --bs-gutter-y: 1rem; 1989 } 1990 .g-xxl-4, 1991 .gx-xxl-4 { 1992 --bs-gutter-x: 1.5rem; 1993 } 1994 .g-xxl-4, 1995 .gy-xxl-4 { 1996 --bs-gutter-y: 1.5rem; 1997 } 1998 .g-xxl-5, 1999 .gx-xxl-5 { 2000 --bs-gutter-x: 3rem; 2001 } 2002 .g-xxl-5, 2003 .gy-xxl-5 { 2004 --bs-gutter-y: 3rem; 2005 } 2006} 2007.table { 2008 --bs-table-color-type: initial; 2009 --bs-table-bg-type: initial; 2010 --bs-table-color-state: initial; 2011 --bs-table-bg-state: initial; 2012 --bs-table-color: var(--bs-emphasis-color); 2013 --bs-table-bg: var(--bs-body-bg); 2014 --bs-table-border-color: var(--bs-border-color); 2015 --bs-table-accent-bg: transparent; 2016 --bs-table-striped-color: var(--bs-emphasis-color); 2017 --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); 2018 --bs-table-active-color: var(--bs-emphasis-color); 2019 --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); 2020 --bs-table-hover-color: var(--bs-emphasis-color); 2021 --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); 2022 border-color: var(--bs-table-border-color); 2023 margin-bottom: 1rem; 2024 vertical-align: top; 2025 width: 100%; 2026} 2027.table > :not(caption) > * > * { 2028 background-color: var(--bs-table-bg); 2029 border-bottom-width: var(--bs-border-width); 2030 box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); 2031 color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); 2032 padding: 0.5rem; 2033} 2034.table > tbody { 2035 vertical-align: inherit; 2036} 2037.table > thead { 2038 vertical-align: bottom; 2039} 2040.table-group-divider { 2041 border-top: calc(var(--bs-border-width) * 2) solid; 2042} 2043.caption-top { 2044 caption-side: top; 2045} 2046.table-sm > :not(caption) > * > * { 2047 padding: 0.25rem; 2048} 2049.table-bordered > :not(caption) > * { 2050 border-width: var(--bs-border-width) 0; 2051} 2052.table-bordered > :not(caption) > * > * { 2053 border-width: 0 var(--bs-border-width); 2054} 2055.table-borderless > :not(caption) > * > * { 2056 border-bottom-width: 0; 2057} 2058.table-borderless > :not(:first-child) { 2059 border-top-width: 0; 2060} 2061.table-striped-columns > :not(caption) > tr > :nth-child(2n), 2062.table-striped > tbody > tr:nth-of-type(odd) > * { 2063 --bs-table-color-type: var(--bs-table-striped-color); 2064 --bs-table-bg-type: var(--bs-table-striped-bg); 2065} 2066.table-active { 2067 --bs-table-color-state: var(--bs-table-active-color); 2068 --bs-table-bg-state: var(--bs-table-active-bg); 2069} 2070.table-hover > tbody > tr:hover > * { 2071 --bs-table-color-state: var(--bs-table-hover-color); 2072 --bs-table-bg-state: var(--bs-table-hover-bg); 2073} 2074.table-primary { 2075 --bs-table-color: #000; 2076 --bs-table-bg: #d8efff; 2077 --bs-table-border-color: #adbfcc; 2078 --bs-table-striped-bg: #cde3f2; 2079 --bs-table-striped-color: #000; 2080 --bs-table-active-bg: #c2d7e6; 2081 --bs-table-active-color: #000; 2082 --bs-table-hover-bg: #c8ddec; 2083 --bs-table-hover-color: #000; 2084} 2085.table-primary, 2086.table-secondary { 2087 border-color: var(--bs-table-border-color); 2088 color: var(--bs-table-color); 2089} 2090.table-secondary { 2091 --bs-table-color: #000; 2092 --bs-table-bg: #dadada; 2093 --bs-table-border-color: #aeaeae; 2094 --bs-table-striped-bg: #cfcfcf; 2095 --bs-table-striped-color: #000; 2096 --bs-table-active-bg: #c4c4c4; 2097 --bs-table-active-color: #000; 2098 --bs-table-hover-bg: #cacaca; 2099 --bs-table-hover-color: #000; 2100} 2101.table-success { 2102 --bs-table-color: #000; 2103 --bs-table-bg: #dcfae6; 2104 --bs-table-border-color: #b0c8b8; 2105 --bs-table-striped-bg: #d1eedb; 2106 --bs-table-striped-color: #000; 2107 --bs-table-active-bg: #c6e1cf; 2108 --bs-table-active-color: #000; 2109 --bs-table-hover-bg: #cce7d5; 2110 --bs-table-hover-color: #000; 2111} 2112.table-info, 2113.table-success { 2114 border-color: var(--bs-table-border-color); 2115 color: var(--bs-table-color); 2116} 2117.table-info { 2118 --bs-table-color: #000; 2119 --bs-table-bg: #dfeafe; 2120 --bs-table-border-color: #b2bbcb; 2121 --bs-table-striped-bg: #d4def1; 2122 --bs-table-striped-color: #000; 2123 --bs-table-active-bg: #c9d3e5; 2124 --bs-table-active-color: #000; 2125 --bs-table-hover-bg: #ced8eb; 2126 --bs-table-hover-color: #000; 2127} 2128.table-warning { 2129 --bs-table-color: #000; 2130 --bs-table-bg: #fff4d9; 2131 --bs-table-border-color: #ccc3ae; 2132 --bs-table-striped-bg: #f2e8ce; 2133 --bs-table-striped-color: #000; 2134 --bs-table-active-bg: #e6dcc3; 2135 --bs-table-active-color: #000; 2136 --bs-table-hover-bg: #ece2c9; 2137 --bs-table-hover-color: #000; 2138} 2139.table-danger, 2140.table-warning { 2141 border-color: var(--bs-table-border-color); 2142 color: var(--bs-table-color); 2143} 2144.table-danger { 2145 --bs-table-color: #000; 2146 --bs-table-bg: #ffdedc; 2147 --bs-table-border-color: #ccb2b0; 2148 --bs-table-striped-bg: #f2d3d1; 2149 --bs-table-striped-color: #000; 2150 --bs-table-active-bg: #e6c8c6; 2151 --bs-table-active-color: #000; 2152 --bs-table-hover-bg: #eccdcc; 2153 --bs-table-hover-color: #000; 2154} 2155.table-light { 2156 --bs-table-color: #000; 2157 --bs-table-bg: #f6f6f6; 2158 --bs-table-border-color: #c5c5c5; 2159 --bs-table-striped-bg: #eaeaea; 2160 --bs-table-striped-color: #000; 2161 --bs-table-active-bg: #ddd; 2162 --bs-table-active-color: #000; 2163 --bs-table-hover-bg: #e4e4e4; 2164 --bs-table-hover-color: #000; 2165} 2166.table-dark, 2167.table-light { 2168 border-color: var(--bs-table-border-color); 2169 color: var(--bs-table-color); 2170} 2171.table-dark { 2172 --bs-table-color: #fff; 2173 --bs-table-bg: #1a1a1a; 2174 --bs-table-border-color: #484848; 2175 --bs-table-striped-bg: #252525; 2176 --bs-table-striped-color: #fff; 2177 --bs-table-active-bg: #313131; 2178 --bs-table-active-color: #fff; 2179 --bs-table-hover-bg: #2b2b2b; 2180 --bs-table-hover-color: #fff; 2181} 2182.table-responsive { 2183 overflow-x: auto; 2184 -webkit-overflow-scrolling: touch; 2185} 2186@media (max-width: 575.98px) { 2187 .table-responsive-sm { 2188 overflow-x: auto; 2189 -webkit-overflow-scrolling: touch; 2190 } 2191} 2192@media (max-width: 767.98px) { 2193 .table-responsive-md { 2194 overflow-x: auto; 2195 -webkit-overflow-scrolling: touch; 2196 } 2197} 2198@media (max-width: 991.98px) { 2199 .table-responsive-lg { 2200 overflow-x: auto; 2201 -webkit-overflow-scrolling: touch; 2202 } 2203} 2204@media (max-width: 1199.98px) { 2205 .table-responsive-xl { 2206 overflow-x: auto; 2207 -webkit-overflow-scrolling: touch; 2208 } 2209} 2210@media (max-width: 1399.98px) { 2211 .table-responsive-xxl { 2212 overflow-x: auto; 2213 -webkit-overflow-scrolling: touch; 2214 } 2215} 2216.form-label { 2217 margin-bottom: 0.5rem; 2218} 2219.col-form-label { 2220 font-size: inherit; 2221 line-height: 1.5; 2222 margin-bottom: 0; 2223 padding-bottom: calc(0.375rem + 2px); 2224 padding-top: calc(0.375rem + 2px); 2225} 2226.col-form-label-lg { 2227 font-size: 1.25rem; 2228 padding-bottom: calc(0.5rem + 2px); 2229 padding-top: calc(0.5rem + 2px); 2230} 2231.col-form-label-sm { 2232 font-size: 0.875rem; 2233 padding-bottom: calc(0.25rem + 2px); 2234 padding-top: calc(0.25rem + 2px); 2235} 2236.form-text { 2237 color: var(--bs-secondary-color); 2238 font-size: 0.875em; 2239 margin-top: 0.25rem; 2240} 2241.form-control { 2242 -webkit-appearance: none; 2243 -moz-appearance: none; 2244 appearance: none; 2245 background-clip: padding-box; 2246 background-color: #262626; 2247 border: 2px solid #2d2d2d; 2248 border-radius: 8px; 2249 color: #f6f6f6; 2250 display: block; 2251 font-size: 1rem; 2252 font-weight: 400; 2253 line-height: 1.5; 2254 padding: 0.375rem 0.75rem; 2255 transition: 2256 border-color 0.15s ease-in-out, 2257 box-shadow 0.15s ease-in-out; 2258 width: 100%; 2259} 2260@media (prefers-reduced-motion: reduce) { 2261 .form-control { 2262 transition: none; 2263 } 2264} 2265.form-control[type='file'] { 2266 overflow: hidden; 2267} 2268.form-control[type='file']:not(:disabled):not([readonly]) { 2269 cursor: pointer; 2270} 2271.form-control:focus { 2272 background-color: #262626; 2273 border-color: #9dd7ff; 2274 box-shadow: 0; 2275 color: #f6f6f6; 2276 outline: 0; 2277} 2278.form-control::-webkit-date-and-time-value { 2279 height: 1.5em; 2280 margin: 0; 2281 min-width: 85px; 2282} 2283.form-control::-webkit-datetime-edit { 2284 display: block; 2285 padding: 0; 2286} 2287.form-control::-moz-placeholder { 2288 color: #9e9e9e; 2289 opacity: 1; 2290} 2291.form-control::placeholder { 2292 color: #9e9e9e; 2293 opacity: 1; 2294} 2295.form-control:disabled { 2296 background-color: #757575; 2297 opacity: 1; 2298} 2299.form-control::file-selector-button { 2300 background-color: #2d2d2d; 2301 border: 0 solid; 2302 border-color: inherit; 2303 border-inline-end-width: 2px; 2304 border-radius: 0; 2305 color: #f6f6f6; 2306 margin: -0.375rem -0.75rem; 2307 margin-inline-end: 0.75rem; 2308 padding: 0.375rem 0.75rem; 2309 pointer-events: none; 2310 transition: 2311 color 0.15s ease-in-out, 2312 background-color 0.15s ease-in-out, 2313 border-color 0.15s ease-in-out, 2314 box-shadow 0.15s ease-in-out; 2315} 2316@media (prefers-reduced-motion: reduce) { 2317 .form-control::file-selector-button { 2318 transition: none; 2319 } 2320} 2321.form-control:hover:not(:disabled):not([readonly])::file-selector-button { 2322 background-color: var(--bs-secondary-bg); 2323} 2324.form-control-plaintext { 2325 background-color: transparent; 2326 border: solid transparent; 2327 border-width: 2px 0; 2328 color: var(--bs-body-color); 2329 display: block; 2330 line-height: 1.5; 2331 margin-bottom: 0; 2332 padding: 0.375rem 0; 2333 width: 100%; 2334} 2335.form-control-plaintext:focus { 2336 outline: 0; 2337} 2338.form-control-plaintext.form-control-lg, 2339.form-control-plaintext.form-control-sm { 2340 padding-left: 0; 2341 padding-right: 0; 2342} 2343.form-control-sm { 2344 border-radius: var(--bs-border-radius-sm); 2345 font-size: 0.875rem; 2346 min-height: calc(1.5em + 0.5rem + 4px); 2347 padding: 0.25rem 0.5rem; 2348} 2349.form-control-sm::file-selector-button { 2350 margin: -0.25rem -0.5rem; 2351 margin-inline-end: 0.5rem; 2352 padding: 0.25rem 0.5rem; 2353} 2354.form-control-lg { 2355 border-radius: var(--bs-border-radius-lg); 2356 font-size: 1.25rem; 2357 min-height: calc(1.5em + 1rem + 4px); 2358 padding: 0.5rem 1rem; 2359} 2360.form-control-lg::file-selector-button { 2361 margin: -0.5rem -1rem; 2362 margin-inline-end: 1rem; 2363 padding: 0.5rem 1rem; 2364} 2365textarea.form-control { 2366 min-height: calc(1.5em + 0.75rem + 4px); 2367} 2368textarea.form-control-sm { 2369 min-height: calc(1.5em + 0.5rem + 4px); 2370} 2371textarea.form-control-lg { 2372 min-height: calc(1.5em + 1rem + 4px); 2373} 2374.form-control-color { 2375 height: calc(1.5em + 0.75rem + 4px); 2376 padding: 0.375rem; 2377 width: 3rem; 2378} 2379.form-control-color:not(:disabled):not([readonly]) { 2380 cursor: pointer; 2381} 2382.form-control-color::-moz-color-swatch { 2383 border: 0 !important; 2384 border-radius: 8px; 2385} 2386.form-control-color::-webkit-color-swatch { 2387 border: 0 !important; 2388 border-radius: 8px; 2389} 2390.form-control-color.form-control-sm { 2391 height: calc(1.5em + 0.5rem + 4px); 2392} 2393.form-control-color.form-control-lg { 2394 height: calc(1.5em + 1rem + 4px); 2395} 2396.form-select { 2397 --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"); 2398 -webkit-appearance: none; 2399 -moz-appearance: none; 2400 appearance: none; 2401 background-color: #262626; 2402 background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); 2403 background-position: right 0.75rem center; 2404 background-repeat: no-repeat; 2405 background-size: 16px 12px; 2406 border: 2px solid #2d2d2d; 2407 border-radius: 8px; 2408 color: #f6f6f6; 2409 display: block; 2410 font-size: 1rem; 2411 font-weight: 400; 2412 line-height: 1.5; 2413 padding: 0.375rem 2.25rem 0.375rem 0.75rem; 2414 transition: 2415 border-color 0.15s ease-in-out, 2416 box-shadow 0.15s ease-in-out; 2417 width: 100%; 2418} 2419@media (prefers-reduced-motion: reduce) { 2420 .form-select { 2421 transition: none; 2422 } 2423} 2424.form-select:focus { 2425 border-color: #9dd7ff; 2426 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 2427 outline: 0; 2428} 2429.form-select[multiple], 2430.form-select[size]:not([size='1']) { 2431 background-image: none; 2432 padding-right: 0.75rem; 2433} 2434.form-select:disabled { 2435 background-color: #757575; 2436} 2437.form-select:-moz-focusring { 2438 color: transparent; 2439 text-shadow: 0 0 0 #f6f6f6; 2440} 2441.form-select-sm { 2442 border-radius: var(--bs-border-radius-sm); 2443 font-size: 0.875rem; 2444 padding-bottom: 0.25rem; 2445 padding-left: 0.5rem; 2446 padding-top: 0.25rem; 2447} 2448.form-select-lg { 2449 border-radius: var(--bs-border-radius-lg); 2450 font-size: 1.25rem; 2451 padding-bottom: 0.5rem; 2452 padding-left: 1rem; 2453 padding-top: 0.5rem; 2454} 2455[data-bs-theme='dark'] .form-select { 2456 --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"); 2457} 2458.form-check { 2459 display: block; 2460 margin-bottom: 0.125rem; 2461 min-height: 1.5rem; 2462 padding-left: 1.5em; 2463} 2464.form-check .form-check-input { 2465 float: left; 2466 margin-left: -1.5em; 2467} 2468.form-check-reverse { 2469 padding-left: 0; 2470 padding-right: 1.5em; 2471 text-align: right; 2472} 2473.form-check-reverse .form-check-input { 2474 float: right; 2475 margin-left: 0; 2476 margin-right: -1.5em; 2477} 2478.form-check-input { 2479 --bs-form-check-bg: #484848; 2480 -webkit-appearance: none; 2481 -moz-appearance: none; 2482 appearance: none; 2483 background-color: var(--bs-form-check-bg); 2484 background-image: var(--bs-form-check-bg-image); 2485 background-position: 50%; 2486 background-repeat: no-repeat; 2487 background-size: contain; 2488 border: var(--bs-border-width) solid var(--bs-border-color); 2489 flex-shrink: 0; 2490 height: 1em; 2491 margin-top: 0.25em; 2492 -webkit-print-color-adjust: exact; 2493 print-color-adjust: exact; 2494 vertical-align: top; 2495 width: 1em; 2496} 2497.form-check-input[type='checkbox'] { 2498 border-radius: 0.25em; 2499} 2500.form-check-input[type='radio'] { 2501 border-radius: 50%; 2502} 2503.form-check-input:active { 2504 filter: brightness(90%); 2505} 2506.form-check-input:focus { 2507 border-color: #9dd7ff; 2508 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 2509 outline: 0; 2510} 2511.form-check-input:checked { 2512 background-color: #3bafff; 2513 border-color: #3bafff; 2514} 2515.form-check-input:checked[type='checkbox'] { 2516 --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"); 2517} 2518.form-check-input:checked[type='radio'] { 2519 --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"); 2520} 2521.form-check-input[type='checkbox']:indeterminate { 2522 background-color: #3bafff; 2523 border-color: #3bafff; 2524 --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"); 2525} 2526.form-check-input:disabled { 2527 filter: none; 2528 opacity: 0.5; 2529 pointer-events: none; 2530} 2531.form-check-input:disabled ~ .form-check-label, 2532.form-check-input[disabled] ~ .form-check-label { 2533 cursor: default; 2534 opacity: 0.5; 2535} 2536.form-switch { 2537 padding-left: 2.5em; 2538} 2539.form-switch .form-check-input { 2540 --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"); 2541 background-image: var(--bs-form-switch-bg); 2542 background-position: 0; 2543 border-radius: 2em; 2544 margin-left: -2.5em; 2545 transition: background-position 0.15s ease-in-out; 2546 width: 2em; 2547} 2548@media (prefers-reduced-motion: reduce) { 2549 .form-switch .form-check-input { 2550 transition: none; 2551 } 2552} 2553.form-switch .form-check-input:focus { 2554 --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"); 2555} 2556.form-switch .form-check-input:checked { 2557 background-position: 100%; 2558 --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"); 2559} 2560.form-switch.form-check-reverse { 2561 padding-left: 0; 2562 padding-right: 2.5em; 2563} 2564.form-switch.form-check-reverse .form-check-input { 2565 margin-left: 0; 2566 margin-right: -2.5em; 2567} 2568.form-check-inline { 2569 display: inline-block; 2570 margin-right: 1rem; 2571} 2572.btn-check { 2573 position: absolute; 2574 clip: rect(0, 0, 0, 0); 2575 pointer-events: none; 2576} 2577.btn-check:disabled + .btn, 2578.btn-check[disabled] + .btn { 2579 filter: none; 2580 opacity: 0.65; 2581 pointer-events: none; 2582} 2583[data-bs-theme='dark'] .form-switch .form-check-input:not(:checked):not(:focus) { 2584 --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"); 2585} 2586.form-range { 2587 -webkit-appearance: none; 2588 -moz-appearance: none; 2589 appearance: none; 2590 background-color: transparent; 2591 height: 1.5rem; 2592 padding: 0; 2593 width: 100%; 2594} 2595.form-range:focus { 2596 outline: 0; 2597} 2598.form-range:focus::-webkit-slider-thumb { 2599 box-shadow: 2600 0 0 0 1px #181818, 2601 0; 2602} 2603.form-range:focus::-moz-range-thumb { 2604 box-shadow: 2605 0 0 0 1px #181818, 2606 0; 2607} 2608.form-range::-moz-focus-outer { 2609 border: 0; 2610} 2611.form-range::-webkit-slider-thumb { 2612 -webkit-appearance: none; 2613 appearance: none; 2614 background-color: #3bafff; 2615 border: 0; 2616 border-radius: 1rem; 2617 height: 1rem; 2618 margin-top: -0.25rem; 2619 -webkit-transition: 2620 background-color 0.15s ease-in-out, 2621 border-color 0.15s ease-in-out, 2622 box-shadow 0.15s ease-in-out; 2623 transition: 2624 background-color 0.15s ease-in-out, 2625 border-color 0.15s ease-in-out, 2626 box-shadow 0.15s ease-in-out; 2627 width: 1rem; 2628} 2629@media (prefers-reduced-motion: reduce) { 2630 .form-range::-webkit-slider-thumb { 2631 -webkit-transition: none; 2632 transition: none; 2633 } 2634} 2635.form-range::-webkit-slider-thumb:active { 2636 background-color: #c4e7ff; 2637} 2638.form-range::-webkit-slider-runnable-track { 2639 background-color: var(--bs-secondary-bg); 2640 border-color: transparent; 2641 border-radius: 1rem; 2642 color: transparent; 2643 cursor: pointer; 2644 height: 0.5rem; 2645 width: 100%; 2646} 2647.form-range::-moz-range-thumb { 2648 -moz-appearance: none; 2649 appearance: none; 2650 background-color: #3bafff; 2651 border: 0; 2652 border-radius: 1rem; 2653 height: 1rem; 2654 -moz-transition: 2655 background-color 0.15s ease-in-out, 2656 border-color 0.15s ease-in-out, 2657 box-shadow 0.15s ease-in-out; 2658 transition: 2659 background-color 0.15s ease-in-out, 2660 border-color 0.15s ease-in-out, 2661 box-shadow 0.15s ease-in-out; 2662 width: 1rem; 2663} 2664@media (prefers-reduced-motion: reduce) { 2665 .form-range::-moz-range-thumb { 2666 -moz-transition: none; 2667 transition: none; 2668 } 2669} 2670.form-range::-moz-range-thumb:active { 2671 background-color: #c4e7ff; 2672} 2673.form-range::-moz-range-track { 2674 background-color: var(--bs-secondary-bg); 2675 border-color: transparent; 2676 border-radius: 1rem; 2677 color: transparent; 2678 cursor: pointer; 2679 height: 0.5rem; 2680 width: 100%; 2681} 2682.form-range:disabled { 2683 pointer-events: none; 2684} 2685.form-range:disabled::-webkit-slider-thumb { 2686 background-color: var(--bs-secondary-color); 2687} 2688.form-range:disabled::-moz-range-thumb { 2689 background-color: var(--bs-secondary-color); 2690} 2691.form-floating { 2692 position: relative; 2693} 2694.form-floating > .form-control, 2695.form-floating > .form-control-plaintext, 2696.form-floating > .form-select { 2697 height: calc(3.5rem + 4px); 2698 line-height: 1.25; 2699 min-height: calc(3.5rem + 4px); 2700} 2701.form-floating > label { 2702 border: 2px solid transparent; 2703 height: 100%; 2704 left: 0; 2705 overflow: hidden; 2706 padding: 1rem 0.75rem; 2707 pointer-events: none; 2708 position: absolute; 2709 text-align: start; 2710 text-overflow: ellipsis; 2711 top: 0; 2712 transform-origin: 0 0; 2713 transition: 2714 opacity 0.1s ease-in-out, 2715 transform 0.1s ease-in-out; 2716 white-space: nowrap; 2717 z-index: 2; 2718} 2719@media (prefers-reduced-motion: reduce) { 2720 .form-floating > label { 2721 transition: none; 2722 } 2723} 2724.form-floating > .form-control, 2725.form-floating > .form-control-plaintext { 2726 padding: 1rem 0.75rem; 2727} 2728.form-floating > .form-control-plaintext::-moz-placeholder, 2729.form-floating > .form-control::-moz-placeholder { 2730 color: transparent; 2731} 2732.form-floating > .form-control-plaintext::placeholder, 2733.form-floating > .form-control::placeholder { 2734 color: transparent; 2735} 2736.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), 2737.form-floating > .form-control:not(:-moz-placeholder-shown) { 2738 padding-bottom: 0.625rem; 2739 padding-top: 1.625rem; 2740} 2741.form-floating > .form-control-plaintext:focus, 2742.form-floating > .form-control-plaintext:not(:placeholder-shown), 2743.form-floating > .form-control:focus, 2744.form-floating > .form-control:not(:placeholder-shown) { 2745 padding-bottom: 0.625rem; 2746 padding-top: 1.625rem; 2747} 2748.form-floating > .form-control-plaintext:-webkit-autofill, 2749.form-floating > .form-control:-webkit-autofill { 2750 padding-bottom: 0.625rem; 2751 padding-top: 1.625rem; 2752} 2753.form-floating > .form-select { 2754 padding-bottom: 0.625rem; 2755 padding-top: 1.625rem; 2756} 2757.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { 2758 color: rgba(var(--bs-body-color-rgb), 0.65); 2759 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2760} 2761.form-floating > .form-control-plaintext ~ label, 2762.form-floating > .form-control:focus ~ label, 2763.form-floating > .form-control:not(:placeholder-shown) ~ label, 2764.form-floating > .form-select ~ label { 2765 color: rgba(var(--bs-body-color-rgb), 0.65); 2766 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2767} 2768.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:after { 2769 background-color: #262626; 2770 border-radius: 8px; 2771 content: ''; 2772 height: 1.5em; 2773 inset: 1rem 0.375rem; 2774 position: absolute; 2775 z-index: -1; 2776} 2777.form-floating > .form-control-plaintext ~ label:after, 2778.form-floating > .form-control:focus ~ label:after, 2779.form-floating > .form-control:not(:placeholder-shown) ~ label:after, 2780.form-floating > .form-select ~ label:after { 2781 background-color: #262626; 2782 border-radius: 8px; 2783 content: ''; 2784 height: 1.5em; 2785 inset: 1rem 0.375rem; 2786 position: absolute; 2787 z-index: -1; 2788} 2789.form-floating > .form-control:-webkit-autofill ~ label { 2790 color: rgba(var(--bs-body-color-rgb), 0.65); 2791 transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); 2792} 2793.form-floating > .form-control-plaintext ~ label { 2794 border-width: 2px 0; 2795} 2796.form-floating > .form-control:disabled ~ label, 2797.form-floating > :disabled ~ label { 2798 color: #484848; 2799} 2800.form-floating > .form-control:disabled ~ label:after, 2801.form-floating > :disabled ~ label:after { 2802 background-color: #757575; 2803} 2804.input-group { 2805 align-items: stretch; 2806 display: flex; 2807 flex-wrap: wrap; 2808 position: relative; 2809 width: 100%; 2810} 2811.input-group > .form-control, 2812.input-group > .form-floating, 2813.input-group > .form-select { 2814 flex: 1 1 auto; 2815 min-width: 0; 2816 position: relative; 2817 width: 1%; 2818} 2819.input-group > .form-control:focus, 2820.input-group > .form-floating:focus-within, 2821.input-group > .form-select:focus { 2822 z-index: 5; 2823} 2824.input-group .btn { 2825 position: relative; 2826 z-index: 2; 2827} 2828.input-group .btn:focus { 2829 z-index: 5; 2830} 2831.input-group-text { 2832 align-items: center; 2833 background-color: var(--bs-tertiary-bg); 2834 border: 2px solid #2d2d2d; 2835 border-radius: 8px; 2836 color: #f6f6f6; 2837 display: flex; 2838 font-size: 1rem; 2839 font-weight: 400; 2840 line-height: 1.5; 2841 padding: 0.375rem 0.75rem; 2842 text-align: center; 2843 white-space: nowrap; 2844} 2845.input-group-lg > .btn, 2846.input-group-lg > .form-control, 2847.input-group-lg > .form-select, 2848.input-group-lg > .input-group-text { 2849 border-radius: var(--bs-border-radius-lg); 2850 font-size: 1.25rem; 2851 padding: 0.5rem 1rem; 2852} 2853.input-group-sm > .btn, 2854.input-group-sm > .form-control, 2855.input-group-sm > .form-select, 2856.input-group-sm > .input-group-text { 2857 border-radius: var(--bs-border-radius-sm); 2858 font-size: 0.875rem; 2859 padding: 0.25rem 0.5rem; 2860} 2861.input-group-lg > .form-select, 2862.input-group-sm > .form-select { 2863 padding-right: 3rem; 2864} 2865.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), 2866.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, 2867.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select, 2868.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), 2869.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), 2870.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, 2871.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, 2872.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { 2873 border-bottom-right-radius: 0; 2874 border-top-right-radius: 0; 2875} 2876.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { 2877 border-bottom-left-radius: 0; 2878 border-top-left-radius: 0; 2879 margin-left: -2px; 2880} 2881.input-group > .form-floating:not(:first-child) > .form-control, 2882.input-group > .form-floating:not(:first-child) > .form-select { 2883 border-bottom-left-radius: 0; 2884 border-top-left-radius: 0; 2885} 2886.valid-feedback { 2887 color: var(--bs-form-valid-color); 2888 display: none; 2889 font-size: 0.875em; 2890 margin-top: 0.25rem; 2891 width: 100%; 2892} 2893.valid-tooltip { 2894 background-color: var(--bs-success); 2895 border-radius: var(--bs-border-radius); 2896 color: #fff; 2897 display: none; 2898 font-size: 0.875rem; 2899 margin-top: 0.1rem; 2900 max-width: 100%; 2901 padding: 0.25rem 0.5rem; 2902 position: absolute; 2903 top: 100%; 2904 z-index: 5; 2905} 2906.is-valid ~ .valid-feedback, 2907.is-valid ~ .valid-tooltip, 2908.was-validated :valid ~ .valid-feedback, 2909.was-validated :valid ~ .valid-tooltip { 2910 display: block; 2911} 2912.form-control.is-valid, 2913.was-validated .form-control:valid { 2914 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"); 2915 background-position: right calc(0.375em + 0.1875rem) center; 2916 background-repeat: no-repeat; 2917 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 2918 border-color: var(--bs-form-valid-border-color); 2919 padding-right: calc(1.5em + 0.75rem); 2920} 2921.form-control.is-valid:focus, 2922.was-validated .form-control:valid:focus { 2923 border-color: var(--bs-form-valid-border-color); 2924 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2925} 2926.was-validated textarea.form-control:valid, 2927textarea.form-control.is-valid { 2928 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); 2929 padding-right: calc(1.5em + 0.75rem); 2930} 2931.form-select.is-valid, 2932.was-validated .form-select:valid { 2933 border-color: var(--bs-form-valid-border-color); 2934} 2935.form-select.is-valid:not([multiple]):not([size]), 2936.form-select.is-valid:not([multiple])[size='1'], 2937.was-validated .form-select:valid:not([multiple]):not([size]), 2938.was-validated .form-select:valid:not([multiple])[size='1'] { 2939 --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"); 2940 background-position: 2941 right 0.75rem center, 2942 center right 2.25rem; 2943 background-size: 2944 16px 12px, 2945 calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 2946 padding-right: 4.125rem; 2947} 2948.form-select.is-valid:focus, 2949.was-validated .form-select:valid:focus { 2950 border-color: var(--bs-form-valid-border-color); 2951 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2952} 2953.form-control-color.is-valid, 2954.was-validated .form-control-color:valid { 2955 width: calc(3.75rem + 1.5em); 2956} 2957.form-check-input.is-valid, 2958.was-validated .form-check-input:valid { 2959 border-color: var(--bs-form-valid-border-color); 2960} 2961.form-check-input.is-valid:checked, 2962.was-validated .form-check-input:valid:checked { 2963 background-color: var(--bs-form-valid-color); 2964} 2965.form-check-input.is-valid:focus, 2966.was-validated .form-check-input:valid:focus { 2967 box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); 2968} 2969.form-check-input.is-valid ~ .form-check-label, 2970.was-validated .form-check-input:valid ~ .form-check-label { 2971 color: var(--bs-form-valid-color); 2972} 2973.form-check-inline .form-check-input ~ .valid-feedback { 2974 margin-left: 0.5em; 2975} 2976.input-group > .form-control:not(:focus).is-valid, 2977.input-group > .form-floating:not(:focus-within).is-valid, 2978.input-group > .form-select:not(:focus).is-valid, 2979.was-validated .input-group > .form-control:not(:focus):valid, 2980.was-validated .input-group > .form-floating:not(:focus-within):valid, 2981.was-validated .input-group > .form-select:not(:focus):valid { 2982 z-index: 3; 2983} 2984.invalid-feedback { 2985 color: var(--bs-form-invalid-color); 2986 display: none; 2987 font-size: 0.875em; 2988 margin-top: 0.25rem; 2989 width: 100%; 2990} 2991.invalid-tooltip { 2992 background-color: var(--bs-danger); 2993 border-radius: var(--bs-border-radius); 2994 color: #fff; 2995 display: none; 2996 font-size: 0.875rem; 2997 margin-top: 0.1rem; 2998 max-width: 100%; 2999 padding: 0.25rem 0.5rem; 3000 position: absolute; 3001 top: 100%; 3002 z-index: 5; 3003} 3004.is-invalid ~ .invalid-feedback, 3005.is-invalid ~ .invalid-tooltip, 3006.was-validated :invalid ~ .invalid-feedback, 3007.was-validated :invalid ~ .invalid-tooltip { 3008 display: block; 3009} 3010.form-control.is-invalid, 3011.was-validated .form-control:invalid { 3012 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"); 3013 background-position: right calc(0.375em + 0.1875rem) center; 3014 background-repeat: no-repeat; 3015 background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 3016 border-color: var(--bs-form-invalid-border-color); 3017 padding-right: calc(1.5em + 0.75rem); 3018} 3019.form-control.is-invalid:focus, 3020.was-validated .form-control:invalid:focus { 3021 border-color: var(--bs-form-invalid-border-color); 3022 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3023} 3024.was-validated textarea.form-control:invalid, 3025textarea.form-control.is-invalid { 3026 background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); 3027 padding-right: calc(1.5em + 0.75rem); 3028} 3029.form-select.is-invalid, 3030.was-validated .form-select:invalid { 3031 border-color: var(--bs-form-invalid-border-color); 3032} 3033.form-select.is-invalid:not([multiple]):not([size]), 3034.form-select.is-invalid:not([multiple])[size='1'], 3035.was-validated .form-select:invalid:not([multiple]):not([size]), 3036.was-validated .form-select:invalid:not([multiple])[size='1'] { 3037 --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"); 3038 background-position: 3039 right 0.75rem center, 3040 center right 2.25rem; 3041 background-size: 3042 16px 12px, 3043 calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); 3044 padding-right: 4.125rem; 3045} 3046.form-select.is-invalid:focus, 3047.was-validated .form-select:invalid:focus { 3048 border-color: var(--bs-form-invalid-border-color); 3049 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3050} 3051.form-control-color.is-invalid, 3052.was-validated .form-control-color:invalid { 3053 width: calc(3.75rem + 1.5em); 3054} 3055.form-check-input.is-invalid, 3056.was-validated .form-check-input:invalid { 3057 border-color: var(--bs-form-invalid-border-color); 3058} 3059.form-check-input.is-invalid:checked, 3060.was-validated .form-check-input:invalid:checked { 3061 background-color: var(--bs-form-invalid-color); 3062} 3063.form-check-input.is-invalid:focus, 3064.was-validated .form-check-input:invalid:focus { 3065 box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); 3066} 3067.form-check-input.is-invalid ~ .form-check-label, 3068.was-validated .form-check-input:invalid ~ .form-check-label { 3069 color: var(--bs-form-invalid-color); 3070} 3071.form-check-inline .form-check-input ~ .invalid-feedback { 3072 margin-left: 0.5em; 3073} 3074.input-group > .form-control:not(:focus).is-invalid, 3075.input-group > .form-floating:not(:focus-within).is-invalid, 3076.input-group > .form-select:not(:focus).is-invalid, 3077.was-validated .input-group > .form-control:not(:focus):invalid, 3078.was-validated .input-group > .form-floating:not(:focus-within):invalid, 3079.was-validated .input-group > .form-select:not(:focus):invalid { 3080 z-index: 4; 3081} 3082.btn { 3083 --bs-btn-padding-x: 0.75rem; 3084 --bs-btn-padding-y: 0.375rem; 3085 --bs-btn-font-family: ; 3086 --bs-btn-font-size: 1rem; 3087 --bs-btn-font-weight: 600; 3088 --bs-btn-line-height: 1.5; 3089 --bs-btn-color: var(--bs-body-color); 3090 --bs-btn-bg: transparent; 3091 --bs-btn-border-width: 2px; 3092 --bs-btn-border-color: transparent; 3093 --bs-btn-border-radius: 8px; 3094 --bs-btn-hover-border-color: transparent; 3095 --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); 3096 --bs-btn-disabled-opacity: 0.65; 3097 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5); 3098 background-color: var(--bs-btn-bg); 3099 border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); 3100 border-radius: var(--bs-btn-border-radius); 3101 color: var(--bs-btn-color); 3102 cursor: pointer; 3103 display: inline-block; 3104 font-family: var(--bs-btn-font-family); 3105 font-size: var(--bs-btn-font-size); 3106 font-weight: var(--bs-btn-font-weight); 3107 line-height: var(--bs-btn-line-height); 3108 padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); 3109 text-align: center; 3110 transition: 3111 color 0.15s ease-in-out, 3112 background-color 0.15s ease-in-out, 3113 border-color 0.15s ease-in-out, 3114 box-shadow 0.15s ease-in-out; 3115 -webkit-user-select: none; 3116 -moz-user-select: none; 3117 user-select: none; 3118 vertical-align: middle; 3119} 3120@media (prefers-reduced-motion: reduce) { 3121 .btn { 3122 transition: none; 3123 } 3124} 3125.btn:hover { 3126 background-color: var(--bs-btn-hover-bg); 3127 border-color: var(--bs-btn-hover-border-color); 3128 color: var(--bs-btn-hover-color); 3129} 3130.btn-check + .btn:hover { 3131 background-color: var(--bs-btn-bg); 3132 border-color: var(--bs-btn-border-color); 3133 color: var(--bs-btn-color); 3134} 3135.btn:focus-visible { 3136 background-color: var(--bs-btn-hover-bg); 3137 border-color: var(--bs-btn-hover-border-color); 3138 box-shadow: var(--bs-btn-focus-box-shadow); 3139 color: var(--bs-btn-hover-color); 3140 outline: 0; 3141} 3142.btn-check:focus-visible + .btn { 3143 border-color: var(--bs-btn-hover-border-color); 3144 box-shadow: var(--bs-btn-focus-box-shadow); 3145 outline: 0; 3146} 3147.btn-check:checked + .btn, 3148.btn.active, 3149.btn.show, 3150.btn:first-child:active, 3151:not(.btn-check) + .btn:active { 3152 background-color: var(--bs-btn-active-bg); 3153 border-color: var(--bs-btn-active-border-color); 3154 color: var(--bs-btn-active-color); 3155} 3156.btn-check:checked + .btn:focus-visible, 3157.btn.active:focus-visible, 3158.btn.show:focus-visible, 3159.btn:first-child:active:focus-visible, 3160:not(.btn-check) + .btn:active:focus-visible { 3161 box-shadow: var(--bs-btn-focus-box-shadow); 3162} 3163.btn-check:checked:focus-visible + .btn { 3164 box-shadow: var(--bs-btn-focus-box-shadow); 3165} 3166.btn.disabled, 3167.btn:disabled, 3168fieldset:disabled .btn { 3169 background-color: var(--bs-btn-disabled-bg); 3170 border-color: var(--bs-btn-disabled-border-color); 3171 color: var(--bs-btn-disabled-color); 3172 opacity: var(--bs-btn-disabled-opacity); 3173 pointer-events: none; 3174} 3175.btn-primary { 3176 --bs-btn-color: #000; 3177 --bs-btn-bg: #3bafff; 3178 --bs-btn-border-color: #3bafff; 3179 --bs-btn-hover-color: #000; 3180 --bs-btn-hover-bg: #58bbff; 3181 --bs-btn-hover-border-color: #4fb7ff; 3182 --bs-btn-focus-shadow-rgb: 50, 149, 217; 3183 --bs-btn-active-color: #000; 3184 --bs-btn-active-bg: #62bfff; 3185 --bs-btn-active-border-color: #4fb7ff; 3186 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3187 --bs-btn-disabled-color: #000; 3188 --bs-btn-disabled-bg: #3bafff; 3189 --bs-btn-disabled-border-color: #3bafff; 3190} 3191.btn-secondary { 3192 --bs-btn-color: #fff; 3193 --bs-btn-bg: #484848; 3194 --bs-btn-border-color: #484848; 3195 --bs-btn-hover-color: #fff; 3196 --bs-btn-hover-bg: #3d3d3d; 3197 --bs-btn-hover-border-color: #3a3a3a; 3198 --bs-btn-focus-shadow-rgb: 99, 99, 99; 3199 --bs-btn-active-color: #fff; 3200 --bs-btn-active-bg: #3a3a3a; 3201 --bs-btn-active-border-color: #363636; 3202 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3203 --bs-btn-disabled-color: #fff; 3204 --bs-btn-disabled-bg: #484848; 3205 --bs-btn-disabled-border-color: #484848; 3206} 3207.btn-success { 3208 --bs-btn-color: #000; 3209 --bs-btn-bg: #4fe883; 3210 --bs-btn-border-color: #4fe883; 3211 --bs-btn-hover-color: #000; 3212 --bs-btn-hover-bg: #69eb96; 3213 --bs-btn-hover-border-color: #61ea8f; 3214 --bs-btn-focus-shadow-rgb: 67, 197, 111; 3215 --bs-btn-active-color: #000; 3216 --bs-btn-active-bg: #72ed9c; 3217 --bs-btn-active-border-color: #61ea8f; 3218 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3219 --bs-btn-disabled-color: #000; 3220 --bs-btn-disabled-bg: #4fe883; 3221 --bs-btn-disabled-border-color: #4fe883; 3222} 3223.btn-info { 3224 --bs-btn-color: #000; 3225 --bs-btn-bg: #6094f9; 3226 --bs-btn-border-color: #6094f9; 3227 --bs-btn-hover-color: #000; 3228 --bs-btn-hover-bg: #78a4fa; 3229 --bs-btn-hover-border-color: #709ffa; 3230 --bs-btn-focus-shadow-rgb: 82, 126, 212; 3231 --bs-btn-active-color: #000; 3232 --bs-btn-active-bg: #80a9fa; 3233 --bs-btn-active-border-color: #709ffa; 3234 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3235 --bs-btn-disabled-color: #000; 3236 --bs-btn-disabled-bg: #6094f9; 3237 --bs-btn-disabled-border-color: #6094f9; 3238} 3239.btn-warning { 3240 --bs-btn-color: #000; 3241 --bs-btn-bg: #ffc93f; 3242 --bs-btn-border-color: #ffc93f; 3243 --bs-btn-hover-color: #000; 3244 --bs-btn-hover-bg: #ffd15c; 3245 --bs-btn-hover-border-color: #ffce52; 3246 --bs-btn-focus-shadow-rgb: 217, 171, 54; 3247 --bs-btn-active-color: #000; 3248 --bs-btn-active-bg: #ffd465; 3249 --bs-btn-active-border-color: #ffce52; 3250 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3251 --bs-btn-disabled-color: #000; 3252 --bs-btn-disabled-bg: #ffc93f; 3253 --bs-btn-disabled-border-color: #ffc93f; 3254} 3255.btn-danger { 3256 --bs-btn-color: #000; 3257 --bs-btn-bg: #ff5951; 3258 --bs-btn-border-color: #ff5951; 3259 --bs-btn-hover-color: #000; 3260 --bs-btn-hover-bg: #ff726b; 3261 --bs-btn-hover-border-color: #ff6a62; 3262 --bs-btn-focus-shadow-rgb: 217, 76, 69; 3263 --bs-btn-active-color: #000; 3264 --bs-btn-active-bg: #ff7a74; 3265 --bs-btn-active-border-color: #ff6a62; 3266 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3267 --bs-btn-disabled-color: #000; 3268 --bs-btn-disabled-bg: #ff5951; 3269 --bs-btn-disabled-border-color: #ff5951; 3270} 3271.btn-light { 3272 --bs-btn-color: #000; 3273 --bs-btn-bg: #f6f6f6; 3274 --bs-btn-border-color: #f6f6f6; 3275 --bs-btn-hover-color: #000; 3276 --bs-btn-hover-bg: #d1d1d1; 3277 --bs-btn-hover-border-color: #c5c5c5; 3278 --bs-btn-focus-shadow-rgb: 209, 209, 209; 3279 --bs-btn-active-color: #000; 3280 --bs-btn-active-bg: #c5c5c5; 3281 --bs-btn-active-border-color: #b9b9b9; 3282 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3283 --bs-btn-disabled-color: #000; 3284 --bs-btn-disabled-bg: #f6f6f6; 3285 --bs-btn-disabled-border-color: #f6f6f6; 3286} 3287.btn-dark { 3288 --bs-btn-color: #fff; 3289 --bs-btn-bg: #1a1a1a; 3290 --bs-btn-border-color: #1a1a1a; 3291 --bs-btn-hover-color: #fff; 3292 --bs-btn-hover-bg: #3c3c3c; 3293 --bs-btn-hover-border-color: #313131; 3294 --bs-btn-focus-shadow-rgb: 60, 60, 60; 3295 --bs-btn-active-color: #fff; 3296 --bs-btn-active-bg: #484848; 3297 --bs-btn-active-border-color: #313131; 3298 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3299 --bs-btn-disabled-color: #fff; 3300 --bs-btn-disabled-bg: #1a1a1a; 3301 --bs-btn-disabled-border-color: #1a1a1a; 3302} 3303.btn-outline-primary { 3304 --bs-btn-color: #3bafff; 3305 --bs-btn-border-color: #3bafff; 3306 --bs-btn-hover-color: #000; 3307 --bs-btn-hover-bg: #3bafff; 3308 --bs-btn-hover-border-color: #3bafff; 3309 --bs-btn-focus-shadow-rgb: 59, 175, 255; 3310 --bs-btn-active-color: #000; 3311 --bs-btn-active-bg: #3bafff; 3312 --bs-btn-active-border-color: #3bafff; 3313 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3314 --bs-btn-disabled-color: #3bafff; 3315 --bs-btn-disabled-bg: transparent; 3316 --bs-btn-disabled-border-color: #3bafff; 3317 --bs-gradient: none; 3318} 3319.btn-outline-secondary { 3320 --bs-btn-color: #484848; 3321 --bs-btn-border-color: #484848; 3322 --bs-btn-hover-color: #fff; 3323 --bs-btn-hover-bg: #484848; 3324 --bs-btn-hover-border-color: #484848; 3325 --bs-btn-focus-shadow-rgb: 72, 72, 72; 3326 --bs-btn-active-color: #fff; 3327 --bs-btn-active-bg: #484848; 3328 --bs-btn-active-border-color: #484848; 3329 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3330 --bs-btn-disabled-color: #484848; 3331 --bs-btn-disabled-bg: transparent; 3332 --bs-btn-disabled-border-color: #484848; 3333 --bs-gradient: none; 3334} 3335.btn-outline-success { 3336 --bs-btn-color: #4fe883; 3337 --bs-btn-border-color: #4fe883; 3338 --bs-btn-hover-color: #000; 3339 --bs-btn-hover-bg: #4fe883; 3340 --bs-btn-hover-border-color: #4fe883; 3341 --bs-btn-focus-shadow-rgb: 79, 232, 131; 3342 --bs-btn-active-color: #000; 3343 --bs-btn-active-bg: #4fe883; 3344 --bs-btn-active-border-color: #4fe883; 3345 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3346 --bs-btn-disabled-color: #4fe883; 3347 --bs-btn-disabled-bg: transparent; 3348 --bs-btn-disabled-border-color: #4fe883; 3349 --bs-gradient: none; 3350} 3351.btn-outline-info { 3352 --bs-btn-color: #6094f9; 3353 --bs-btn-border-color: #6094f9; 3354 --bs-btn-hover-color: #000; 3355 --bs-btn-hover-bg: #6094f9; 3356 --bs-btn-hover-border-color: #6094f9; 3357 --bs-btn-focus-shadow-rgb: 96, 148, 249; 3358 --bs-btn-active-color: #000; 3359 --bs-btn-active-bg: #6094f9; 3360 --bs-btn-active-border-color: #6094f9; 3361 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3362 --bs-btn-disabled-color: #6094f9; 3363 --bs-btn-disabled-bg: transparent; 3364 --bs-btn-disabled-border-color: #6094f9; 3365 --bs-gradient: none; 3366} 3367.btn-outline-warning { 3368 --bs-btn-color: #ffc93f; 3369 --bs-btn-border-color: #ffc93f; 3370 --bs-btn-hover-color: #000; 3371 --bs-btn-hover-bg: #ffc93f; 3372 --bs-btn-hover-border-color: #ffc93f; 3373 --bs-btn-focus-shadow-rgb: 255, 201, 63; 3374 --bs-btn-active-color: #000; 3375 --bs-btn-active-bg: #ffc93f; 3376 --bs-btn-active-border-color: #ffc93f; 3377 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3378 --bs-btn-disabled-color: #ffc93f; 3379 --bs-btn-disabled-bg: transparent; 3380 --bs-btn-disabled-border-color: #ffc93f; 3381 --bs-gradient: none; 3382} 3383.btn-outline-danger { 3384 --bs-btn-color: #ff5951; 3385 --bs-btn-border-color: #ff5951; 3386 --bs-btn-hover-color: #000; 3387 --bs-btn-hover-bg: #ff5951; 3388 --bs-btn-hover-border-color: #ff5951; 3389 --bs-btn-focus-shadow-rgb: 255, 89, 81; 3390 --bs-btn-active-color: #000; 3391 --bs-btn-active-bg: #ff5951; 3392 --bs-btn-active-border-color: #ff5951; 3393 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3394 --bs-btn-disabled-color: #ff5951; 3395 --bs-btn-disabled-bg: transparent; 3396 --bs-btn-disabled-border-color: #ff5951; 3397 --bs-gradient: none; 3398} 3399.btn-outline-light { 3400 --bs-btn-color: #f6f6f6; 3401 --bs-btn-border-color: #f6f6f6; 3402 --bs-btn-hover-color: #000; 3403 --bs-btn-hover-bg: #f6f6f6; 3404 --bs-btn-hover-border-color: #f6f6f6; 3405 --bs-btn-focus-shadow-rgb: 246, 246, 246; 3406 --bs-btn-active-color: #000; 3407 --bs-btn-active-bg: #f6f6f6; 3408 --bs-btn-active-border-color: #f6f6f6; 3409 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3410 --bs-btn-disabled-color: #f6f6f6; 3411 --bs-btn-disabled-bg: transparent; 3412 --bs-btn-disabled-border-color: #f6f6f6; 3413 --bs-gradient: none; 3414} 3415.btn-outline-dark { 3416 --bs-btn-color: #1a1a1a; 3417 --bs-btn-border-color: #1a1a1a; 3418 --bs-btn-hover-color: #fff; 3419 --bs-btn-hover-bg: #1a1a1a; 3420 --bs-btn-hover-border-color: #1a1a1a; 3421 --bs-btn-focus-shadow-rgb: 26, 26, 26; 3422 --bs-btn-active-color: #fff; 3423 --bs-btn-active-bg: #1a1a1a; 3424 --bs-btn-active-border-color: #1a1a1a; 3425 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 3426 --bs-btn-disabled-color: #1a1a1a; 3427 --bs-btn-disabled-bg: transparent; 3428 --bs-btn-disabled-border-color: #1a1a1a; 3429 --bs-gradient: none; 3430} 3431.btn-link { 3432 --bs-btn-font-weight: 400; 3433 --bs-btn-color: var(--bs-link-color); 3434 --bs-btn-bg: transparent; 3435 --bs-btn-border-color: transparent; 3436 --bs-btn-hover-color: var(--bs-link-hover-color); 3437 --bs-btn-hover-border-color: transparent; 3438 --bs-btn-active-color: var(--bs-link-hover-color); 3439 --bs-btn-active-border-color: transparent; 3440 --bs-btn-disabled-color: #484848; 3441 --bs-btn-disabled-border-color: transparent; 3442 --bs-btn-box-shadow: 0 0 0 #000; 3443 --bs-btn-focus-shadow-rgb: 50, 149, 217; 3444 text-decoration: none; 3445} 3446.btn-link:focus-visible { 3447 color: var(--bs-btn-color); 3448} 3449.btn-link:hover { 3450 color: var(--bs-btn-hover-color); 3451} 3452.btn-group-lg > .btn, 3453.btn-lg { 3454 --bs-btn-padding-y: 0.5rem; 3455 --bs-btn-padding-x: 1rem; 3456 --bs-btn-font-size: 1.25rem; 3457 --bs-btn-border-radius: var(--bs-border-radius-lg); 3458} 3459.btn-group-sm > .btn, 3460.btn-sm { 3461 --bs-btn-padding-y: 2px; 3462 --bs-btn-padding-x: 0.5rem; 3463 --bs-btn-font-size: 0.875rem; 3464 --bs-btn-border-radius: 8px; 3465} 3466.fade { 3467 transition: opacity 0.15s linear; 3468} 3469@media (prefers-reduced-motion: reduce) { 3470 .fade { 3471 transition: none; 3472 } 3473} 3474.fade:not(.show) { 3475 opacity: 0; 3476} 3477.collapse:not(.show) { 3478 display: none; 3479} 3480.collapsing { 3481 height: 0; 3482 overflow: hidden; 3483 transition: height 0.35s ease; 3484} 3485@media (prefers-reduced-motion: reduce) { 3486 .collapsing { 3487 transition: none; 3488 } 3489} 3490.collapsing.collapse-horizontal { 3491 height: auto; 3492 transition: width 0.35s ease; 3493 width: 0; 3494} 3495@media (prefers-reduced-motion: reduce) { 3496 .collapsing.collapse-horizontal { 3497 transition: none; 3498 } 3499} 3500.dropdown, 3501.dropdown-center, 3502.dropend, 3503.dropstart, 3504.dropup, 3505.dropup-center { 3506 position: relative; 3507} 3508.dropdown-toggle { 3509 white-space: nowrap; 3510} 3511.dropdown-toggle:after { 3512 border-bottom: 0; 3513 border-left: 0.3em solid transparent; 3514 border-right: 0.3em solid transparent; 3515 border-top: 0.3em solid; 3516 content: ''; 3517 display: inline-block; 3518 margin-left: 0.255em; 3519 vertical-align: 0.255em; 3520} 3521.dropdown-toggle:empty:after { 3522 margin-left: 0; 3523} 3524.dropdown-menu { 3525 --bs-dropdown-zindex: 1000; 3526 --bs-dropdown-min-width: 10rem; 3527 --bs-dropdown-padding-x: 0; 3528 --bs-dropdown-padding-y: 0.5rem; 3529 --bs-dropdown-spacer: 0.125rem; 3530 --bs-dropdown-font-size: 1rem; 3531 --bs-dropdown-color: #f6f6f6; 3532 --bs-dropdown-bg: #2d2d2d; 3533 --bs-dropdown-border-color: var(--bs-border-color-translucent); 3534 --bs-dropdown-border-radius: var(--bs-border-radius); 3535 --bs-dropdown-border-width: var(--bs-border-width); 3536 --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); 3537 --bs-dropdown-divider-bg: var(--bs-border-color-translucent); 3538 --bs-dropdown-divider-margin-y: 0.5rem; 3539 --bs-dropdown-box-shadow: var(--bs-box-shadow); 3540 --bs-dropdown-link-color: #f6f6f6; 3541 --bs-dropdown-link-hover-color: #f6f6f6; 3542 --bs-dropdown-link-hover-bg: #484848; 3543 --bs-dropdown-link-active-color: #fff; 3544 --bs-dropdown-link-active-bg: #3bafff; 3545 --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); 3546 --bs-dropdown-item-padding-x: 1rem; 3547 --bs-dropdown-item-padding-y: 0.25rem; 3548 --bs-dropdown-header-color: #484848; 3549 --bs-dropdown-header-padding-x: 1rem; 3550 --bs-dropdown-header-padding-y: 0.5rem; 3551 background-clip: padding-box; 3552 background-color: var(--bs-dropdown-bg); 3553 border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); 3554 border-radius: var(--bs-dropdown-border-radius); 3555 color: var(--bs-dropdown-color); 3556 display: none; 3557 font-size: var(--bs-dropdown-font-size); 3558 list-style: none; 3559 margin: 0; 3560 min-width: var(--bs-dropdown-min-width); 3561 padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); 3562 position: absolute; 3563 text-align: left; 3564 z-index: var(--bs-dropdown-zindex); 3565} 3566.dropdown-menu[data-bs-popper] { 3567 left: 0; 3568 margin-top: var(--bs-dropdown-spacer); 3569 top: 100%; 3570} 3571.dropdown-menu-start { 3572 --bs-position: start; 3573} 3574.dropdown-menu-start[data-bs-popper] { 3575 left: 0; 3576 right: auto; 3577} 3578.dropdown-menu-end { 3579 --bs-position: end; 3580} 3581.dropdown-menu-end[data-bs-popper] { 3582 left: auto; 3583 right: 0; 3584} 3585@media (min-width: 576px) { 3586 .dropdown-menu-sm-start { 3587 --bs-position: start; 3588 } 3589 .dropdown-menu-sm-start[data-bs-popper] { 3590 left: 0; 3591 right: auto; 3592 } 3593 .dropdown-menu-sm-end { 3594 --bs-position: end; 3595 } 3596 .dropdown-menu-sm-end[data-bs-popper] { 3597 left: auto; 3598 right: 0; 3599 } 3600} 3601@media (min-width: 768px) { 3602 .dropdown-menu-md-start { 3603 --bs-position: start; 3604 } 3605 .dropdown-menu-md-start[data-bs-popper] { 3606 left: 0; 3607 right: auto; 3608 } 3609 .dropdown-menu-md-end { 3610 --bs-position: end; 3611 } 3612 .dropdown-menu-md-end[data-bs-popper] { 3613 left: auto; 3614 right: 0; 3615 } 3616} 3617@media (min-width: 992px) { 3618 .dropdown-menu-lg-start { 3619 --bs-position: start; 3620 } 3621 .dropdown-menu-lg-start[data-bs-popper] { 3622 left: 0; 3623 right: auto; 3624 } 3625 .dropdown-menu-lg-end { 3626 --bs-position: end; 3627 } 3628 .dropdown-menu-lg-end[data-bs-popper] { 3629 left: auto; 3630 right: 0; 3631 } 3632} 3633@media (min-width: 1200px) { 3634 .dropdown-menu-xl-start { 3635 --bs-position: start; 3636 } 3637 .dropdown-menu-xl-start[data-bs-popper] { 3638 left: 0; 3639 right: auto; 3640 } 3641 .dropdown-menu-xl-end { 3642 --bs-position: end; 3643 } 3644 .dropdown-menu-xl-end[data-bs-popper] { 3645 left: auto; 3646 right: 0; 3647 } 3648} 3649@media (min-width: 1400px) { 3650 .dropdown-menu-xxl-start { 3651 --bs-position: start; 3652 } 3653 .dropdown-menu-xxl-start[data-bs-popper] { 3654 left: 0; 3655 right: auto; 3656 } 3657 .dropdown-menu-xxl-end { 3658 --bs-position: end; 3659 } 3660 .dropdown-menu-xxl-end[data-bs-popper] { 3661 left: auto; 3662 right: 0; 3663 } 3664} 3665.dropup .dropdown-menu[data-bs-popper] { 3666 bottom: 100%; 3667 margin-bottom: var(--bs-dropdown-spacer); 3668 margin-top: 0; 3669 top: auto; 3670} 3671.dropup .dropdown-toggle:after { 3672 border-bottom: 0.3em solid; 3673 border-left: 0.3em solid transparent; 3674 border-right: 0.3em solid transparent; 3675 border-top: 0; 3676 content: ''; 3677 display: inline-block; 3678 margin-left: 0.255em; 3679 vertical-align: 0.255em; 3680} 3681.dropup .dropdown-toggle:empty:after { 3682 margin-left: 0; 3683} 3684.dropend .dropdown-menu[data-bs-popper] { 3685 left: 100%; 3686 margin-left: var(--bs-dropdown-spacer); 3687 margin-top: 0; 3688 right: auto; 3689 top: 0; 3690} 3691.dropend .dropdown-toggle:after { 3692 border-bottom: 0.3em solid transparent; 3693 border-left: 0.3em solid; 3694 border-right: 0; 3695 border-top: 0.3em solid transparent; 3696 content: ''; 3697 display: inline-block; 3698 margin-left: 0.255em; 3699 vertical-align: 0.255em; 3700} 3701.dropend .dropdown-toggle:empty:after { 3702 margin-left: 0; 3703} 3704.dropend .dropdown-toggle:after { 3705 vertical-align: 0; 3706} 3707.dropstart .dropdown-menu[data-bs-popper] { 3708 left: auto; 3709 margin-right: var(--bs-dropdown-spacer); 3710 margin-top: 0; 3711 right: 100%; 3712 top: 0; 3713} 3714.dropstart .dropdown-toggle:after { 3715 content: ''; 3716 display: inline-block; 3717 display: none; 3718 margin-left: 0.255em; 3719 vertical-align: 0.255em; 3720} 3721.dropstart .dropdown-toggle:before { 3722 border-bottom: 0.3em solid transparent; 3723 border-right: 0.3em solid; 3724 border-top: 0.3em solid transparent; 3725 content: ''; 3726 display: inline-block; 3727 margin-right: 0.255em; 3728 vertical-align: 0.255em; 3729} 3730.dropstart .dropdown-toggle:empty:after { 3731 margin-left: 0; 3732} 3733.dropstart .dropdown-toggle:before { 3734 vertical-align: 0; 3735} 3736.dropdown-divider { 3737 border-top: 1px solid var(--bs-dropdown-divider-bg); 3738 height: 0; 3739 margin: var(--bs-dropdown-divider-margin-y) 0; 3740 opacity: 1; 3741 overflow: hidden; 3742} 3743.dropdown-item { 3744 background-color: transparent; 3745 border: 0; 3746 border-radius: var(--bs-dropdown-item-border-radius, 0); 3747 clear: both; 3748 color: var(--bs-dropdown-link-color); 3749 display: block; 3750 font-weight: 400; 3751 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); 3752 text-align: inherit; 3753 white-space: nowrap; 3754 width: 100%; 3755} 3756.dropdown-item:focus, 3757.dropdown-item:hover { 3758 background-color: var(--bs-dropdown-link-hover-bg); 3759 color: var(--bs-dropdown-link-hover-color); 3760} 3761.dropdown-item.active, 3762.dropdown-item:active { 3763 background-color: var(--bs-dropdown-link-active-bg); 3764 color: var(--bs-dropdown-link-active-color); 3765 text-decoration: none; 3766} 3767.dropdown-item.disabled, 3768.dropdown-item:disabled { 3769 background-color: transparent; 3770 color: var(--bs-dropdown-link-disabled-color); 3771 pointer-events: none; 3772} 3773.dropdown-menu.show { 3774 display: block; 3775} 3776.dropdown-header { 3777 color: var(--bs-dropdown-header-color); 3778 display: block; 3779 font-size: 0.875rem; 3780 margin-bottom: 0; 3781 padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); 3782 white-space: nowrap; 3783} 3784.dropdown-item-text { 3785 color: var(--bs-dropdown-link-color); 3786 display: block; 3787 padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); 3788} 3789.dropdown-menu-dark { 3790 --bs-dropdown-color: #cacaca; 3791 --bs-dropdown-bg: #3c3c3c; 3792 --bs-dropdown-border-color: var(--bs-border-color-translucent); 3793 --bs-dropdown-box-shadow: ; 3794 --bs-dropdown-link-color: #cacaca; 3795 --bs-dropdown-link-hover-color: #fff; 3796 --bs-dropdown-divider-bg: var(--bs-border-color-translucent); 3797 --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15); 3798 --bs-dropdown-link-active-color: #fff; 3799 --bs-dropdown-link-active-bg: #3bafff; 3800 --bs-dropdown-link-disabled-color: #757575; 3801 --bs-dropdown-header-color: #757575; 3802} 3803.btn-group, 3804.btn-group-vertical { 3805 display: inline-flex; 3806 position: relative; 3807 vertical-align: middle; 3808} 3809.btn-group-vertical > .btn, 3810.btn-group > .btn { 3811 flex: 1 1 auto; 3812 position: relative; 3813} 3814.btn-group-vertical > .btn-check:checked + .btn, 3815.btn-group-vertical > .btn-check:focus + .btn, 3816.btn-group-vertical > .btn.active, 3817.btn-group-vertical > .btn:active, 3818.btn-group-vertical > .btn:focus, 3819.btn-group-vertical > .btn:hover, 3820.btn-group > .btn-check:checked + .btn, 3821.btn-group > .btn-check:focus + .btn, 3822.btn-group > .btn.active, 3823.btn-group > .btn:active, 3824.btn-group > .btn:focus, 3825.btn-group > .btn:hover { 3826 z-index: 1; 3827} 3828.btn-toolbar { 3829 display: flex; 3830 flex-wrap: wrap; 3831 justify-content: flex-start; 3832} 3833.btn-toolbar .input-group { 3834 width: auto; 3835} 3836.btn-group { 3837 border-radius: 8px; 3838} 3839.btn-group > .btn-group:not(:first-child), 3840.btn-group > :not(.btn-check:first-child) + .btn { 3841 margin-left: -2px; 3842} 3843.btn-group > .btn-group:not(:last-child) > .btn, 3844.btn-group > .btn.dropdown-toggle-split:first-child, 3845.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { 3846 border-bottom-right-radius: 0; 3847 border-top-right-radius: 0; 3848} 3849.btn-group > .btn-group:not(:first-child) > .btn, 3850.btn-group > .btn:nth-child(n + 3), 3851.btn-group > :not(.btn-check) + .btn { 3852 border-bottom-left-radius: 0; 3853 border-top-left-radius: 0; 3854} 3855.dropdown-toggle-split { 3856 padding-left: 0.5625rem; 3857 padding-right: 0.5625rem; 3858} 3859.dropdown-toggle-split:after, 3860.dropend .dropdown-toggle-split:after, 3861.dropup .dropdown-toggle-split:after { 3862 margin-left: 0; 3863} 3864.dropstart .dropdown-toggle-split:before { 3865 margin-right: 0; 3866} 3867.btn-group-sm > .btn + .dropdown-toggle-split, 3868.btn-sm + .dropdown-toggle-split { 3869 padding-left: 0.375rem; 3870 padding-right: 0.375rem; 3871} 3872.btn-group-lg > .btn + .dropdown-toggle-split, 3873.btn-lg + .dropdown-toggle-split { 3874 padding-left: 0.75rem; 3875 padding-right: 0.75rem; 3876} 3877.btn-group-vertical { 3878 align-items: flex-start; 3879 flex-direction: column; 3880 justify-content: center; 3881} 3882.btn-group-vertical > .btn, 3883.btn-group-vertical > .btn-group { 3884 width: 100%; 3885} 3886.btn-group-vertical > .btn-group:not(:first-child), 3887.btn-group-vertical > .btn:not(:first-child) { 3888 margin-top: -2px; 3889} 3890.btn-group-vertical > .btn-group:not(:last-child) > .btn, 3891.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { 3892 border-bottom-left-radius: 0; 3893 border-bottom-right-radius: 0; 3894} 3895.btn-group-vertical > .btn-group:not(:first-child) > .btn, 3896.btn-group-vertical > .btn ~ .btn { 3897 border-top-left-radius: 0; 3898 border-top-right-radius: 0; 3899} 3900.nav { 3901 --bs-nav-link-padding-x: 1rem; 3902 --bs-nav-link-padding-y: 0.5rem; 3903 --bs-nav-link-font-weight: ; 3904 --bs-nav-link-color: #f6f6f6; 3905 --bs-nav-link-hover-color: var(--bs-link-hover-color); 3906 --bs-nav-link-disabled-color: var(--bs-secondary-color); 3907 display: flex; 3908 flex-wrap: wrap; 3909 list-style: none; 3910 margin-bottom: 0; 3911 padding-left: 0; 3912} 3913.nav-link { 3914 background: none; 3915 border: 0; 3916 color: var(--bs-nav-link-color); 3917 display: block; 3918 font-size: var(--bs-nav-link-font-size); 3919 font-weight: var(--bs-nav-link-font-weight); 3920 padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); 3921 transition: 3922 color 0.15s ease-in-out, 3923 background-color 0.15s ease-in-out, 3924 border-color 0.15s ease-in-out; 3925} 3926@media (prefers-reduced-motion: reduce) { 3927 .nav-link { 3928 transition: none; 3929 } 3930} 3931.nav-link:focus, 3932.nav-link:hover { 3933 color: var(--bs-nav-link-hover-color); 3934} 3935.nav-link:focus-visible { 3936 box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 3937 outline: 0; 3938} 3939.nav-link.disabled, 3940.nav-link:disabled { 3941 color: var(--bs-nav-link-disabled-color); 3942 cursor: default; 3943 pointer-events: none; 3944} 3945.nav-tabs { 3946 --bs-nav-tabs-border-width: var(--bs-border-width); 3947 --bs-nav-tabs-border-color: var(--bs-border-color); 3948 --bs-nav-tabs-border-radius: var(--bs-border-radius); 3949 --bs-nav-tabs-link-hover-border-color: rgba(0, 0, 0, 0.125); 3950 --bs-nav-tabs-link-active-color: #3bafff; 3951 --bs-nav-tabs-link-active-bg: var(--bs-body-bg); 3952 --bs-nav-tabs-link-active-border-color: rgba(0, 0, 0, 0.125); 3953 border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); 3954} 3955.nav-tabs .nav-link { 3956 border: var(--bs-nav-tabs-border-width) solid transparent; 3957 border-top-left-radius: var(--bs-nav-tabs-border-radius); 3958 border-top-right-radius: var(--bs-nav-tabs-border-radius); 3959 margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); 3960} 3961.nav-tabs .nav-link:focus, 3962.nav-tabs .nav-link:hover { 3963 border-color: var(--bs-nav-tabs-link-hover-border-color); 3964 isolation: isolate; 3965} 3966.nav-tabs .nav-item.show .nav-link, 3967.nav-tabs .nav-link.active { 3968 background-color: var(--bs-nav-tabs-link-active-bg); 3969 border-color: var(--bs-nav-tabs-link-active-border-color); 3970 color: var(--bs-nav-tabs-link-active-color); 3971} 3972.nav-tabs .dropdown-menu { 3973 border-top-left-radius: 0; 3974 border-top-right-radius: 0; 3975 margin-top: calc(var(--bs-nav-tabs-border-width) * -1); 3976} 3977.nav-pills { 3978 --bs-nav-pills-border-radius: 8px; 3979 --bs-nav-pills-link-active-color: #fff; 3980 --bs-nav-pills-link-active-bg: #3bafff; 3981} 3982.nav-pills .nav-link { 3983 border-radius: var(--bs-nav-pills-border-radius); 3984} 3985.nav-pills .nav-link.active, 3986.nav-pills .show > .nav-link { 3987 background-color: var(--bs-nav-pills-link-active-bg); 3988 color: var(--bs-nav-pills-link-active-color); 3989} 3990.nav-underline { 3991 --bs-nav-underline-gap: 1rem; 3992 --bs-nav-underline-border-width: 0.125rem; 3993 --bs-nav-underline-link-active-color: var(--bs-emphasis-color); 3994 gap: var(--bs-nav-underline-gap); 3995} 3996.nav-underline .nav-link { 3997 border-bottom: var(--bs-nav-underline-border-width) solid transparent; 3998 padding-left: 0; 3999 padding-right: 0; 4000} 4001.nav-underline .nav-link:focus, 4002.nav-underline .nav-link:hover { 4003 border-bottom-color: currentcolor; 4004} 4005.nav-underline .nav-link.active, 4006.nav-underline .show > .nav-link { 4007 border-bottom-color: currentcolor; 4008 color: var(--bs-nav-underline-link-active-color); 4009 font-weight: 700; 4010} 4011.nav-fill .nav-item, 4012.nav-fill > .nav-link { 4013 flex: 1 1 auto; 4014 text-align: center; 4015} 4016.nav-justified .nav-item, 4017.nav-justified > .nav-link { 4018 flex-basis: 0; 4019 flex-grow: 1; 4020 text-align: center; 4021} 4022.nav-fill .nav-item .nav-link, 4023.nav-justified .nav-item .nav-link { 4024 width: 100%; 4025} 4026.tab-content > .tab-pane { 4027 display: none; 4028} 4029.tab-content > .active { 4030 display: block; 4031} 4032.navbar { 4033 --bs-navbar-padding-x: 0; 4034 --bs-navbar-padding-y: 0.5rem; 4035 --bs-navbar-color: hsla(0, 0%, 100%, 0.85); 4036 --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.7); 4037 --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25); 4038 --bs-navbar-active-color: hsla(0, 0%, 100%, 0.9); 4039 --bs-navbar-brand-padding-y: 0.3125rem; 4040 --bs-navbar-brand-margin-end: 1rem; 4041 --bs-navbar-brand-font-size: 1.25rem; 4042 --bs-navbar-brand-color: hsla(0, 0%, 100%, 0.9); 4043 --bs-navbar-brand-hover-color: hsla(0, 0%, 100%, 0.9); 4044 --bs-navbar-nav-link-padding-x: 0.5rem; 4045 --bs-navbar-toggler-padding-y: 0.25rem; 4046 --bs-navbar-toggler-padding-x: 0.75rem; 4047 --bs-navbar-toggler-font-size: 1.25rem; 4048 --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"); 4049 --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1); 4050 --bs-navbar-toggler-border-radius: 8px; 4051 --bs-navbar-toggler-focus-width: 0.25rem; 4052 --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; 4053 align-items: center; 4054 display: flex; 4055 flex-wrap: wrap; 4056 justify-content: space-between; 4057 padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); 4058 position: relative; 4059} 4060.navbar > .container, 4061.navbar > .container-fluid, 4062.navbar > .container-lg, 4063.navbar > .container-md, 4064.navbar > .container-sm, 4065.navbar > .container-xl, 4066.navbar > .container-xxl { 4067 align-items: center; 4068 display: flex; 4069 flex-wrap: inherit; 4070 justify-content: space-between; 4071} 4072.navbar-brand { 4073 color: var(--bs-navbar-brand-color); 4074 font-size: var(--bs-navbar-brand-font-size); 4075 margin-right: var(--bs-navbar-brand-margin-end); 4076 padding-bottom: var(--bs-navbar-brand-padding-y); 4077 padding-top: var(--bs-navbar-brand-padding-y); 4078 white-space: nowrap; 4079} 4080.navbar-brand:focus, 4081.navbar-brand:hover { 4082 color: var(--bs-navbar-brand-hover-color); 4083} 4084.navbar-nav { 4085 --bs-nav-link-padding-x: 0; 4086 --bs-nav-link-padding-y: 0.5rem; 4087 --bs-nav-link-font-weight: ; 4088 --bs-nav-link-color: var(--bs-navbar-color); 4089 --bs-nav-link-hover-color: var(--bs-navbar-hover-color); 4090 --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); 4091 display: flex; 4092 flex-direction: column; 4093 list-style: none; 4094 margin-bottom: 0; 4095 padding-left: 0; 4096} 4097.navbar-nav .nav-link.active, 4098.navbar-nav .nav-link.show { 4099 color: var(--bs-navbar-active-color); 4100} 4101.navbar-nav .dropdown-menu { 4102 position: static; 4103} 4104.navbar-text { 4105 color: var(--bs-navbar-color); 4106 padding-bottom: 0.5rem; 4107 padding-top: 0.5rem; 4108} 4109.navbar-text a, 4110.navbar-text a:focus, 4111.navbar-text a:hover { 4112 color: var(--bs-navbar-active-color); 4113} 4114.navbar-collapse { 4115 align-items: center; 4116 flex-basis: 100%; 4117 flex-grow: 1; 4118} 4119.navbar-toggler { 4120 background-color: transparent; 4121 border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); 4122 border-radius: var(--bs-navbar-toggler-border-radius); 4123 color: var(--bs-navbar-color); 4124 font-size: var(--bs-navbar-toggler-font-size); 4125 line-height: 1; 4126 padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); 4127 transition: var(--bs-navbar-toggler-transition); 4128} 4129@media (prefers-reduced-motion: reduce) { 4130 .navbar-toggler { 4131 transition: none; 4132 } 4133} 4134.navbar-toggler:hover { 4135 text-decoration: none; 4136} 4137.navbar-toggler:focus { 4138 box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); 4139 outline: 0; 4140 text-decoration: none; 4141} 4142.navbar-toggler-icon { 4143 background-image: var(--bs-navbar-toggler-icon-bg); 4144 background-position: 50%; 4145 background-repeat: no-repeat; 4146 background-size: 100%; 4147 display: inline-block; 4148 height: 1.5em; 4149 vertical-align: middle; 4150 width: 1.5em; 4151} 4152.navbar-nav-scroll { 4153 max-height: var(--bs-scroll-height, 75vh); 4154 overflow-y: auto; 4155} 4156@media (min-width: 576px) { 4157 .navbar-expand-sm { 4158 flex-wrap: nowrap; 4159 justify-content: flex-start; 4160 } 4161 .navbar-expand-sm .navbar-nav { 4162 flex-direction: row; 4163 } 4164 .navbar-expand-sm .navbar-nav .dropdown-menu { 4165 position: absolute; 4166 } 4167 .navbar-expand-sm .navbar-nav .nav-link { 4168 padding-left: var(--bs-navbar-nav-link-padding-x); 4169 padding-right: var(--bs-navbar-nav-link-padding-x); 4170 } 4171 .navbar-expand-sm .navbar-nav-scroll { 4172 overflow: visible; 4173 } 4174 .navbar-expand-sm .navbar-collapse { 4175 display: flex !important; 4176 flex-basis: auto; 4177 } 4178 .navbar-expand-sm .navbar-toggler { 4179 display: none; 4180 } 4181 .navbar-expand-sm .offcanvas { 4182 background-color: transparent !important; 4183 border: 0 !important; 4184 flex-grow: 1; 4185 height: auto !important; 4186 position: static; 4187 transform: none !important; 4188 transition: none; 4189 visibility: visible !important; 4190 width: auto !important; 4191 z-index: auto; 4192 } 4193 .navbar-expand-sm .offcanvas .offcanvas-header { 4194 display: none; 4195 } 4196 .navbar-expand-sm .offcanvas .offcanvas-body { 4197 display: flex; 4198 flex-grow: 0; 4199 overflow-y: visible; 4200 padding: 0; 4201 } 4202} 4203@media (min-width: 768px) { 4204 .navbar-expand-md { 4205 flex-wrap: nowrap; 4206 justify-content: flex-start; 4207 } 4208 .navbar-expand-md .navbar-nav { 4209 flex-direction: row; 4210 } 4211 .navbar-expand-md .navbar-nav .dropdown-menu { 4212 position: absolute; 4213 } 4214 .navbar-expand-md .navbar-nav .nav-link { 4215 padding-left: var(--bs-navbar-nav-link-padding-x); 4216 padding-right: var(--bs-navbar-nav-link-padding-x); 4217 } 4218 .navbar-expand-md .navbar-nav-scroll { 4219 overflow: visible; 4220 } 4221 .navbar-expand-md .navbar-collapse { 4222 display: flex !important; 4223 flex-basis: auto; 4224 } 4225 .navbar-expand-md .navbar-toggler { 4226 display: none; 4227 } 4228 .navbar-expand-md .offcanvas { 4229 background-color: transparent !important; 4230 border: 0 !important; 4231 flex-grow: 1; 4232 height: auto !important; 4233 position: static; 4234 transform: none !important; 4235 transition: none; 4236 visibility: visible !important; 4237 width: auto !important; 4238 z-index: auto; 4239 } 4240 .navbar-expand-md .offcanvas .offcanvas-header { 4241 display: none; 4242 } 4243 .navbar-expand-md .offcanvas .offcanvas-body { 4244 display: flex; 4245 flex-grow: 0; 4246 overflow-y: visible; 4247 padding: 0; 4248 } 4249} 4250@media (min-width: 992px) { 4251 .navbar-expand-lg { 4252 flex-wrap: nowrap; 4253 justify-content: flex-start; 4254 } 4255 .navbar-expand-lg .navbar-nav { 4256 flex-direction: row; 4257 } 4258 .navbar-expand-lg .navbar-nav .dropdown-menu { 4259 position: absolute; 4260 } 4261 .navbar-expand-lg .navbar-nav .nav-link { 4262 padding-left: var(--bs-navbar-nav-link-padding-x); 4263 padding-right: var(--bs-navbar-nav-link-padding-x); 4264 } 4265 .navbar-expand-lg .navbar-nav-scroll { 4266 overflow: visible; 4267 } 4268 .navbar-expand-lg .navbar-collapse { 4269 display: flex !important; 4270 flex-basis: auto; 4271 } 4272 .navbar-expand-lg .navbar-toggler { 4273 display: none; 4274 } 4275 .navbar-expand-lg .offcanvas { 4276 background-color: transparent !important; 4277 border: 0 !important; 4278 flex-grow: 1; 4279 height: auto !important; 4280 position: static; 4281 transform: none !important; 4282 transition: none; 4283 visibility: visible !important; 4284 width: auto !important; 4285 z-index: auto; 4286 } 4287 .navbar-expand-lg .offcanvas .offcanvas-header { 4288 display: none; 4289 } 4290 .navbar-expand-lg .offcanvas .offcanvas-body { 4291 display: flex; 4292 flex-grow: 0; 4293 overflow-y: visible; 4294 padding: 0; 4295 } 4296} 4297@media (min-width: 1200px) { 4298 .navbar-expand-xl { 4299 flex-wrap: nowrap; 4300 justify-content: flex-start; 4301 } 4302 .navbar-expand-xl .navbar-nav { 4303 flex-direction: row; 4304 } 4305 .navbar-expand-xl .navbar-nav .dropdown-menu { 4306 position: absolute; 4307 } 4308 .navbar-expand-xl .navbar-nav .nav-link { 4309 padding-left: var(--bs-navbar-nav-link-padding-x); 4310 padding-right: var(--bs-navbar-nav-link-padding-x); 4311 } 4312 .navbar-expand-xl .navbar-nav-scroll { 4313 overflow: visible; 4314 } 4315 .navbar-expand-xl .navbar-collapse { 4316 display: flex !important; 4317 flex-basis: auto; 4318 } 4319 .navbar-expand-xl .navbar-toggler { 4320 display: none; 4321 } 4322 .navbar-expand-xl .offcanvas { 4323 background-color: transparent !important; 4324 border: 0 !important; 4325 flex-grow: 1; 4326 height: auto !important; 4327 position: static; 4328 transform: none !important; 4329 transition: none; 4330 visibility: visible !important; 4331 width: auto !important; 4332 z-index: auto; 4333 } 4334 .navbar-expand-xl .offcanvas .offcanvas-header { 4335 display: none; 4336 } 4337 .navbar-expand-xl .offcanvas .offcanvas-body { 4338 display: flex; 4339 flex-grow: 0; 4340 overflow-y: visible; 4341 padding: 0; 4342 } 4343} 4344@media (min-width: 1400px) { 4345 .navbar-expand-xxl { 4346 flex-wrap: nowrap; 4347 justify-content: flex-start; 4348 } 4349 .navbar-expand-xxl .navbar-nav { 4350 flex-direction: row; 4351 } 4352 .navbar-expand-xxl .navbar-nav .dropdown-menu { 4353 position: absolute; 4354 } 4355 .navbar-expand-xxl .navbar-nav .nav-link { 4356 padding-left: var(--bs-navbar-nav-link-padding-x); 4357 padding-right: var(--bs-navbar-nav-link-padding-x); 4358 } 4359 .navbar-expand-xxl .navbar-nav-scroll { 4360 overflow: visible; 4361 } 4362 .navbar-expand-xxl .navbar-collapse { 4363 display: flex !important; 4364 flex-basis: auto; 4365 } 4366 .navbar-expand-xxl .navbar-toggler { 4367 display: none; 4368 } 4369 .navbar-expand-xxl .offcanvas { 4370 background-color: transparent !important; 4371 border: 0 !important; 4372 flex-grow: 1; 4373 height: auto !important; 4374 position: static; 4375 transform: none !important; 4376 transition: none; 4377 visibility: visible !important; 4378 width: auto !important; 4379 z-index: auto; 4380 } 4381 .navbar-expand-xxl .offcanvas .offcanvas-header { 4382 display: none; 4383 } 4384 .navbar-expand-xxl .offcanvas .offcanvas-body { 4385 display: flex; 4386 flex-grow: 0; 4387 overflow-y: visible; 4388 padding: 0; 4389 } 4390} 4391.navbar-expand { 4392 flex-wrap: nowrap; 4393 justify-content: flex-start; 4394} 4395.navbar-expand .navbar-nav { 4396 flex-direction: row; 4397} 4398.navbar-expand .navbar-nav .dropdown-menu { 4399 position: absolute; 4400} 4401.navbar-expand .navbar-nav .nav-link { 4402 padding-left: var(--bs-navbar-nav-link-padding-x); 4403 padding-right: var(--bs-navbar-nav-link-padding-x); 4404} 4405.navbar-expand .navbar-nav-scroll { 4406 overflow: visible; 4407} 4408.navbar-expand .navbar-collapse { 4409 display: flex !important; 4410 flex-basis: auto; 4411} 4412.navbar-expand .navbar-toggler { 4413 display: none; 4414} 4415.navbar-expand .offcanvas { 4416 background-color: transparent !important; 4417 border: 0 !important; 4418 flex-grow: 1; 4419 height: auto !important; 4420 position: static; 4421 transform: none !important; 4422 transition: none; 4423 visibility: visible !important; 4424 width: auto !important; 4425 z-index: auto; 4426} 4427.navbar-expand .offcanvas .offcanvas-header { 4428 display: none; 4429} 4430.navbar-expand .offcanvas .offcanvas-body { 4431 display: flex; 4432 flex-grow: 0; 4433 overflow-y: visible; 4434 padding: 0; 4435} 4436.navbar-dark, 4437.navbar[data-bs-theme='dark'] { 4438 --bs-navbar-color: hsla(0, 0%, 100%, 0.55); 4439 --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75); 4440 --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25); 4441 --bs-navbar-active-color: #fff; 4442 --bs-navbar-brand-color: #fff; 4443 --bs-navbar-brand-hover-color: #fff; 4444 --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1); 4445} 4446.navbar-dark, 4447.navbar[data-bs-theme='dark'], 4448[data-bs-theme='dark'] .navbar-toggler-icon { 4449 --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"); 4450} 4451.card { 4452 --bs-card-spacer-y: 1rem; 4453 --bs-card-spacer-x: 1rem; 4454 --bs-card-title-spacer-y: 0.5rem; 4455 --bs-card-title-color: ; 4456 --bs-card-subtitle-color: ; 4457 --bs-card-border-width: 1px; 4458 --bs-card-border-color: #484848; 4459 --bs-card-border-radius: 15px; 4460 --bs-card-box-shadow: ; 4461 --bs-card-inner-border-radius: 14px; 4462 --bs-card-cap-padding-y: 0.5rem; 4463 --bs-card-cap-padding-x: 1rem; 4464 --bs-card-cap-bg: #1a1a1a; 4465 --bs-card-cap-color: ; 4466 --bs-card-height: ; 4467 --bs-card-color: ; 4468 --bs-card-bg: #262626; 4469 --bs-card-img-overlay-padding: 1rem; 4470 --bs-card-group-margin: 0.75rem; 4471 color: var(--bs-body-color); 4472 display: flex; 4473 flex-direction: column; 4474 height: var(--bs-card-height); 4475 min-width: 0; 4476 position: relative; 4477 word-wrap: break-word; 4478 background-clip: border-box; 4479 background-color: var(--bs-card-bg); 4480 border: var(--bs-card-border-width) solid var(--bs-card-border-color); 4481 border-radius: var(--bs-card-border-radius); 4482} 4483.card > hr { 4484 margin-left: 0; 4485 margin-right: 0; 4486} 4487.card > .list-group { 4488 border-bottom: inherit; 4489 border-top: inherit; 4490} 4491.card > .list-group:first-child { 4492 border-top-left-radius: var(--bs-card-inner-border-radius); 4493 border-top-right-radius: var(--bs-card-inner-border-radius); 4494 border-top-width: 0; 4495} 4496.card > .list-group:last-child { 4497 border-bottom-left-radius: var(--bs-card-inner-border-radius); 4498 border-bottom-right-radius: var(--bs-card-inner-border-radius); 4499 border-bottom-width: 0; 4500} 4501.card > .card-header + .list-group, 4502.card > .list-group + .card-footer { 4503 border-top: 0; 4504} 4505.card-body { 4506 color: var(--bs-card-color); 4507 flex: 1 1 auto; 4508 padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); 4509} 4510.card-title { 4511 color: var(--bs-card-title-color); 4512 margin-bottom: var(--bs-card-title-spacer-y); 4513} 4514.card-subtitle { 4515 color: var(--bs-card-subtitle-color); 4516 margin-top: calc(var(--bs-card-title-spacer-y) * -0.5); 4517} 4518.card-subtitle, 4519.card-text:last-child { 4520 margin-bottom: 0; 4521} 4522.card-link + .card-link { 4523 margin-left: var(--bs-card-spacer-x); 4524} 4525.card-header { 4526 background-color: var(--bs-card-cap-bg); 4527 border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); 4528 color: var(--bs-card-cap-color); 4529 margin-bottom: 0; 4530 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); 4531} 4532.card-header:first-child { 4533 border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; 4534} 4535.card-footer { 4536 background-color: var(--bs-card-cap-bg); 4537 border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); 4538 color: var(--bs-card-cap-color); 4539 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); 4540} 4541.card-footer:last-child { 4542 border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); 4543} 4544.card-header-tabs { 4545 border-bottom: 0; 4546 margin-bottom: calc(var(--bs-card-cap-padding-y) * -1); 4547 margin-left: calc(var(--bs-card-cap-padding-x) * -0.5); 4548 margin-right: calc(var(--bs-card-cap-padding-x) * -0.5); 4549} 4550.card-header-tabs .nav-link.active { 4551 background-color: var(--bs-card-bg); 4552 border-bottom-color: var(--bs-card-bg); 4553} 4554.card-header-pills { 4555 margin-left: calc(var(--bs-card-cap-padding-x) * -0.5); 4556 margin-right: calc(var(--bs-card-cap-padding-x) * -0.5); 4557} 4558.card-img-overlay { 4559 border-radius: var(--bs-card-inner-border-radius); 4560 bottom: 0; 4561 left: 0; 4562 padding: var(--bs-card-img-overlay-padding); 4563 position: absolute; 4564 right: 0; 4565 top: 0; 4566} 4567.card-img, 4568.card-img-bottom, 4569.card-img-top { 4570 width: 100%; 4571} 4572.card-img, 4573.card-img-top { 4574 border-top-left-radius: var(--bs-card-inner-border-radius); 4575 border-top-right-radius: var(--bs-card-inner-border-radius); 4576} 4577.card-img, 4578.card-img-bottom { 4579 border-bottom-left-radius: var(--bs-card-inner-border-radius); 4580 border-bottom-right-radius: var(--bs-card-inner-border-radius); 4581} 4582.card-group > .card { 4583 margin-bottom: var(--bs-card-group-margin); 4584} 4585@media (min-width: 576px) { 4586 .card-group { 4587 display: flex; 4588 flex-flow: row wrap; 4589 } 4590 .card-group > .card { 4591 flex: 1 0 0%; 4592 margin-bottom: 0; 4593 } 4594 .card-group > .card + .card { 4595 border-left: 0; 4596 margin-left: 0; 4597 } 4598 .card-group > .card:not(:last-child) { 4599 border-bottom-right-radius: 0; 4600 border-top-right-radius: 0; 4601 } 4602 .card-group > .card:not(:last-child) .card-header, 4603 .card-group > .card:not(:last-child) .card-img-top { 4604 border-top-right-radius: 0; 4605 } 4606 .card-group > .card:not(:last-child) .card-footer, 4607 .card-group > .card:not(:last-child) .card-img-bottom { 4608 border-bottom-right-radius: 0; 4609 } 4610 .card-group > .card:not(:first-child) { 4611 border-bottom-left-radius: 0; 4612 border-top-left-radius: 0; 4613 } 4614 .card-group > .card:not(:first-child) .card-header, 4615 .card-group > .card:not(:first-child) .card-img-top { 4616 border-top-left-radius: 0; 4617 } 4618 .card-group > .card:not(:first-child) .card-footer, 4619 .card-group > .card:not(:first-child) .card-img-bottom { 4620 border-bottom-left-radius: 0; 4621 } 4622} 4623.accordion { 4624 --bs-accordion-color: var(--bs-body-color); 4625 --bs-accordion-bg: var(--bs-body-bg); 4626 --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; 4627 --bs-accordion-border-color: var(--bs-border-color); 4628 --bs-accordion-border-width: var(--bs-border-width); 4629 --bs-accordion-border-radius: var(--bs-border-radius); 4630 --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); 4631 --bs-accordion-btn-padding-x: 1.25rem; 4632 --bs-accordion-btn-padding-y: 1rem; 4633 --bs-accordion-btn-color: var(--bs-body-color); 4634 --bs-accordion-btn-bg: var(--bs-accordion-bg); 4635 --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"); 4636 --bs-accordion-btn-icon-width: 1.25rem; 4637 --bs-accordion-btn-icon-transform: rotate(-180deg); 4638 --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; 4639 --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"); 4640 --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 4641 --bs-accordion-body-padding-x: 1.25rem; 4642 --bs-accordion-body-padding-y: 1rem; 4643 --bs-accordion-active-color: var(--bs-primary-text-emphasis); 4644 --bs-accordion-active-bg: var(--bs-primary-bg-subtle); 4645} 4646.accordion-button { 4647 align-items: center; 4648 background-color: var(--bs-accordion-btn-bg); 4649 border: 0; 4650 border-radius: 0; 4651 color: var(--bs-accordion-btn-color); 4652 display: flex; 4653 font-size: 1rem; 4654 overflow-anchor: none; 4655 padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); 4656 position: relative; 4657 text-align: left; 4658 transition: var(--bs-accordion-transition); 4659 width: 100%; 4660} 4661@media (prefers-reduced-motion: reduce) { 4662 .accordion-button { 4663 transition: none; 4664 } 4665} 4666.accordion-button:not(.collapsed) { 4667 background-color: var(--bs-accordion-active-bg); 4668 box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); 4669 color: var(--bs-accordion-active-color); 4670} 4671.accordion-button:not(.collapsed):after { 4672 background-image: var(--bs-accordion-btn-active-icon); 4673 transform: var(--bs-accordion-btn-icon-transform); 4674} 4675.accordion-button:after { 4676 background-image: var(--bs-accordion-btn-icon); 4677 background-repeat: no-repeat; 4678 background-size: var(--bs-accordion-btn-icon-width); 4679 content: ''; 4680 flex-shrink: 0; 4681 height: var(--bs-accordion-btn-icon-width); 4682 margin-left: auto; 4683 transition: var(--bs-accordion-btn-icon-transition); 4684 width: var(--bs-accordion-btn-icon-width); 4685} 4686@media (prefers-reduced-motion: reduce) { 4687 .accordion-button:after { 4688 transition: none; 4689 } 4690} 4691.accordion-button:hover { 4692 z-index: 2; 4693} 4694.accordion-button:focus { 4695 box-shadow: var(--bs-accordion-btn-focus-box-shadow); 4696 outline: 0; 4697 z-index: 3; 4698} 4699.accordion-header { 4700 margin-bottom: 0; 4701} 4702.accordion-item { 4703 background-color: var(--bs-accordion-bg); 4704 border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); 4705 color: var(--bs-accordion-color); 4706} 4707.accordion-item:first-of-type { 4708 border-top-left-radius: var(--bs-accordion-border-radius); 4709 border-top-right-radius: var(--bs-accordion-border-radius); 4710} 4711.accordion-item:first-of-type > .accordion-header .accordion-button { 4712 border-top-left-radius: var(--bs-accordion-inner-border-radius); 4713 border-top-right-radius: var(--bs-accordion-inner-border-radius); 4714} 4715.accordion-item:not(:first-of-type) { 4716 border-top: 0; 4717} 4718.accordion-item:last-of-type { 4719 border-bottom-left-radius: var(--bs-accordion-border-radius); 4720 border-bottom-right-radius: var(--bs-accordion-border-radius); 4721} 4722.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { 4723 border-bottom-left-radius: var(--bs-accordion-inner-border-radius); 4724 border-bottom-right-radius: var(--bs-accordion-inner-border-radius); 4725} 4726.accordion-item:last-of-type > .accordion-collapse { 4727 border-bottom-left-radius: var(--bs-accordion-border-radius); 4728 border-bottom-right-radius: var(--bs-accordion-border-radius); 4729} 4730.accordion-body { 4731 padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); 4732} 4733.accordion-flush > .accordion-item { 4734 border-left: 0; 4735 border-radius: 0; 4736 border-right: 0; 4737} 4738.accordion-flush > .accordion-item:first-child { 4739 border-top: 0; 4740} 4741.accordion-flush > .accordion-item:last-child { 4742 border-bottom: 0; 4743} 4744.accordion-flush > .accordion-item > .accordion-collapse, 4745.accordion-flush > .accordion-item > .accordion-header .accordion-button, 4746.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { 4747 border-radius: 0; 4748} 4749[data-bs-theme='dark'] .accordion-button:after { 4750 --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"); 4751 --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"); 4752} 4753.breadcrumb { 4754 --bs-breadcrumb-padding-x: 0; 4755 --bs-breadcrumb-padding-y: 0; 4756 --bs-breadcrumb-margin-bottom: 1rem; 4757 --bs-breadcrumb-bg: ; 4758 --bs-breadcrumb-border-radius: ; 4759 --bs-breadcrumb-divider-color: var(--bs-secondary-color); 4760 --bs-breadcrumb-item-padding-x: 0.5rem; 4761 --bs-breadcrumb-item-active-color: var(--bs-secondary-color); 4762 background-color: var(--bs-breadcrumb-bg); 4763 border-radius: var(--bs-breadcrumb-border-radius); 4764 display: flex; 4765 flex-wrap: wrap; 4766 font-size: var(--bs-breadcrumb-font-size); 4767 list-style: none; 4768 margin-bottom: var(--bs-breadcrumb-margin-bottom); 4769 padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); 4770} 4771.breadcrumb-item + .breadcrumb-item { 4772 padding-left: var(--bs-breadcrumb-item-padding-x); 4773} 4774.breadcrumb-item + .breadcrumb-item:before { 4775 color: var(--bs-breadcrumb-divider-color); 4776 content: var(--bs-breadcrumb-divider, '/'); 4777 float: left; 4778 padding-right: var(--bs-breadcrumb-item-padding-x); 4779} 4780.breadcrumb-item.active { 4781 color: var(--bs-breadcrumb-item-active-color); 4782} 4783.pagination { 4784 --bs-pagination-padding-x: 0.75rem; 4785 --bs-pagination-padding-y: 0.375rem; 4786 --bs-pagination-font-size: 1rem; 4787 --bs-pagination-color: #f6f6f6; 4788 --bs-pagination-bg: #2d2d2d; 4789 --bs-pagination-border-width: var(--bs-border-width); 4790 --bs-pagination-border-color: #484848; 4791 --bs-pagination-border-radius: var(--bs-border-radius); 4792 --bs-pagination-hover-color: #f6f6f6; 4793 --bs-pagination-hover-bg: #3c3c3c; 4794 --bs-pagination-hover-border-color: #757575; 4795 --bs-pagination-focus-color: #f6f6f6; 4796 --bs-pagination-focus-bg: #484848; 4797 --bs-pagination-focus-box-shadow: none; 4798 --bs-pagination-active-color: #fff; 4799 --bs-pagination-active-bg: #3bafff; 4800 --bs-pagination-active-border-color: #3bafff; 4801 --bs-pagination-disabled-color: #f6f6f6; 4802 --bs-pagination-disabled-bg: #3c3c3c; 4803 --bs-pagination-disabled-border-color: #2d2d2d; 4804 display: flex; 4805 list-style: none; 4806 padding-left: 0; 4807} 4808.page-link { 4809 background-color: var(--bs-pagination-bg); 4810 border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); 4811 color: var(--bs-pagination-color); 4812 display: block; 4813 font-size: var(--bs-pagination-font-size); 4814 padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); 4815 position: relative; 4816 transition: 4817 color 0.15s ease-in-out, 4818 background-color 0.15s ease-in-out, 4819 border-color 0.15s ease-in-out, 4820 box-shadow 0.15s ease-in-out; 4821} 4822@media (prefers-reduced-motion: reduce) { 4823 .page-link { 4824 transition: none; 4825 } 4826} 4827.page-link:hover { 4828 background-color: var(--bs-pagination-hover-bg); 4829 border-color: var(--bs-pagination-hover-border-color); 4830 color: var(--bs-pagination-hover-color); 4831 z-index: 2; 4832} 4833.page-link:focus { 4834 background-color: var(--bs-pagination-focus-bg); 4835 box-shadow: var(--bs-pagination-focus-box-shadow); 4836 color: var(--bs-pagination-focus-color); 4837 outline: 0; 4838 z-index: 3; 4839} 4840.active > .page-link, 4841.page-link.active { 4842 background-color: var(--bs-pagination-active-bg); 4843 border-color: var(--bs-pagination-active-border-color); 4844 color: var(--bs-pagination-active-color); 4845 z-index: 3; 4846} 4847.disabled > .page-link, 4848.page-link.disabled { 4849 background-color: var(--bs-pagination-disabled-bg); 4850 border-color: var(--bs-pagination-disabled-border-color); 4851 color: var(--bs-pagination-disabled-color); 4852 pointer-events: none; 4853} 4854.page-item:not(:first-child) .page-link { 4855 margin-left: calc(var(--bs-border-width) * -1); 4856} 4857.page-item:first-child .page-link { 4858 border-bottom-left-radius: var(--bs-pagination-border-radius); 4859 border-top-left-radius: var(--bs-pagination-border-radius); 4860} 4861.page-item:last-child .page-link { 4862 border-bottom-right-radius: var(--bs-pagination-border-radius); 4863 border-top-right-radius: var(--bs-pagination-border-radius); 4864} 4865.pagination-lg { 4866 --bs-pagination-padding-x: 1.5rem; 4867 --bs-pagination-padding-y: 0.75rem; 4868 --bs-pagination-font-size: 1.25rem; 4869 --bs-pagination-border-radius: var(--bs-border-radius-lg); 4870} 4871.pagination-sm { 4872 --bs-pagination-padding-x: 0.5rem; 4873 --bs-pagination-padding-y: 0.25rem; 4874 --bs-pagination-font-size: 0.875rem; 4875 --bs-pagination-border-radius: var(--bs-border-radius-sm); 4876} 4877.badge { 4878 --bs-badge-padding-x: 0.65em; 4879 --bs-badge-padding-y: 0.35em; 4880 --bs-badge-font-size: 0.75em; 4881 --bs-badge-font-weight: 700; 4882 --bs-badge-color: #fff; 4883 --bs-badge-border-radius: var(--bs-border-radius); 4884 border-radius: var(--bs-badge-border-radius); 4885 color: var(--bs-badge-color); 4886 display: inline-block; 4887 font-size: var(--bs-badge-font-size); 4888 font-weight: var(--bs-badge-font-weight); 4889 line-height: 1; 4890 padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); 4891 text-align: center; 4892 vertical-align: baseline; 4893 white-space: nowrap; 4894} 4895.badge:empty { 4896 display: none; 4897} 4898.btn .badge { 4899 position: relative; 4900 top: -1px; 4901} 4902.alert { 4903 --bs-alert-bg: transparent; 4904 --bs-alert-padding-x: 1rem; 4905 --bs-alert-padding-y: 1rem; 4906 --bs-alert-margin-bottom: 1rem; 4907 --bs-alert-color: inherit; 4908 --bs-alert-border-color: transparent; 4909 --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); 4910 --bs-alert-border-radius: var(--bs-border-radius); 4911 --bs-alert-link-color: inherit; 4912 background-color: var(--bs-alert-bg); 4913 border: var(--bs-alert-border); 4914 border-radius: var(--bs-alert-border-radius); 4915 color: var(--bs-alert-color); 4916 margin-bottom: var(--bs-alert-margin-bottom); 4917 padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); 4918 position: relative; 4919} 4920.alert-heading { 4921 color: inherit; 4922} 4923.alert-link { 4924 color: var(--bs-alert-link-color); 4925 font-weight: 700; 4926} 4927.alert-dismissible { 4928 padding-right: 3rem; 4929} 4930.alert-dismissible .btn-close { 4931 padding: 1.25rem 1rem; 4932 position: absolute; 4933 right: 0; 4934 top: 0; 4935 z-index: 2; 4936} 4937.alert-primary { 4938 --bs-alert-color: var(--bs-primary-text-emphasis); 4939 --bs-alert-bg: var(--bs-primary-bg-subtle); 4940 --bs-alert-border-color: var(--bs-primary-border-subtle); 4941 --bs-alert-link-color: var(--bs-primary-text-emphasis); 4942} 4943.alert-secondary { 4944 --bs-alert-color: var(--bs-secondary-text-emphasis); 4945 --bs-alert-bg: var(--bs-secondary-bg-subtle); 4946 --bs-alert-border-color: var(--bs-secondary-border-subtle); 4947 --bs-alert-link-color: var(--bs-secondary-text-emphasis); 4948} 4949.alert-success { 4950 --bs-alert-color: var(--bs-success-text-emphasis); 4951 --bs-alert-bg: var(--bs-success-bg-subtle); 4952 --bs-alert-border-color: var(--bs-success-border-subtle); 4953 --bs-alert-link-color: var(--bs-success-text-emphasis); 4954} 4955.alert-info { 4956 --bs-alert-color: var(--bs-info-text-emphasis); 4957 --bs-alert-bg: var(--bs-info-bg-subtle); 4958 --bs-alert-border-color: var(--bs-info-border-subtle); 4959 --bs-alert-link-color: var(--bs-info-text-emphasis); 4960} 4961.alert-warning { 4962 --bs-alert-color: var(--bs-warning-text-emphasis); 4963 --bs-alert-bg: var(--bs-warning-bg-subtle); 4964 --bs-alert-border-color: var(--bs-warning-border-subtle); 4965 --bs-alert-link-color: var(--bs-warning-text-emphasis); 4966} 4967.alert-danger { 4968 --bs-alert-color: var(--bs-danger-text-emphasis); 4969 --bs-alert-bg: var(--bs-danger-bg-subtle); 4970 --bs-alert-border-color: var(--bs-danger-border-subtle); 4971 --bs-alert-link-color: var(--bs-danger-text-emphasis); 4972} 4973.alert-light { 4974 --bs-alert-color: var(--bs-light-text-emphasis); 4975 --bs-alert-bg: var(--bs-light-bg-subtle); 4976 --bs-alert-border-color: var(--bs-light-border-subtle); 4977 --bs-alert-link-color: var(--bs-light-text-emphasis); 4978} 4979.alert-dark { 4980 --bs-alert-color: var(--bs-dark-text-emphasis); 4981 --bs-alert-bg: var(--bs-dark-bg-subtle); 4982 --bs-alert-border-color: var(--bs-dark-border-subtle); 4983 --bs-alert-link-color: var(--bs-dark-text-emphasis); 4984} 4985@keyframes progress-bar-stripes { 4986 0% { 4987 background-position-x: 1rem; 4988 } 4989} 4990.progress, 4991.progress-stacked { 4992 --bs-progress-height: 1rem; 4993 --bs-progress-font-size: 0.75rem; 4994 --bs-progress-bg: var(--bs-secondary-bg); 4995 --bs-progress-border-radius: var(--bs-border-radius); 4996 --bs-progress-box-shadow: var(--bs-box-shadow-inset); 4997 --bs-progress-bar-color: #fff; 4998 --bs-progress-bar-bg: #3bafff; 4999 --bs-progress-bar-transition: width 0.6s ease; 5000 background-color: var(--bs-progress-bg); 5001 border-radius: var(--bs-progress-border-radius); 5002 display: flex; 5003 font-size: var(--bs-progress-font-size); 5004 height: var(--bs-progress-height); 5005 overflow: hidden; 5006} 5007.progress-bar { 5008 background-color: var(--bs-progress-bar-bg); 5009 color: var(--bs-progress-bar-color); 5010 display: flex; 5011 flex-direction: column; 5012 justify-content: center; 5013 overflow: hidden; 5014 text-align: center; 5015 transition: var(--bs-progress-bar-transition); 5016 white-space: nowrap; 5017} 5018@media (prefers-reduced-motion: reduce) { 5019 .progress-bar { 5020 transition: none; 5021 } 5022} 5023.progress-bar-striped { 5024 background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent); 5025 background-size: var(--bs-progress-height) var(--bs-progress-height); 5026} 5027.progress-stacked > .progress { 5028 overflow: visible; 5029} 5030.progress-stacked > .progress > .progress-bar { 5031 width: 100%; 5032} 5033.progress-bar-animated { 5034 animation: progress-bar-stripes 1s linear infinite; 5035} 5036@media (prefers-reduced-motion: reduce) { 5037 .progress-bar-animated { 5038 animation: none; 5039 } 5040} 5041.list-group { 5042 --bs-list-group-color: #f6f6f6; 5043 --bs-list-group-bg: #2d2d2d; 5044 --bs-list-group-border-color: var(--bs-border-color); 5045 --bs-list-group-border-width: var(--bs-border-width); 5046 --bs-list-group-border-radius: var(--bs-border-radius); 5047 --bs-list-group-item-padding-x: 1rem; 5048 --bs-list-group-item-padding-y: 0.5rem; 5049 --bs-list-group-action-color: var(--bs-secondary-color); 5050 --bs-list-group-action-hover-color: #f6f6f6; 5051 --bs-list-group-action-hover-bg: #3c3c3c; 5052 --bs-list-group-action-active-color: #f6f6f6; 5053 --bs-list-group-action-active-bg: #2d2d2d; 5054 --bs-list-group-disabled-color: var(--bs-secondary-color); 5055 --bs-list-group-disabled-bg: #2d2d2d; 5056 --bs-list-group-active-color: #fff; 5057 --bs-list-group-active-bg: #3bafff; 5058 --bs-list-group-active-border-color: #3bafff; 5059 border-radius: var(--bs-list-group-border-radius); 5060 display: flex; 5061 flex-direction: column; 5062 margin-bottom: 0; 5063 padding-left: 0; 5064} 5065.list-group-numbered { 5066 counter-reset: section; 5067 list-style-type: none; 5068} 5069.list-group-numbered > .list-group-item:before { 5070 content: counters(section, '.') '. '; 5071 counter-increment: section; 5072} 5073.list-group-item-action { 5074 color: var(--bs-list-group-action-color); 5075 text-align: inherit; 5076 width: 100%; 5077} 5078.list-group-item-action:focus, 5079.list-group-item-action:hover { 5080 background-color: var(--bs-list-group-action-hover-bg); 5081 color: var(--bs-list-group-action-hover-color); 5082 text-decoration: none; 5083 z-index: 1; 5084} 5085.list-group-item-action:active { 5086 background-color: var(--bs-list-group-action-active-bg); 5087 color: var(--bs-list-group-action-active-color); 5088} 5089.list-group-item { 5090 background-color: var(--bs-list-group-bg); 5091 border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); 5092 color: var(--bs-list-group-color); 5093 display: block; 5094 padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); 5095 position: relative; 5096} 5097.list-group-item:first-child { 5098 border-top-left-radius: inherit; 5099 border-top-right-radius: inherit; 5100} 5101.list-group-item:last-child { 5102 border-bottom-left-radius: inherit; 5103 border-bottom-right-radius: inherit; 5104} 5105.list-group-item.disabled, 5106.list-group-item:disabled { 5107 background-color: var(--bs-list-group-disabled-bg); 5108 color: var(--bs-list-group-disabled-color); 5109 pointer-events: none; 5110} 5111.list-group-item.active { 5112 background-color: var(--bs-list-group-active-bg); 5113 border-color: var(--bs-list-group-active-border-color); 5114 color: var(--bs-list-group-active-color); 5115 z-index: 2; 5116} 5117.list-group-item + .list-group-item { 5118 border-top-width: 0; 5119} 5120.list-group-item + .list-group-item.active { 5121 border-top-width: var(--bs-list-group-border-width); 5122 margin-top: calc(var(--bs-list-group-border-width) * -1); 5123} 5124.list-group-horizontal { 5125 flex-direction: row; 5126} 5127.list-group-horizontal > .list-group-item:first-child:not(:last-child) { 5128 border-bottom-left-radius: var(--bs-list-group-border-radius); 5129 border-top-right-radius: 0; 5130} 5131.list-group-horizontal > .list-group-item:last-child:not(:first-child) { 5132 border-bottom-left-radius: 0; 5133 border-top-right-radius: var(--bs-list-group-border-radius); 5134} 5135.list-group-horizontal > .list-group-item.active { 5136 margin-top: 0; 5137} 5138.list-group-horizontal > .list-group-item + .list-group-item { 5139 border-left-width: 0; 5140 border-top-width: var(--bs-list-group-border-width); 5141} 5142.list-group-horizontal > .list-group-item + .list-group-item.active { 5143 border-left-width: var(--bs-list-group-border-width); 5144 margin-left: calc(var(--bs-list-group-border-width) * -1); 5145} 5146@media (min-width: 576px) { 5147 .list-group-horizontal-sm { 5148 flex-direction: row; 5149 } 5150 .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { 5151 border-bottom-left-radius: var(--bs-list-group-border-radius); 5152 border-top-right-radius: 0; 5153 } 5154 .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { 5155 border-bottom-left-radius: 0; 5156 border-top-right-radius: var(--bs-list-group-border-radius); 5157 } 5158 .list-group-horizontal-sm > .list-group-item.active { 5159 margin-top: 0; 5160 } 5161 .list-group-horizontal-sm > .list-group-item + .list-group-item { 5162 border-left-width: 0; 5163 border-top-width: var(--bs-list-group-border-width); 5164 } 5165 .list-group-horizontal-sm > .list-group-item + .list-group-item.active { 5166 border-left-width: var(--bs-list-group-border-width); 5167 margin-left: calc(var(--bs-list-group-border-width) * -1); 5168 } 5169} 5170@media (min-width: 768px) { 5171 .list-group-horizontal-md { 5172 flex-direction: row; 5173 } 5174 .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { 5175 border-bottom-left-radius: var(--bs-list-group-border-radius); 5176 border-top-right-radius: 0; 5177 } 5178 .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { 5179 border-bottom-left-radius: 0; 5180 border-top-right-radius: var(--bs-list-group-border-radius); 5181 } 5182 .list-group-horizontal-md > .list-group-item.active { 5183 margin-top: 0; 5184 } 5185 .list-group-horizontal-md > .list-group-item + .list-group-item { 5186 border-left-width: 0; 5187 border-top-width: var(--bs-list-group-border-width); 5188 } 5189 .list-group-horizontal-md > .list-group-item + .list-group-item.active { 5190 border-left-width: var(--bs-list-group-border-width); 5191 margin-left: calc(var(--bs-list-group-border-width) * -1); 5192 } 5193} 5194@media (min-width: 992px) { 5195 .list-group-horizontal-lg { 5196 flex-direction: row; 5197 } 5198 .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { 5199 border-bottom-left-radius: var(--bs-list-group-border-radius); 5200 border-top-right-radius: 0; 5201 } 5202 .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { 5203 border-bottom-left-radius: 0; 5204 border-top-right-radius: var(--bs-list-group-border-radius); 5205 } 5206 .list-group-horizontal-lg > .list-group-item.active { 5207 margin-top: 0; 5208 } 5209 .list-group-horizontal-lg > .list-group-item + .list-group-item { 5210 border-left-width: 0; 5211 border-top-width: var(--bs-list-group-border-width); 5212 } 5213 .list-group-horizontal-lg > .list-group-item + .list-group-item.active { 5214 border-left-width: var(--bs-list-group-border-width); 5215 margin-left: calc(var(--bs-list-group-border-width) * -1); 5216 } 5217} 5218@media (min-width: 1200px) { 5219 .list-group-horizontal-xl { 5220 flex-direction: row; 5221 } 5222 .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { 5223 border-bottom-left-radius: var(--bs-list-group-border-radius); 5224 border-top-right-radius: 0; 5225 } 5226 .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { 5227 border-bottom-left-radius: 0; 5228 border-top-right-radius: var(--bs-list-group-border-radius); 5229 } 5230 .list-group-horizontal-xl > .list-group-item.active { 5231 margin-top: 0; 5232 } 5233 .list-group-horizontal-xl > .list-group-item + .list-group-item { 5234 border-left-width: 0; 5235 border-top-width: var(--bs-list-group-border-width); 5236 } 5237 .list-group-horizontal-xl > .list-group-item + .list-group-item.active { 5238 border-left-width: var(--bs-list-group-border-width); 5239 margin-left: calc(var(--bs-list-group-border-width) * -1); 5240 } 5241} 5242@media (min-width: 1400px) { 5243 .list-group-horizontal-xxl { 5244 flex-direction: row; 5245 } 5246 .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { 5247 border-bottom-left-radius: var(--bs-list-group-border-radius); 5248 border-top-right-radius: 0; 5249 } 5250 .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { 5251 border-bottom-left-radius: 0; 5252 border-top-right-radius: var(--bs-list-group-border-radius); 5253 } 5254 .list-group-horizontal-xxl > .list-group-item.active { 5255 margin-top: 0; 5256 } 5257 .list-group-horizontal-xxl > .list-group-item + .list-group-item { 5258 border-left-width: 0; 5259 border-top-width: var(--bs-list-group-border-width); 5260 } 5261 .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { 5262 border-left-width: var(--bs-list-group-border-width); 5263 margin-left: calc(var(--bs-list-group-border-width) * -1); 5264 } 5265} 5266.list-group-flush { 5267 border-radius: 0; 5268} 5269.list-group-flush > .list-group-item { 5270 border-width: 0 0 var(--bs-list-group-border-width); 5271} 5272.list-group-flush > .list-group-item:last-child { 5273 border-bottom-width: 0; 5274} 5275.list-group-item-primary { 5276 --bs-list-group-color: var(--bs-primary-text-emphasis); 5277 --bs-list-group-bg: var(--bs-primary-bg-subtle); 5278 --bs-list-group-border-color: var(--bs-primary-border-subtle); 5279 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5280 --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); 5281 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5282 --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); 5283 --bs-list-group-active-color: var(--bs-primary-bg-subtle); 5284 --bs-list-group-active-bg: var(--bs-primary-text-emphasis); 5285 --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); 5286} 5287.list-group-item-secondary { 5288 --bs-list-group-color: var(--bs-secondary-text-emphasis); 5289 --bs-list-group-bg: var(--bs-secondary-bg-subtle); 5290 --bs-list-group-border-color: var(--bs-secondary-border-subtle); 5291 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5292 --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); 5293 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5294 --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); 5295 --bs-list-group-active-color: var(--bs-secondary-bg-subtle); 5296 --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); 5297 --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); 5298} 5299.list-group-item-success { 5300 --bs-list-group-color: var(--bs-success-text-emphasis); 5301 --bs-list-group-bg: var(--bs-success-bg-subtle); 5302 --bs-list-group-border-color: var(--bs-success-border-subtle); 5303 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5304 --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); 5305 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5306 --bs-list-group-action-active-bg: var(--bs-success-border-subtle); 5307 --bs-list-group-active-color: var(--bs-success-bg-subtle); 5308 --bs-list-group-active-bg: var(--bs-success-text-emphasis); 5309 --bs-list-group-active-border-color: var(--bs-success-text-emphasis); 5310} 5311.list-group-item-info { 5312 --bs-list-group-color: var(--bs-info-text-emphasis); 5313 --bs-list-group-bg: var(--bs-info-bg-subtle); 5314 --bs-list-group-border-color: var(--bs-info-border-subtle); 5315 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5316 --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); 5317 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5318 --bs-list-group-action-active-bg: var(--bs-info-border-subtle); 5319 --bs-list-group-active-color: var(--bs-info-bg-subtle); 5320 --bs-list-group-active-bg: var(--bs-info-text-emphasis); 5321 --bs-list-group-active-border-color: var(--bs-info-text-emphasis); 5322} 5323.list-group-item-warning { 5324 --bs-list-group-color: var(--bs-warning-text-emphasis); 5325 --bs-list-group-bg: var(--bs-warning-bg-subtle); 5326 --bs-list-group-border-color: var(--bs-warning-border-subtle); 5327 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5328 --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); 5329 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5330 --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); 5331 --bs-list-group-active-color: var(--bs-warning-bg-subtle); 5332 --bs-list-group-active-bg: var(--bs-warning-text-emphasis); 5333 --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); 5334} 5335.list-group-item-danger { 5336 --bs-list-group-color: var(--bs-danger-text-emphasis); 5337 --bs-list-group-bg: var(--bs-danger-bg-subtle); 5338 --bs-list-group-border-color: var(--bs-danger-border-subtle); 5339 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5340 --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); 5341 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5342 --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); 5343 --bs-list-group-active-color: var(--bs-danger-bg-subtle); 5344 --bs-list-group-active-bg: var(--bs-danger-text-emphasis); 5345 --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); 5346} 5347.list-group-item-light { 5348 --bs-list-group-color: var(--bs-light-text-emphasis); 5349 --bs-list-group-bg: var(--bs-light-bg-subtle); 5350 --bs-list-group-border-color: var(--bs-light-border-subtle); 5351 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5352 --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); 5353 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5354 --bs-list-group-action-active-bg: var(--bs-light-border-subtle); 5355 --bs-list-group-active-color: var(--bs-light-bg-subtle); 5356 --bs-list-group-active-bg: var(--bs-light-text-emphasis); 5357 --bs-list-group-active-border-color: var(--bs-light-text-emphasis); 5358} 5359.list-group-item-dark { 5360 --bs-list-group-color: var(--bs-dark-text-emphasis); 5361 --bs-list-group-bg: var(--bs-dark-bg-subtle); 5362 --bs-list-group-border-color: var(--bs-dark-border-subtle); 5363 --bs-list-group-action-hover-color: var(--bs-emphasis-color); 5364 --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); 5365 --bs-list-group-action-active-color: var(--bs-emphasis-color); 5366 --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); 5367 --bs-list-group-active-color: var(--bs-dark-bg-subtle); 5368 --bs-list-group-active-bg: var(--bs-dark-text-emphasis); 5369 --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); 5370} 5371.btn-close { 5372 --bs-btn-close-color: #f6f6f6; 5373 --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"); 5374 --bs-btn-close-opacity: 0.5; 5375 --bs-btn-close-hover-opacity: 0.75; 5376 --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(59, 175, 255, 0.25); 5377 --bs-btn-close-focus-opacity: 1; 5378 --bs-btn-close-disabled-opacity: 0.25; 5379 --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); 5380 background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; 5381 border: 0; 5382 border-radius: 0.375rem; 5383 box-sizing: content-box; 5384 height: 1em; 5385 opacity: var(--bs-btn-close-opacity); 5386 padding: 0.25em; 5387 width: 1em; 5388} 5389.btn-close, 5390.btn-close:hover { 5391 color: var(--bs-btn-close-color); 5392} 5393.btn-close:hover { 5394 opacity: var(--bs-btn-close-hover-opacity); 5395 text-decoration: none; 5396} 5397.btn-close:focus { 5398 box-shadow: var(--bs-btn-close-focus-shadow); 5399 opacity: var(--bs-btn-close-focus-opacity); 5400 outline: 0; 5401} 5402.btn-close.disabled, 5403.btn-close:disabled { 5404 opacity: var(--bs-btn-close-disabled-opacity); 5405 pointer-events: none; 5406 -webkit-user-select: none; 5407 -moz-user-select: none; 5408 user-select: none; 5409} 5410.btn-close-white, 5411[data-bs-theme='dark'] .btn-close { 5412 filter: var(--bs-btn-close-white-filter); 5413} 5414.toast { 5415 --bs-toast-zindex: 1090; 5416 --bs-toast-padding-x: 0.75rem; 5417 --bs-toast-padding-y: 0.5rem; 5418 --bs-toast-spacing: 1.5rem; 5419 --bs-toast-max-width: 350px; 5420 --bs-toast-font-size: 0.875rem; 5421 --bs-toast-color: ; 5422 --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); 5423 --bs-toast-border-width: var(--bs-border-width); 5424 --bs-toast-border-color: var(--bs-border-color-translucent); 5425 --bs-toast-border-radius: var(--bs-border-radius); 5426 --bs-toast-box-shadow: var(--bs-box-shadow); 5427 --bs-toast-header-color: var(--bs-secondary-color); 5428 --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); 5429 --bs-toast-header-border-color: var(--bs-border-color-translucent); 5430 background-clip: padding-box; 5431 background-color: var(--bs-toast-bg); 5432 border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); 5433 border-radius: var(--bs-toast-border-radius); 5434 box-shadow: var(--bs-toast-box-shadow); 5435 color: var(--bs-toast-color); 5436 font-size: var(--bs-toast-font-size); 5437 max-width: 100%; 5438 pointer-events: auto; 5439 width: var(--bs-toast-max-width); 5440} 5441.toast.showing { 5442 opacity: 0; 5443} 5444.toast:not(.show) { 5445 display: none; 5446} 5447.toast-container { 5448 --bs-toast-zindex: 1090; 5449 max-width: 100%; 5450 pointer-events: none; 5451 position: absolute; 5452 width: -moz-max-content; 5453 width: max-content; 5454 z-index: var(--bs-toast-zindex); 5455} 5456.toast-container > :not(:last-child) { 5457 margin-bottom: var(--bs-toast-spacing); 5458} 5459.toast-header { 5460 align-items: center; 5461 background-clip: padding-box; 5462 background-color: var(--bs-toast-header-bg); 5463 border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); 5464 border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); 5465 border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); 5466 color: var(--bs-toast-header-color); 5467 display: flex; 5468 padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); 5469} 5470.toast-header .btn-close { 5471 margin-left: var(--bs-toast-padding-x); 5472 margin-right: calc(var(--bs-toast-padding-x) * -0.5); 5473} 5474.toast-body { 5475 padding: var(--bs-toast-padding-x); 5476 word-wrap: break-word; 5477} 5478.modal { 5479 --bs-modal-zindex: 1055; 5480 --bs-modal-width: 500px; 5481 --bs-modal-padding: 1rem; 5482 --bs-modal-margin: 0.5rem; 5483 --bs-modal-color: ; 5484 --bs-modal-bg: var(--bs-body-bg); 5485 --bs-modal-border-color: var(--bs-border-color-translucent); 5486 --bs-modal-border-width: var(--bs-border-width); 5487 --bs-modal-border-radius: var(--bs-border-radius-lg); 5488 --bs-modal-box-shadow: var(--bs-box-shadow-sm); 5489 --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); 5490 --bs-modal-header-padding-x: 1rem; 5491 --bs-modal-header-padding-y: 1rem; 5492 --bs-modal-header-padding: 1rem 1rem; 5493 --bs-modal-header-border-color: transparent; 5494 --bs-modal-header-border-width: 0; 5495 --bs-modal-title-line-height: 1.5; 5496 --bs-modal-footer-gap: 0.5rem; 5497 --bs-modal-footer-bg: ; 5498 --bs-modal-footer-border-color: transparent; 5499 --bs-modal-footer-border-width: 0; 5500 display: none; 5501 height: 100%; 5502 left: 0; 5503 outline: 0; 5504 overflow-x: hidden; 5505 overflow-y: auto; 5506 position: fixed; 5507 top: 0; 5508 width: 100%; 5509 z-index: var(--bs-modal-zindex); 5510} 5511.modal-dialog { 5512 margin: var(--bs-modal-margin); 5513 pointer-events: none; 5514 position: relative; 5515 width: auto; 5516} 5517.modal.fade .modal-dialog { 5518 transform: translateY(-50px); 5519 transition: transform 0.3s ease-out; 5520} 5521@media (prefers-reduced-motion: reduce) { 5522 .modal.fade .modal-dialog { 5523 transition: none; 5524 } 5525} 5526.modal.show .modal-dialog { 5527 transform: none; 5528} 5529.modal.modal-static .modal-dialog { 5530 transform: scale(1.02); 5531} 5532.modal-dialog-scrollable { 5533 height: calc(100% - var(--bs-modal-margin) * 2); 5534} 5535.modal-dialog-scrollable .modal-content { 5536 max-height: 100%; 5537 overflow: hidden; 5538} 5539.modal-dialog-scrollable .modal-body { 5540 overflow-y: auto; 5541} 5542.modal-dialog-centered { 5543 align-items: center; 5544 display: flex; 5545 min-height: calc(100% - var(--bs-modal-margin) * 2); 5546} 5547.modal-content { 5548 background-clip: padding-box; 5549 background-color: var(--bs-modal-bg); 5550 border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); 5551 border-radius: var(--bs-modal-border-radius); 5552 color: var(--bs-modal-color); 5553 display: flex; 5554 flex-direction: column; 5555 outline: 0; 5556 pointer-events: auto; 5557 position: relative; 5558 width: 100%; 5559} 5560.modal-backdrop { 5561 --bs-backdrop-zindex: 1050; 5562 --bs-backdrop-bg: #000; 5563 --bs-backdrop-opacity: 0.5; 5564 background-color: var(--bs-backdrop-bg); 5565 height: 100vh; 5566 left: 0; 5567 position: fixed; 5568 top: 0; 5569 width: 100vw; 5570 z-index: var(--bs-backdrop-zindex); 5571} 5572.modal-backdrop.fade { 5573 opacity: 0; 5574} 5575.modal-backdrop.show { 5576 opacity: var(--bs-backdrop-opacity); 5577} 5578.modal-header { 5579 align-items: center; 5580 border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); 5581 border-top-left-radius: var(--bs-modal-inner-border-radius); 5582 border-top-right-radius: var(--bs-modal-inner-border-radius); 5583 display: flex; 5584 flex-shrink: 0; 5585 padding: var(--bs-modal-header-padding); 5586} 5587.modal-header .btn-close { 5588 margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto; 5589 padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); 5590} 5591.modal-title { 5592 line-height: var(--bs-modal-title-line-height); 5593 margin-bottom: 0; 5594} 5595.modal-body { 5596 flex: 1 1 auto; 5597 padding: var(--bs-modal-padding); 5598 position: relative; 5599} 5600.modal-footer { 5601 align-items: center; 5602 background-color: var(--bs-modal-footer-bg); 5603 border-bottom-left-radius: var(--bs-modal-inner-border-radius); 5604 border-bottom-right-radius: var(--bs-modal-inner-border-radius); 5605 border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); 5606 display: flex; 5607 flex-shrink: 0; 5608 flex-wrap: wrap; 5609 justify-content: flex-end; 5610 padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); 5611} 5612.modal-footer > * { 5613 margin: calc(var(--bs-modal-footer-gap) * 0.5); 5614} 5615@media (min-width: 576px) { 5616 .modal { 5617 --bs-modal-margin: 1.75rem; 5618 --bs-modal-box-shadow: var(--bs-box-shadow); 5619 } 5620 .modal-dialog { 5621 margin-left: auto; 5622 margin-right: auto; 5623 max-width: var(--bs-modal-width); 5624 } 5625 .modal-sm { 5626 --bs-modal-width: 300px; 5627 } 5628} 5629@media (min-width: 992px) { 5630 .modal-lg, 5631 .modal-xl { 5632 --bs-modal-width: 800px; 5633 } 5634} 5635@media (min-width: 1200px) { 5636 .modal-xl { 5637 --bs-modal-width: 1140px; 5638 } 5639} 5640.modal-fullscreen { 5641 height: 100%; 5642 margin: 0; 5643 max-width: none; 5644 width: 100vw; 5645} 5646.modal-fullscreen .modal-content { 5647 border: 0; 5648 border-radius: 0; 5649 height: 100%; 5650} 5651.modal-fullscreen .modal-footer, 5652.modal-fullscreen .modal-header { 5653 border-radius: 0; 5654} 5655.modal-fullscreen .modal-body { 5656 overflow-y: auto; 5657} 5658@media (max-width: 575.98px) { 5659 .modal-fullscreen-sm-down { 5660 height: 100%; 5661 margin: 0; 5662 max-width: none; 5663 width: 100vw; 5664 } 5665 .modal-fullscreen-sm-down .modal-content { 5666 border: 0; 5667 border-radius: 0; 5668 height: 100%; 5669 } 5670 .modal-fullscreen-sm-down .modal-footer, 5671 .modal-fullscreen-sm-down .modal-header { 5672 border-radius: 0; 5673 } 5674 .modal-fullscreen-sm-down .modal-body { 5675 overflow-y: auto; 5676 } 5677} 5678@media (max-width: 767.98px) { 5679 .modal-fullscreen-md-down { 5680 height: 100%; 5681 margin: 0; 5682 max-width: none; 5683 width: 100vw; 5684 } 5685 .modal-fullscreen-md-down .modal-content { 5686 border: 0; 5687 border-radius: 0; 5688 height: 100%; 5689 } 5690 .modal-fullscreen-md-down .modal-footer, 5691 .modal-fullscreen-md-down .modal-header { 5692 border-radius: 0; 5693 } 5694 .modal-fullscreen-md-down .modal-body { 5695 overflow-y: auto; 5696 } 5697} 5698@media (max-width: 991.98px) { 5699 .modal-fullscreen-lg-down { 5700 height: 100%; 5701 margin: 0; 5702 max-width: none; 5703 width: 100vw; 5704 } 5705 .modal-fullscreen-lg-down .modal-content { 5706 border: 0; 5707 border-radius: 0; 5708 height: 100%; 5709 } 5710 .modal-fullscreen-lg-down .modal-footer, 5711 .modal-fullscreen-lg-down .modal-header { 5712 border-radius: 0; 5713 } 5714 .modal-fullscreen-lg-down .modal-body { 5715 overflow-y: auto; 5716 } 5717} 5718@media (max-width: 1199.98px) { 5719 .modal-fullscreen-xl-down { 5720 height: 100%; 5721 margin: 0; 5722 max-width: none; 5723 width: 100vw; 5724 } 5725 .modal-fullscreen-xl-down .modal-content { 5726 border: 0; 5727 border-radius: 0; 5728 height: 100%; 5729 } 5730 .modal-fullscreen-xl-down .modal-footer, 5731 .modal-fullscreen-xl-down .modal-header { 5732 border-radius: 0; 5733 } 5734 .modal-fullscreen-xl-down .modal-body { 5735 overflow-y: auto; 5736 } 5737} 5738@media (max-width: 1399.98px) { 5739 .modal-fullscreen-xxl-down { 5740 height: 100%; 5741 margin: 0; 5742 max-width: none; 5743 width: 100vw; 5744 } 5745 .modal-fullscreen-xxl-down .modal-content { 5746 border: 0; 5747 border-radius: 0; 5748 height: 100%; 5749 } 5750 .modal-fullscreen-xxl-down .modal-footer, 5751 .modal-fullscreen-xxl-down .modal-header { 5752 border-radius: 0; 5753 } 5754 .modal-fullscreen-xxl-down .modal-body { 5755 overflow-y: auto; 5756 } 5757} 5758.tooltip { 5759 --bs-tooltip-zindex: 1080000; 5760 --bs-tooltip-max-width: 200px; 5761 --bs-tooltip-padding-x: 0.5rem; 5762 --bs-tooltip-padding-y: 0.25rem; 5763 --bs-tooltip-margin: ; 5764 --bs-tooltip-font-size: 0.875rem; 5765 --bs-tooltip-color: #f6f6f6; 5766 --bs-tooltip-bg: #000; 5767 --bs-tooltip-border-radius: var(--bs-border-radius); 5768 --bs-tooltip-opacity: 0.9; 5769 --bs-tooltip-arrow-width: 0.8rem; 5770 --bs-tooltip-arrow-height: 0.4rem; 5771 display: block; 5772 font-family: var(--bs-font-sans-serif); 5773 font-size: var(--bs-tooltip-font-size); 5774 font-style: normal; 5775 font-weight: 400; 5776 letter-spacing: normal; 5777 line-break: auto; 5778 line-height: 1.5; 5779 margin: var(--bs-tooltip-margin); 5780 text-align: left; 5781 text-align: start; 5782 text-decoration: none; 5783 text-shadow: none; 5784 text-transform: none; 5785 white-space: normal; 5786 word-break: normal; 5787 word-spacing: normal; 5788 z-index: var(--bs-tooltip-zindex); 5789 word-wrap: break-word; 5790 opacity: 0; 5791} 5792.tooltip.show { 5793 opacity: var(--bs-tooltip-opacity); 5794} 5795.tooltip .tooltip-arrow { 5796 display: block; 5797 height: var(--bs-tooltip-arrow-height); 5798 width: var(--bs-tooltip-arrow-width); 5799} 5800.tooltip .tooltip-arrow:before { 5801 border-color: transparent; 5802 border-style: solid; 5803 content: ''; 5804 position: absolute; 5805} 5806.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow, 5807.bs-tooltip-top .tooltip-arrow { 5808 bottom: calc(var(--bs-tooltip-arrow-height) * -1); 5809} 5810.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow:before, 5811.bs-tooltip-top .tooltip-arrow:before { 5812 border-top-color: var(--bs-tooltip-bg); 5813 border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; 5814 top: -1px; 5815} 5816.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow, 5817.bs-tooltip-end .tooltip-arrow { 5818 height: var(--bs-tooltip-arrow-width); 5819 left: calc(var(--bs-tooltip-arrow-height) * -1); 5820 width: var(--bs-tooltip-arrow-height); 5821} 5822.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow:before, 5823.bs-tooltip-end .tooltip-arrow:before { 5824 border-right-color: var(--bs-tooltip-bg); 5825 border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; 5826 right: -1px; 5827} 5828.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow, 5829.bs-tooltip-bottom .tooltip-arrow { 5830 top: calc(var(--bs-tooltip-arrow-height) * -1); 5831} 5832.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow:before, 5833.bs-tooltip-bottom .tooltip-arrow:before { 5834 border-bottom-color: var(--bs-tooltip-bg); 5835 border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); 5836 bottom: -1px; 5837} 5838.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow, 5839.bs-tooltip-start .tooltip-arrow { 5840 height: var(--bs-tooltip-arrow-width); 5841 right: calc(var(--bs-tooltip-arrow-height) * -1); 5842 width: var(--bs-tooltip-arrow-height); 5843} 5844.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow:before, 5845.bs-tooltip-start .tooltip-arrow:before { 5846 border-left-color: var(--bs-tooltip-bg); 5847 border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); 5848 left: -1px; 5849} 5850.tooltip-inner { 5851 background-color: var(--bs-tooltip-bg); 5852 border-radius: var(--bs-tooltip-border-radius); 5853 color: var(--bs-tooltip-color); 5854 max-width: var(--bs-tooltip-max-width); 5855 padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); 5856 text-align: center; 5857} 5858.popover { 5859 --bs-popover-zindex: 1070; 5860 --bs-popover-max-width: 276px; 5861 --bs-popover-font-size: 0.875rem; 5862 --bs-popover-bg: var(--bs-body-bg); 5863 --bs-popover-border-width: var(--bs-border-width); 5864 --bs-popover-border-color: var(--bs-border-color-translucent); 5865 --bs-popover-border-radius: var(--bs-border-radius-lg); 5866 --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); 5867 --bs-popover-box-shadow: var(--bs-box-shadow); 5868 --bs-popover-header-padding-x: 1rem; 5869 --bs-popover-header-padding-y: 0.5rem; 5870 --bs-popover-header-font-size: 1rem; 5871 --bs-popover-header-color: inherit; 5872 --bs-popover-header-bg: var(--bs-secondary-bg); 5873 --bs-popover-body-padding-x: 1rem; 5874 --bs-popover-body-padding-y: 1rem; 5875 --bs-popover-body-color: var(--bs-body-color); 5876 --bs-popover-arrow-width: 1rem; 5877 --bs-popover-arrow-height: 0.5rem; 5878 --bs-popover-arrow-border: var(--bs-popover-border-color); 5879 display: block; 5880 font-family: var(--bs-font-sans-serif); 5881 font-size: var(--bs-popover-font-size); 5882 font-style: normal; 5883 font-weight: 400; 5884 letter-spacing: normal; 5885 line-break: auto; 5886 line-height: 1.5; 5887 max-width: var(--bs-popover-max-width); 5888 text-align: left; 5889 text-align: start; 5890 text-decoration: none; 5891 text-shadow: none; 5892 text-transform: none; 5893 white-space: normal; 5894 word-break: normal; 5895 word-spacing: normal; 5896 z-index: var(--bs-popover-zindex); 5897 word-wrap: break-word; 5898 background-clip: padding-box; 5899 background-color: var(--bs-popover-bg); 5900 border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); 5901 border-radius: var(--bs-popover-border-radius); 5902} 5903.popover .popover-arrow { 5904 display: block; 5905 height: var(--bs-popover-arrow-height); 5906 width: var(--bs-popover-arrow-width); 5907} 5908.popover .popover-arrow:after, 5909.popover .popover-arrow:before { 5910 border: 0 solid transparent; 5911 content: ''; 5912 display: block; 5913 position: absolute; 5914} 5915.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow, 5916.bs-popover-top > .popover-arrow { 5917 bottom: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); 5918} 5919.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow:after, 5920.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow:before, 5921.bs-popover-top > .popover-arrow:after, 5922.bs-popover-top > .popover-arrow:before { 5923 border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; 5924} 5925.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow:before, 5926.bs-popover-top > .popover-arrow:before { 5927 border-top-color: var(--bs-popover-arrow-border); 5928 bottom: 0; 5929} 5930.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow:after, 5931.bs-popover-top > .popover-arrow:after { 5932 border-top-color: var(--bs-popover-bg); 5933 bottom: var(--bs-popover-border-width); 5934} 5935.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow, 5936.bs-popover-end > .popover-arrow { 5937 height: var(--bs-popover-arrow-width); 5938 left: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); 5939 width: var(--bs-popover-arrow-height); 5940} 5941.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow:after, 5942.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow:before, 5943.bs-popover-end > .popover-arrow:after, 5944.bs-popover-end > .popover-arrow:before { 5945 border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; 5946} 5947.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow:before, 5948.bs-popover-end > .popover-arrow:before { 5949 border-right-color: var(--bs-popover-arrow-border); 5950 left: 0; 5951} 5952.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow:after, 5953.bs-popover-end > .popover-arrow:after { 5954 border-right-color: var(--bs-popover-bg); 5955 left: var(--bs-popover-border-width); 5956} 5957.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow, 5958.bs-popover-bottom > .popover-arrow { 5959 top: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); 5960} 5961.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow:after, 5962.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow:before, 5963.bs-popover-bottom > .popover-arrow:after, 5964.bs-popover-bottom > .popover-arrow:before { 5965 border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); 5966} 5967.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow:before, 5968.bs-popover-bottom > .popover-arrow:before { 5969 border-bottom-color: var(--bs-popover-arrow-border); 5970 top: 0; 5971} 5972.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow:after, 5973.bs-popover-bottom > .popover-arrow:after { 5974 border-bottom-color: var(--bs-popover-bg); 5975 top: var(--bs-popover-border-width); 5976} 5977.bs-popover-auto[data-popper-placement^='bottom'] .popover-header:before, 5978.bs-popover-bottom .popover-header:before { 5979 border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); 5980 content: ''; 5981 display: block; 5982 left: 50%; 5983 margin-left: calc(var(--bs-popover-arrow-width) * -0.5); 5984 position: absolute; 5985 top: 0; 5986 width: var(--bs-popover-arrow-width); 5987} 5988.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow, 5989.bs-popover-start > .popover-arrow { 5990 height: var(--bs-popover-arrow-width); 5991 right: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width)); 5992 width: var(--bs-popover-arrow-height); 5993} 5994.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow:after, 5995.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow:before, 5996.bs-popover-start > .popover-arrow:after, 5997.bs-popover-start > .popover-arrow:before { 5998 border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); 5999} 6000.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow:before, 6001.bs-popover-start > .popover-arrow:before { 6002 border-left-color: var(--bs-popover-arrow-border); 6003 right: 0; 6004} 6005.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow:after, 6006.bs-popover-start > .popover-arrow:after { 6007 border-left-color: var(--bs-popover-bg); 6008 right: var(--bs-popover-border-width); 6009} 6010.popover-header { 6011 background-color: var(--bs-popover-header-bg); 6012 border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); 6013 border-top-left-radius: var(--bs-popover-inner-border-radius); 6014 border-top-right-radius: var(--bs-popover-inner-border-radius); 6015 color: var(--bs-popover-header-color); 6016 font-size: var(--bs-popover-header-font-size); 6017 margin-bottom: 0; 6018 padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); 6019} 6020.popover-header:empty { 6021 display: none; 6022} 6023.popover-body { 6024 color: var(--bs-popover-body-color); 6025 padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); 6026} 6027.carousel { 6028 position: relative; 6029} 6030.carousel.pointer-event { 6031 touch-action: pan-y; 6032} 6033.carousel-inner { 6034 overflow: hidden; 6035 position: relative; 6036 width: 100%; 6037} 6038.carousel-inner:after { 6039 clear: both; 6040 content: ''; 6041 display: block; 6042} 6043.carousel-item { 6044 backface-visibility: hidden; 6045 display: none; 6046 float: left; 6047 margin-right: -100%; 6048 position: relative; 6049 transition: transform 0.6s ease-in-out; 6050 width: 100%; 6051} 6052@media (prefers-reduced-motion: reduce) { 6053 .carousel-item { 6054 transition: none; 6055 } 6056} 6057.carousel-item-next, 6058.carousel-item-prev, 6059.carousel-item.active { 6060 display: block; 6061} 6062.active.carousel-item-end, 6063.carousel-item-next:not(.carousel-item-start) { 6064 transform: translateX(100%); 6065} 6066.active.carousel-item-start, 6067.carousel-item-prev:not(.carousel-item-end) { 6068 transform: translateX(-100%); 6069} 6070.carousel-fade .carousel-item { 6071 opacity: 0; 6072 transform: none; 6073 transition-property: opacity; 6074} 6075.carousel-fade .carousel-item-next.carousel-item-start, 6076.carousel-fade .carousel-item-prev.carousel-item-end, 6077.carousel-fade .carousel-item.active { 6078 opacity: 1; 6079 z-index: 1; 6080} 6081.carousel-fade .active.carousel-item-end, 6082.carousel-fade .active.carousel-item-start { 6083 opacity: 0; 6084 transition: opacity 0s 0.6s; 6085 z-index: 0; 6086} 6087@media (prefers-reduced-motion: reduce) { 6088 .carousel-fade .active.carousel-item-end, 6089 .carousel-fade .active.carousel-item-start { 6090 transition: none; 6091 } 6092} 6093.carousel-control-next, 6094.carousel-control-prev { 6095 align-items: center; 6096 background: none; 6097 border: 0; 6098 bottom: 0; 6099 color: #fff; 6100 display: flex; 6101 justify-content: center; 6102 opacity: 0.5; 6103 padding: 0; 6104 position: absolute; 6105 text-align: center; 6106 top: 0; 6107 transition: opacity 0.15s ease; 6108 width: 15%; 6109 z-index: 1; 6110} 6111@media (prefers-reduced-motion: reduce) { 6112 .carousel-control-next, 6113 .carousel-control-prev { 6114 transition: none; 6115 } 6116} 6117.carousel-control-next:focus, 6118.carousel-control-next:hover, 6119.carousel-control-prev:focus, 6120.carousel-control-prev:hover { 6121 color: #fff; 6122 opacity: 0.9; 6123 outline: 0; 6124 text-decoration: none; 6125} 6126.carousel-control-prev { 6127 left: 0; 6128} 6129.carousel-control-next { 6130 right: 0; 6131} 6132.carousel-control-next-icon, 6133.carousel-control-prev-icon { 6134 background-position: 50%; 6135 background-repeat: no-repeat; 6136 background-size: 100% 100%; 6137 display: inline-block; 6138 height: 2rem; 6139 width: 2rem; 6140} 6141.carousel-control-prev-icon { 6142 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"); 6143} 6144.carousel-control-next-icon { 6145 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"); 6146} 6147.carousel-indicators { 6148 bottom: 0; 6149 display: flex; 6150 justify-content: center; 6151 left: 0; 6152 margin-bottom: 1rem; 6153 margin-left: 15%; 6154 margin-right: 15%; 6155 padding: 0; 6156 position: absolute; 6157 right: 0; 6158 z-index: 2; 6159} 6160.carousel-indicators [data-bs-target] { 6161 background-clip: padding-box; 6162 background-color: #fff; 6163 border: 0; 6164 border-bottom: 10px solid transparent; 6165 border-top: 10px solid transparent; 6166 box-sizing: content-box; 6167 cursor: pointer; 6168 flex: 0 1 auto; 6169 height: 3px; 6170 margin-left: 3px; 6171 margin-right: 3px; 6172 opacity: 0.5; 6173 padding: 0; 6174 text-indent: -999px; 6175 transition: opacity 0.6s ease; 6176 width: 30px; 6177} 6178@media (prefers-reduced-motion: reduce) { 6179 .carousel-indicators [data-bs-target] { 6180 transition: none; 6181 } 6182} 6183.carousel-caption { 6184 bottom: 1.25rem; 6185 color: #fff; 6186 left: 15%; 6187 padding-bottom: 1.25rem; 6188 padding-top: 1.25rem; 6189 position: absolute; 6190 right: 15%; 6191 text-align: center; 6192} 6193.carousel-dark .carousel-control-next-icon, 6194.carousel-dark .carousel-control-prev-icon { 6195 filter: invert(1) grayscale(100); 6196} 6197.carousel-dark .carousel-indicators [data-bs-target] { 6198 background-color: #000; 6199} 6200.carousel-dark .carousel-caption { 6201 color: #000; 6202} 6203[data-bs-theme='dark'] .carousel .carousel-control-next-icon, 6204[data-bs-theme='dark'] .carousel .carousel-control-prev-icon, 6205[data-bs-theme='dark'].carousel .carousel-control-next-icon, 6206[data-bs-theme='dark'].carousel .carousel-control-prev-icon { 6207 filter: invert(1) grayscale(100); 6208} 6209[data-bs-theme='dark'] .carousel .carousel-indicators [data-bs-target], 6210[data-bs-theme='dark'].carousel .carousel-indicators [data-bs-target] { 6211 background-color: #000; 6212} 6213[data-bs-theme='dark'] .carousel .carousel-caption, 6214[data-bs-theme='dark'].carousel .carousel-caption { 6215 color: #000; 6216} 6217.spinner-border, 6218.spinner-grow { 6219 animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); 6220 border-radius: 50%; 6221 display: inline-block; 6222 height: var(--bs-spinner-height); 6223 vertical-align: var(--bs-spinner-vertical-align); 6224 width: var(--bs-spinner-width); 6225} 6226@keyframes spinner-border { 6227 to { 6228 transform: rotate(1turn); 6229 } 6230} 6231.spinner-border { 6232 --bs-spinner-width: 2rem; 6233 --bs-spinner-height: 2rem; 6234 --bs-spinner-vertical-align: -0.125em; 6235 --bs-spinner-border-width: 0.25em; 6236 --bs-spinner-animation-speed: 0.75s; 6237 --bs-spinner-animation-name: spinner-border; 6238 border-right-color: currentcolor; 6239 border: var(--bs-spinner-border-width) solid; 6240 border-right: var(--bs-spinner-border-width) solid transparent; 6241} 6242.spinner-border-sm { 6243 --bs-spinner-width: 1rem; 6244 --bs-spinner-height: 1rem; 6245 --bs-spinner-border-width: 0.2em; 6246} 6247@keyframes spinner-grow { 6248 0% { 6249 transform: scale(0); 6250 } 6251 50% { 6252 opacity: 1; 6253 transform: none; 6254 } 6255} 6256.spinner-grow { 6257 --bs-spinner-width: 2rem; 6258 --bs-spinner-height: 2rem; 6259 --bs-spinner-vertical-align: -0.125em; 6260 --bs-spinner-animation-speed: 0.75s; 6261 --bs-spinner-animation-name: spinner-grow; 6262 background-color: currentcolor; 6263 opacity: 0; 6264} 6265.spinner-grow-sm { 6266 --bs-spinner-width: 1rem; 6267 --bs-spinner-height: 1rem; 6268} 6269@media (prefers-reduced-motion: reduce) { 6270 .spinner-border, 6271 .spinner-grow { 6272 --bs-spinner-animation-speed: 1.5s; 6273 } 6274} 6275.offcanvas, 6276.offcanvas-lg, 6277.offcanvas-md, 6278.offcanvas-sm, 6279.offcanvas-xl, 6280.offcanvas-xxl { 6281 --bs-offcanvas-zindex: 1045; 6282 --bs-offcanvas-width: 400px; 6283 --bs-offcanvas-height: 30vh; 6284 --bs-offcanvas-padding-x: 1rem; 6285 --bs-offcanvas-padding-y: 1rem; 6286 --bs-offcanvas-color: var(--bs-body-color); 6287 --bs-offcanvas-bg: var(--bs-body-bg); 6288 --bs-offcanvas-border-width: var(--bs-border-width); 6289 --bs-offcanvas-border-color: var(--bs-border-color-translucent); 6290 --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); 6291 --bs-offcanvas-transition: transform 0.3s ease-in-out; 6292 --bs-offcanvas-title-line-height: 1.5; 6293} 6294@media (max-width: 575.98px) { 6295 .offcanvas-sm { 6296 background-clip: padding-box; 6297 background-color: var(--bs-offcanvas-bg); 6298 bottom: 0; 6299 color: var(--bs-offcanvas-color); 6300 display: flex; 6301 flex-direction: column; 6302 max-width: 100%; 6303 outline: 0; 6304 position: fixed; 6305 transition: var(--bs-offcanvas-transition); 6306 visibility: hidden; 6307 z-index: var(--bs-offcanvas-zindex); 6308 } 6309} 6310@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { 6311 .offcanvas-sm { 6312 transition: none; 6313 } 6314} 6315@media (max-width: 575.98px) { 6316 .offcanvas-sm.offcanvas-start { 6317 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6318 left: 0; 6319 top: 0; 6320 transform: translateX(-100%); 6321 width: var(--bs-offcanvas-width); 6322 } 6323 .offcanvas-sm.offcanvas-end { 6324 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6325 right: 0; 6326 top: 0; 6327 transform: translateX(100%); 6328 width: var(--bs-offcanvas-width); 6329 } 6330 .offcanvas-sm.offcanvas-top { 6331 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6332 top: 0; 6333 transform: translateY(-100%); 6334 } 6335 .offcanvas-sm.offcanvas-bottom, 6336 .offcanvas-sm.offcanvas-top { 6337 height: var(--bs-offcanvas-height); 6338 left: 0; 6339 max-height: 100%; 6340 right: 0; 6341 } 6342 .offcanvas-sm.offcanvas-bottom { 6343 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6344 transform: translateY(100%); 6345 } 6346 .offcanvas-sm.show:not(.hiding), 6347 .offcanvas-sm.showing { 6348 transform: none; 6349 } 6350 .offcanvas-sm.hiding, 6351 .offcanvas-sm.show, 6352 .offcanvas-sm.showing { 6353 visibility: visible; 6354 } 6355} 6356@media (min-width: 576px) { 6357 .offcanvas-sm { 6358 --bs-offcanvas-height: auto; 6359 --bs-offcanvas-border-width: 0; 6360 background-color: transparent !important; 6361 } 6362 .offcanvas-sm .offcanvas-header { 6363 display: none; 6364 } 6365 .offcanvas-sm .offcanvas-body { 6366 background-color: transparent !important; 6367 display: flex; 6368 flex-grow: 0; 6369 overflow-y: visible; 6370 padding: 0; 6371 } 6372} 6373@media (max-width: 767.98px) { 6374 .offcanvas-md { 6375 background-clip: padding-box; 6376 background-color: var(--bs-offcanvas-bg); 6377 bottom: 0; 6378 color: var(--bs-offcanvas-color); 6379 display: flex; 6380 flex-direction: column; 6381 max-width: 100%; 6382 outline: 0; 6383 position: fixed; 6384 transition: var(--bs-offcanvas-transition); 6385 visibility: hidden; 6386 z-index: var(--bs-offcanvas-zindex); 6387 } 6388} 6389@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { 6390 .offcanvas-md { 6391 transition: none; 6392 } 6393} 6394@media (max-width: 767.98px) { 6395 .offcanvas-md.offcanvas-start { 6396 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6397 left: 0; 6398 top: 0; 6399 transform: translateX(-100%); 6400 width: var(--bs-offcanvas-width); 6401 } 6402 .offcanvas-md.offcanvas-end { 6403 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6404 right: 0; 6405 top: 0; 6406 transform: translateX(100%); 6407 width: var(--bs-offcanvas-width); 6408 } 6409 .offcanvas-md.offcanvas-top { 6410 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6411 top: 0; 6412 transform: translateY(-100%); 6413 } 6414 .offcanvas-md.offcanvas-bottom, 6415 .offcanvas-md.offcanvas-top { 6416 height: var(--bs-offcanvas-height); 6417 left: 0; 6418 max-height: 100%; 6419 right: 0; 6420 } 6421 .offcanvas-md.offcanvas-bottom { 6422 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6423 transform: translateY(100%); 6424 } 6425 .offcanvas-md.show:not(.hiding), 6426 .offcanvas-md.showing { 6427 transform: none; 6428 } 6429 .offcanvas-md.hiding, 6430 .offcanvas-md.show, 6431 .offcanvas-md.showing { 6432 visibility: visible; 6433 } 6434} 6435@media (min-width: 768px) { 6436 .offcanvas-md { 6437 --bs-offcanvas-height: auto; 6438 --bs-offcanvas-border-width: 0; 6439 background-color: transparent !important; 6440 } 6441 .offcanvas-md .offcanvas-header { 6442 display: none; 6443 } 6444 .offcanvas-md .offcanvas-body { 6445 background-color: transparent !important; 6446 display: flex; 6447 flex-grow: 0; 6448 overflow-y: visible; 6449 padding: 0; 6450 } 6451} 6452@media (max-width: 991.98px) { 6453 .offcanvas-lg { 6454 background-clip: padding-box; 6455 background-color: var(--bs-offcanvas-bg); 6456 bottom: 0; 6457 color: var(--bs-offcanvas-color); 6458 display: flex; 6459 flex-direction: column; 6460 max-width: 100%; 6461 outline: 0; 6462 position: fixed; 6463 transition: var(--bs-offcanvas-transition); 6464 visibility: hidden; 6465 z-index: var(--bs-offcanvas-zindex); 6466 } 6467} 6468@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { 6469 .offcanvas-lg { 6470 transition: none; 6471 } 6472} 6473@media (max-width: 991.98px) { 6474 .offcanvas-lg.offcanvas-start { 6475 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6476 left: 0; 6477 top: 0; 6478 transform: translateX(-100%); 6479 width: var(--bs-offcanvas-width); 6480 } 6481 .offcanvas-lg.offcanvas-end { 6482 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6483 right: 0; 6484 top: 0; 6485 transform: translateX(100%); 6486 width: var(--bs-offcanvas-width); 6487 } 6488 .offcanvas-lg.offcanvas-top { 6489 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6490 top: 0; 6491 transform: translateY(-100%); 6492 } 6493 .offcanvas-lg.offcanvas-bottom, 6494 .offcanvas-lg.offcanvas-top { 6495 height: var(--bs-offcanvas-height); 6496 left: 0; 6497 max-height: 100%; 6498 right: 0; 6499 } 6500 .offcanvas-lg.offcanvas-bottom { 6501 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6502 transform: translateY(100%); 6503 } 6504 .offcanvas-lg.show:not(.hiding), 6505 .offcanvas-lg.showing { 6506 transform: none; 6507 } 6508 .offcanvas-lg.hiding, 6509 .offcanvas-lg.show, 6510 .offcanvas-lg.showing { 6511 visibility: visible; 6512 } 6513} 6514@media (min-width: 992px) { 6515 .offcanvas-lg { 6516 --bs-offcanvas-height: auto; 6517 --bs-offcanvas-border-width: 0; 6518 background-color: transparent !important; 6519 } 6520 .offcanvas-lg .offcanvas-header { 6521 display: none; 6522 } 6523 .offcanvas-lg .offcanvas-body { 6524 background-color: transparent !important; 6525 display: flex; 6526 flex-grow: 0; 6527 overflow-y: visible; 6528 padding: 0; 6529 } 6530} 6531@media (max-width: 1199.98px) { 6532 .offcanvas-xl { 6533 background-clip: padding-box; 6534 background-color: var(--bs-offcanvas-bg); 6535 bottom: 0; 6536 color: var(--bs-offcanvas-color); 6537 display: flex; 6538 flex-direction: column; 6539 max-width: 100%; 6540 outline: 0; 6541 position: fixed; 6542 transition: var(--bs-offcanvas-transition); 6543 visibility: hidden; 6544 z-index: var(--bs-offcanvas-zindex); 6545 } 6546} 6547@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { 6548 .offcanvas-xl { 6549 transition: none; 6550 } 6551} 6552@media (max-width: 1199.98px) { 6553 .offcanvas-xl.offcanvas-start { 6554 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6555 left: 0; 6556 top: 0; 6557 transform: translateX(-100%); 6558 width: var(--bs-offcanvas-width); 6559 } 6560 .offcanvas-xl.offcanvas-end { 6561 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6562 right: 0; 6563 top: 0; 6564 transform: translateX(100%); 6565 width: var(--bs-offcanvas-width); 6566 } 6567 .offcanvas-xl.offcanvas-top { 6568 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6569 top: 0; 6570 transform: translateY(-100%); 6571 } 6572 .offcanvas-xl.offcanvas-bottom, 6573 .offcanvas-xl.offcanvas-top { 6574 height: var(--bs-offcanvas-height); 6575 left: 0; 6576 max-height: 100%; 6577 right: 0; 6578 } 6579 .offcanvas-xl.offcanvas-bottom { 6580 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6581 transform: translateY(100%); 6582 } 6583 .offcanvas-xl.show:not(.hiding), 6584 .offcanvas-xl.showing { 6585 transform: none; 6586 } 6587 .offcanvas-xl.hiding, 6588 .offcanvas-xl.show, 6589 .offcanvas-xl.showing { 6590 visibility: visible; 6591 } 6592} 6593@media (min-width: 1200px) { 6594 .offcanvas-xl { 6595 --bs-offcanvas-height: auto; 6596 --bs-offcanvas-border-width: 0; 6597 background-color: transparent !important; 6598 } 6599 .offcanvas-xl .offcanvas-header { 6600 display: none; 6601 } 6602 .offcanvas-xl .offcanvas-body { 6603 background-color: transparent !important; 6604 display: flex; 6605 flex-grow: 0; 6606 overflow-y: visible; 6607 padding: 0; 6608 } 6609} 6610@media (max-width: 1399.98px) { 6611 .offcanvas-xxl { 6612 background-clip: padding-box; 6613 background-color: var(--bs-offcanvas-bg); 6614 bottom: 0; 6615 color: var(--bs-offcanvas-color); 6616 display: flex; 6617 flex-direction: column; 6618 max-width: 100%; 6619 outline: 0; 6620 position: fixed; 6621 transition: var(--bs-offcanvas-transition); 6622 visibility: hidden; 6623 z-index: var(--bs-offcanvas-zindex); 6624 } 6625} 6626@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { 6627 .offcanvas-xxl { 6628 transition: none; 6629 } 6630} 6631@media (max-width: 1399.98px) { 6632 .offcanvas-xxl.offcanvas-start { 6633 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6634 left: 0; 6635 top: 0; 6636 transform: translateX(-100%); 6637 width: var(--bs-offcanvas-width); 6638 } 6639 .offcanvas-xxl.offcanvas-end { 6640 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6641 right: 0; 6642 top: 0; 6643 transform: translateX(100%); 6644 width: var(--bs-offcanvas-width); 6645 } 6646 .offcanvas-xxl.offcanvas-top { 6647 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6648 top: 0; 6649 transform: translateY(-100%); 6650 } 6651 .offcanvas-xxl.offcanvas-bottom, 6652 .offcanvas-xxl.offcanvas-top { 6653 height: var(--bs-offcanvas-height); 6654 left: 0; 6655 max-height: 100%; 6656 right: 0; 6657 } 6658 .offcanvas-xxl.offcanvas-bottom { 6659 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6660 transform: translateY(100%); 6661 } 6662 .offcanvas-xxl.show:not(.hiding), 6663 .offcanvas-xxl.showing { 6664 transform: none; 6665 } 6666 .offcanvas-xxl.hiding, 6667 .offcanvas-xxl.show, 6668 .offcanvas-xxl.showing { 6669 visibility: visible; 6670 } 6671} 6672@media (min-width: 1400px) { 6673 .offcanvas-xxl { 6674 --bs-offcanvas-height: auto; 6675 --bs-offcanvas-border-width: 0; 6676 background-color: transparent !important; 6677 } 6678 .offcanvas-xxl .offcanvas-header { 6679 display: none; 6680 } 6681 .offcanvas-xxl .offcanvas-body { 6682 background-color: transparent !important; 6683 display: flex; 6684 flex-grow: 0; 6685 overflow-y: visible; 6686 padding: 0; 6687 } 6688} 6689.offcanvas { 6690 background-clip: padding-box; 6691 background-color: var(--bs-offcanvas-bg); 6692 bottom: 0; 6693 color: var(--bs-offcanvas-color); 6694 display: flex; 6695 flex-direction: column; 6696 max-width: 100%; 6697 outline: 0; 6698 position: fixed; 6699 transition: var(--bs-offcanvas-transition); 6700 visibility: hidden; 6701 z-index: var(--bs-offcanvas-zindex); 6702} 6703@media (prefers-reduced-motion: reduce) { 6704 .offcanvas { 6705 transition: none; 6706 } 6707} 6708.offcanvas.offcanvas-start { 6709 border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6710 left: 0; 6711 top: 0; 6712 transform: translateX(-100%); 6713 width: var(--bs-offcanvas-width); 6714} 6715.offcanvas.offcanvas-end { 6716 border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6717 right: 0; 6718 top: 0; 6719 transform: translateX(100%); 6720 width: var(--bs-offcanvas-width); 6721} 6722.offcanvas.offcanvas-top { 6723 border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6724 top: 0; 6725 transform: translateY(-100%); 6726} 6727.offcanvas.offcanvas-bottom, 6728.offcanvas.offcanvas-top { 6729 height: var(--bs-offcanvas-height); 6730 left: 0; 6731 max-height: 100%; 6732 right: 0; 6733} 6734.offcanvas.offcanvas-bottom { 6735 border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); 6736 transform: translateY(100%); 6737} 6738.offcanvas.show:not(.hiding), 6739.offcanvas.showing { 6740 transform: none; 6741} 6742.offcanvas.hiding, 6743.offcanvas.show, 6744.offcanvas.showing { 6745 visibility: visible; 6746} 6747.offcanvas-backdrop { 6748 background-color: #000; 6749 height: 100vh; 6750 left: 0; 6751 position: fixed; 6752 top: 0; 6753 width: 100vw; 6754 z-index: 1040; 6755} 6756.offcanvas-backdrop.fade { 6757 opacity: 0; 6758} 6759.offcanvas-backdrop.show { 6760 opacity: 0.5; 6761} 6762.offcanvas-header { 6763 align-items: center; 6764 display: flex; 6765 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); 6766} 6767.offcanvas-header .btn-close { 6768 margin: calc(var(--bs-offcanvas-padding-y) * -0.5) calc(var(--bs-offcanvas-padding-x) * -0.5) calc(var(--bs-offcanvas-padding-y) * -0.5) auto; 6769 padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); 6770} 6771.offcanvas-title { 6772 line-height: var(--bs-offcanvas-title-line-height); 6773 margin-bottom: 0; 6774} 6775.offcanvas-body { 6776 flex-grow: 1; 6777 overflow-y: auto; 6778 padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); 6779} 6780.placeholder { 6781 background-color: currentcolor; 6782 cursor: wait; 6783 display: inline-block; 6784 min-height: 1em; 6785 opacity: 0.5; 6786 vertical-align: middle; 6787} 6788.placeholder.btn:before { 6789 content: ''; 6790 display: inline-block; 6791} 6792.placeholder-xs { 6793 min-height: 0.6em; 6794} 6795.placeholder-sm { 6796 min-height: 0.8em; 6797} 6798.placeholder-lg { 6799 min-height: 1.2em; 6800} 6801.placeholder-glow .placeholder { 6802 animation: placeholder-glow 2s ease-in-out infinite; 6803} 6804@keyframes placeholder-glow { 6805 50% { 6806 opacity: 0.2; 6807 } 6808} 6809.placeholder-wave { 6810 animation: placeholder-wave 2s linear infinite; 6811 -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); 6812 mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); 6813 -webkit-mask-size: 200% 100%; 6814 mask-size: 200% 100%; 6815} 6816@keyframes placeholder-wave { 6817 to { 6818 -webkit-mask-position: -200% 0; 6819 mask-position: -200% 0; 6820 } 6821} 6822.clearfix:after { 6823 clear: both; 6824 content: ''; 6825 display: block; 6826} 6827.text-bg-primary { 6828 background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; 6829 color: #000 !important; 6830} 6831.text-bg-secondary { 6832 background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; 6833 color: #fff !important; 6834} 6835.text-bg-success { 6836 background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; 6837 color: #000 !important; 6838} 6839.text-bg-info { 6840 background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; 6841 color: #000 !important; 6842} 6843.text-bg-warning { 6844 background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; 6845 color: #000 !important; 6846} 6847.text-bg-danger { 6848 background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; 6849 color: #000 !important; 6850} 6851.text-bg-light { 6852 background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; 6853 color: #000 !important; 6854} 6855.text-bg-dark { 6856 background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; 6857 color: #fff !important; 6858} 6859.link-primary { 6860 color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; 6861 text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; 6862} 6863.link-primary:focus, 6864.link-primary:hover { 6865 color: RGBA(98, 191, 255, var(--bs-link-opacity, 1)) !important; 6866 text-decoration-color: RGBA(98, 191, 255, var(--bs-link-underline-opacity, 1)) !important; 6867} 6868.link-secondary { 6869 color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; 6870 text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; 6871} 6872.link-secondary:focus, 6873.link-secondary:hover { 6874 color: RGBA(58, 58, 58, var(--bs-link-opacity, 1)) !important; 6875 text-decoration-color: RGBA(58, 58, 58, var(--bs-link-underline-opacity, 1)) !important; 6876} 6877.link-success { 6878 color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; 6879 text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; 6880} 6881.link-success:focus, 6882.link-success:hover { 6883 color: RGBA(114, 237, 156, var(--bs-link-opacity, 1)) !important; 6884 text-decoration-color: RGBA(114, 237, 156, var(--bs-link-underline-opacity, 1)) !important; 6885} 6886.link-info { 6887 color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; 6888 text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; 6889} 6890.link-info:focus, 6891.link-info:hover { 6892 color: RGBA(128, 169, 250, var(--bs-link-opacity, 1)) !important; 6893 text-decoration-color: RGBA(128, 169, 250, var(--bs-link-underline-opacity, 1)) !important; 6894} 6895.link-warning { 6896 color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; 6897 text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; 6898} 6899.link-warning:focus, 6900.link-warning:hover { 6901 color: RGBA(255, 212, 101, var(--bs-link-opacity, 1)) !important; 6902 text-decoration-color: RGBA(255, 212, 101, var(--bs-link-underline-opacity, 1)) !important; 6903} 6904.link-danger { 6905 color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; 6906 text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; 6907} 6908.link-danger:focus, 6909.link-danger:hover { 6910 color: RGBA(255, 122, 116, var(--bs-link-opacity, 1)) !important; 6911 text-decoration-color: RGBA(255, 122, 116, var(--bs-link-underline-opacity, 1)) !important; 6912} 6913.link-light { 6914 color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; 6915 text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; 6916} 6917.link-light:focus, 6918.link-light:hover { 6919 color: RGBA(248, 248, 248, var(--bs-link-opacity, 1)) !important; 6920 text-decoration-color: RGBA(248, 248, 248, var(--bs-link-underline-opacity, 1)) !important; 6921} 6922.link-dark { 6923 color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; 6924 text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; 6925} 6926.link-dark:focus, 6927.link-dark:hover { 6928 color: RGBA(21, 21, 21, var(--bs-link-opacity, 1)) !important; 6929 text-decoration-color: RGBA(21, 21, 21, var(--bs-link-underline-opacity, 1)) !important; 6930} 6931.link-body-emphasis { 6932 color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; 6933 text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; 6934} 6935.link-body-emphasis:focus, 6936.link-body-emphasis:hover { 6937 color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; 6938 text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; 6939} 6940.focus-ring:focus { 6941 box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); 6942 outline: 0; 6943} 6944.icon-link { 6945 align-items: center; 6946 backface-visibility: hidden; 6947 display: inline-flex; 6948 gap: 0.375rem; 6949 text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); 6950 text-underline-offset: 0.25em; 6951} 6952.icon-link > .bi { 6953 flex-shrink: 0; 6954 height: 1em; 6955 width: 1em; 6956 fill: currentcolor; 6957 transition: transform 0.2s ease-in-out; 6958} 6959@media (prefers-reduced-motion: reduce) { 6960 .icon-link > .bi { 6961 transition: none; 6962 } 6963} 6964.icon-link-hover:focus-visible > .bi, 6965.icon-link-hover:hover > .bi { 6966 transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); 6967} 6968.ratio { 6969 position: relative; 6970 width: 100%; 6971} 6972.ratio:before { 6973 content: ''; 6974 display: block; 6975 padding-top: var(--bs-aspect-ratio); 6976} 6977.ratio > * { 6978 height: 100%; 6979 left: 0; 6980 position: absolute; 6981 top: 0; 6982 width: 100%; 6983} 6984.ratio-1x1 { 6985 --bs-aspect-ratio: 100%; 6986} 6987.ratio-4x3 { 6988 --bs-aspect-ratio: 75%; 6989} 6990.ratio-16x9 { 6991 --bs-aspect-ratio: 56.25%; 6992} 6993.ratio-21x9 { 6994 --bs-aspect-ratio: 42.8571428571%; 6995} 6996.fixed-top { 6997 top: 0; 6998} 6999.fixed-bottom, 7000.fixed-top { 7001 left: 0; 7002 position: fixed; 7003 right: 0; 7004 z-index: 1030; 7005} 7006.fixed-bottom { 7007 bottom: 0; 7008} 7009.sticky-top { 7010 top: 0; 7011} 7012.sticky-bottom, 7013.sticky-top { 7014 position: sticky; 7015 z-index: 1020; 7016} 7017.sticky-bottom { 7018 bottom: 0; 7019} 7020@media (min-width: 576px) { 7021 .sticky-sm-top { 7022 position: sticky; 7023 top: 0; 7024 z-index: 1020; 7025 } 7026 .sticky-sm-bottom { 7027 bottom: 0; 7028 position: sticky; 7029 z-index: 1020; 7030 } 7031} 7032@media (min-width: 768px) { 7033 .sticky-md-top { 7034 position: sticky; 7035 top: 0; 7036 z-index: 1020; 7037 } 7038 .sticky-md-bottom { 7039 bottom: 0; 7040 position: sticky; 7041 z-index: 1020; 7042 } 7043} 7044@media (min-width: 992px) { 7045 .sticky-lg-top { 7046 position: sticky; 7047 top: 0; 7048 z-index: 1020; 7049 } 7050 .sticky-lg-bottom { 7051 bottom: 0; 7052 position: sticky; 7053 z-index: 1020; 7054 } 7055} 7056@media (min-width: 1200px) { 7057 .sticky-xl-top { 7058 position: sticky; 7059 top: 0; 7060 z-index: 1020; 7061 } 7062 .sticky-xl-bottom { 7063 bottom: 0; 7064 position: sticky; 7065 z-index: 1020; 7066 } 7067} 7068@media (min-width: 1400px) { 7069 .sticky-xxl-top { 7070 position: sticky; 7071 top: 0; 7072 z-index: 1020; 7073 } 7074 .sticky-xxl-bottom { 7075 bottom: 0; 7076 position: sticky; 7077 z-index: 1020; 7078 } 7079} 7080.hstack { 7081 align-items: center; 7082 flex-direction: row; 7083} 7084.hstack, 7085.vstack { 7086 align-self: stretch; 7087 display: flex; 7088} 7089.vstack { 7090 flex: 1 1 auto; 7091 flex-direction: column; 7092} 7093.visually-hidden, 7094.visually-hidden-focusable:not(:focus):not(:focus-within) { 7095 height: 1px !important; 7096 margin: -1px !important; 7097 overflow: hidden !important; 7098 padding: 0 !important; 7099 width: 1px !important; 7100 clip: rect(0, 0, 0, 0) !important; 7101 border: 0 !important; 7102 white-space: nowrap !important; 7103} 7104.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), 7105.visually-hidden:not(caption) { 7106 position: absolute !important; 7107} 7108.stretched-link:after { 7109 bottom: 0; 7110 content: ''; 7111 left: 0; 7112 position: absolute; 7113 right: 0; 7114 top: 0; 7115 z-index: 1; 7116} 7117.text-truncate { 7118 overflow: hidden; 7119 text-overflow: ellipsis; 7120 white-space: nowrap; 7121} 7122.vr { 7123 align-self: stretch; 7124 background-color: currentcolor; 7125 display: inline-block; 7126 min-height: 1em; 7127 opacity: 0.25; 7128 width: var(--bs-border-width); 7129} 7130.align-baseline { 7131 vertical-align: baseline !important; 7132} 7133.align-top { 7134 vertical-align: top !important; 7135} 7136.align-middle { 7137 vertical-align: middle !important; 7138} 7139.align-bottom { 7140 vertical-align: bottom !important; 7141} 7142.align-text-bottom { 7143 vertical-align: text-bottom !important; 7144} 7145.align-text-top { 7146 vertical-align: text-top !important; 7147} 7148.float-start { 7149 float: left !important; 7150} 7151.float-end { 7152 float: right !important; 7153} 7154.float-none { 7155 float: none !important; 7156} 7157.object-fit-contain { 7158 -o-object-fit: contain !important; 7159 object-fit: contain !important; 7160} 7161.object-fit-cover { 7162 -o-object-fit: cover !important; 7163 object-fit: cover !important; 7164} 7165.object-fit-fill { 7166 -o-object-fit: fill !important; 7167 object-fit: fill !important; 7168} 7169.object-fit-scale { 7170 -o-object-fit: scale-down !important; 7171 object-fit: scale-down !important; 7172} 7173.object-fit-none { 7174 -o-object-fit: none !important; 7175 object-fit: none !important; 7176} 7177.opacity-0 { 7178 opacity: 0 !important; 7179} 7180.opacity-25 { 7181 opacity: 0.25 !important; 7182} 7183.opacity-50 { 7184 opacity: 0.5 !important; 7185} 7186.opacity-75 { 7187 opacity: 0.75 !important; 7188} 7189.opacity-100 { 7190 opacity: 1 !important; 7191} 7192.overflow-auto { 7193 overflow: auto !important; 7194} 7195.overflow-hidden { 7196 overflow: hidden !important; 7197} 7198.overflow-visible { 7199 overflow: visible !important; 7200} 7201.overflow-scroll { 7202 overflow: scroll !important; 7203} 7204.overflow-x-auto { 7205 overflow-x: auto !important; 7206} 7207.overflow-x-hidden { 7208 overflow-x: hidden !important; 7209} 7210.overflow-x-visible { 7211 overflow-x: visible !important; 7212} 7213.overflow-y-hidden { 7214 overflow-y: hidden !important; 7215} 7216.overflow-y-visible { 7217 overflow-y: visible !important; 7218} 7219.d-inline { 7220 display: inline !important; 7221} 7222.d-inline-block { 7223 display: inline-block !important; 7224} 7225.d-block { 7226 display: block !important; 7227} 7228.d-grid { 7229 display: grid !important; 7230} 7231.d-inline-grid { 7232 display: inline-grid !important; 7233} 7234.d-table { 7235 display: table !important; 7236} 7237.d-table-row { 7238 display: table-row !important; 7239} 7240.d-table-cell { 7241 display: table-cell !important; 7242} 7243.d-flex { 7244 display: flex !important; 7245} 7246.d-inline-flex { 7247 display: inline-flex !important; 7248} 7249.d-none { 7250 display: none !important; 7251} 7252.shadow { 7253 box-shadow: var(--bs-box-shadow) !important; 7254} 7255.shadow-sm { 7256 box-shadow: var(--bs-box-shadow-sm) !important; 7257} 7258.shadow-lg { 7259 box-shadow: var(--bs-box-shadow-lg) !important; 7260} 7261.shadow-none { 7262 box-shadow: none !important; 7263} 7264.focus-ring-primary { 7265 --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); 7266} 7267.focus-ring-secondary { 7268 --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); 7269} 7270.focus-ring-success { 7271 --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); 7272} 7273.focus-ring-info { 7274 --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); 7275} 7276.focus-ring-warning { 7277 --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); 7278} 7279.focus-ring-danger { 7280 --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); 7281} 7282.focus-ring-light { 7283 --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); 7284} 7285.focus-ring-dark { 7286 --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); 7287} 7288.position-static { 7289 position: static !important; 7290} 7291.position-relative { 7292 position: relative !important; 7293} 7294.position-absolute { 7295 position: absolute !important; 7296} 7297.position-fixed { 7298 position: fixed !important; 7299} 7300.position-sticky { 7301 position: sticky !important; 7302} 7303.top-0 { 7304 top: 0 !important; 7305} 7306.top-50 { 7307 top: 50% !important; 7308} 7309.top-100 { 7310 top: 100% !important; 7311} 7312.bottom-0 { 7313 bottom: 0 !important; 7314} 7315.bottom-50 { 7316 bottom: 50% !important; 7317} 7318.bottom-100 { 7319 bottom: 100% !important; 7320} 7321.start-0 { 7322 left: 0 !important; 7323} 7324.start-50 { 7325 left: 50% !important; 7326} 7327.start-100 { 7328 left: 100% !important; 7329} 7330.end-0 { 7331 right: 0 !important; 7332} 7333.end-50 { 7334 right: 50% !important; 7335} 7336.end-100 { 7337 right: 100% !important; 7338} 7339.translate-middle { 7340 transform: translate(-50%, -50%) !important; 7341} 7342.translate-middle-x { 7343 transform: translateX(-50%) !important; 7344} 7345.translate-middle-y { 7346 transform: translateY(-50%) !important; 7347} 7348.border { 7349 border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 7350} 7351.border-0 { 7352 border: 0 !important; 7353} 7354.border-top { 7355 border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 7356} 7357.border-top-0 { 7358 border-top: 0 !important; 7359} 7360.border-end { 7361 border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 7362} 7363.border-end-0 { 7364 border-right: 0 !important; 7365} 7366.border-bottom { 7367 border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 7368} 7369.border-bottom-0 { 7370 border-bottom: 0 !important; 7371} 7372.border-start { 7373 border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; 7374} 7375.border-start-0 { 7376 border-left: 0 !important; 7377} 7378.border-primary { 7379 --bs-border-opacity: 1; 7380 border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; 7381} 7382.border-secondary { 7383 --bs-border-opacity: 1; 7384 border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; 7385} 7386.border-success { 7387 --bs-border-opacity: 1; 7388 border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; 7389} 7390.border-info { 7391 --bs-border-opacity: 1; 7392 border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; 7393} 7394.border-warning { 7395 --bs-border-opacity: 1; 7396 border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; 7397} 7398.border-danger { 7399 --bs-border-opacity: 1; 7400 border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; 7401} 7402.border-light { 7403 --bs-border-opacity: 1; 7404 border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; 7405} 7406.border-dark { 7407 --bs-border-opacity: 1; 7408 border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; 7409} 7410.border-black { 7411 --bs-border-opacity: 1; 7412 border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; 7413} 7414.border-white { 7415 --bs-border-opacity: 1; 7416 border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; 7417} 7418.border-primary-subtle { 7419 border-color: var(--bs-primary-border-subtle) !important; 7420} 7421.border-secondary-subtle { 7422 border-color: var(--bs-secondary-border-subtle) !important; 7423} 7424.border-success-subtle { 7425 border-color: var(--bs-success-border-subtle) !important; 7426} 7427.border-info-subtle { 7428 border-color: var(--bs-info-border-subtle) !important; 7429} 7430.border-warning-subtle { 7431 border-color: var(--bs-warning-border-subtle) !important; 7432} 7433.border-danger-subtle { 7434 border-color: var(--bs-danger-border-subtle) !important; 7435} 7436.border-light-subtle { 7437 border-color: var(--bs-light-border-subtle) !important; 7438} 7439.border-dark-subtle { 7440 border-color: var(--bs-dark-border-subtle) !important; 7441} 7442.border-1 { 7443 border-width: 1px !important; 7444} 7445.border-2 { 7446 border-width: 2px !important; 7447} 7448.border-3 { 7449 border-width: 3px !important; 7450} 7451.border-4 { 7452 border-width: 4px !important; 7453} 7454.border-5 { 7455 border-width: 5px !important; 7456} 7457.border-opacity-10 { 7458 --bs-border-opacity: 0.1; 7459} 7460.border-opacity-25 { 7461 --bs-border-opacity: 0.25; 7462} 7463.border-opacity-50 { 7464 --bs-border-opacity: 0.5; 7465} 7466.border-opacity-75 { 7467 --bs-border-opacity: 0.75; 7468} 7469.border-opacity-100 { 7470 --bs-border-opacity: 1; 7471} 7472.w-25 { 7473 width: 25% !important; 7474} 7475.w-50 { 7476 width: 50% !important; 7477} 7478.w-75 { 7479 width: 75% !important; 7480} 7481.w-100 { 7482 width: 100% !important; 7483} 7484.w-auto { 7485 width: auto !important; 7486} 7487.mw-100 { 7488 max-width: 100% !important; 7489} 7490.vw-100 { 7491 width: 100vw !important; 7492} 7493.min-vw-100 { 7494 min-width: 100vw !important; 7495} 7496.h-25 { 7497 height: 25% !important; 7498} 7499.h-50 { 7500 height: 50% !important; 7501} 7502.h-75 { 7503 height: 75% !important; 7504} 7505.h-100 { 7506 height: 100% !important; 7507} 7508.h-auto { 7509 height: auto !important; 7510} 7511.mh-100 { 7512 max-height: 100% !important; 7513} 7514.vh-100 { 7515 height: 100vh !important; 7516} 7517.min-vh-100 { 7518 min-height: 100vh !important; 7519} 7520.flex-fill { 7521 flex: 1 1 auto !important; 7522} 7523.flex-row { 7524 flex-direction: row !important; 7525} 7526.flex-column { 7527 flex-direction: column !important; 7528} 7529.flex-row-reverse { 7530 flex-direction: row-reverse !important; 7531} 7532.flex-column-reverse { 7533 flex-direction: column-reverse !important; 7534} 7535.flex-grow-0 { 7536 flex-grow: 0 !important; 7537} 7538.flex-grow-1 { 7539 flex-grow: 1 !important; 7540} 7541.flex-shrink-0 { 7542 flex-shrink: 0 !important; 7543} 7544.flex-shrink-1 { 7545 flex-shrink: 1 !important; 7546} 7547.flex-wrap { 7548 flex-wrap: wrap !important; 7549} 7550.flex-nowrap { 7551 flex-wrap: nowrap !important; 7552} 7553.flex-wrap-reverse { 7554 flex-wrap: wrap-reverse !important; 7555} 7556.justify-content-start { 7557 justify-content: flex-start !important; 7558} 7559.justify-content-end { 7560 justify-content: flex-end !important; 7561} 7562.justify-content-center { 7563 justify-content: center !important; 7564} 7565.justify-content-between { 7566 justify-content: space-between !important; 7567} 7568.justify-content-around { 7569 justify-content: space-around !important; 7570} 7571.justify-content-evenly { 7572 justify-content: space-evenly !important; 7573} 7574.align-items-start { 7575 align-items: flex-start !important; 7576} 7577.align-items-end { 7578 align-items: flex-end !important; 7579} 7580.align-items-center { 7581 align-items: center !important; 7582} 7583.align-items-baseline { 7584 align-items: baseline !important; 7585} 7586.align-items-stretch { 7587 align-items: stretch !important; 7588} 7589.align-content-start { 7590 align-content: flex-start !important; 7591} 7592.align-content-end { 7593 align-content: flex-end !important; 7594} 7595.align-content-center { 7596 align-content: center !important; 7597} 7598.align-content-between { 7599 align-content: space-between !important; 7600} 7601.align-content-around { 7602 align-content: space-around !important; 7603} 7604.align-content-stretch { 7605 align-content: stretch !important; 7606} 7607.align-self-auto { 7608 align-self: auto !important; 7609} 7610.align-self-start { 7611 align-self: flex-start !important; 7612} 7613.align-self-end { 7614 align-self: flex-end !important; 7615} 7616.align-self-center { 7617 align-self: center !important; 7618} 7619.align-self-baseline { 7620 align-self: baseline !important; 7621} 7622.align-self-stretch { 7623 align-self: stretch !important; 7624} 7625.order-first { 7626 order: -1 !important; 7627} 7628.order-0 { 7629 order: 0 !important; 7630} 7631.order-1 { 7632 order: 1 !important; 7633} 7634.order-2 { 7635 order: 2 !important; 7636} 7637.order-3 { 7638 order: 3 !important; 7639} 7640.order-4 { 7641 order: 4 !important; 7642} 7643.order-5 { 7644 order: 5 !important; 7645} 7646.order-last { 7647 order: 6 !important; 7648} 7649.m-0 { 7650 margin: 0 !important; 7651} 7652.m-1 { 7653 margin: 0.25rem !important; 7654} 7655.m-2 { 7656 margin: 0.5rem !important; 7657} 7658.m-3 { 7659 margin: 1rem !important; 7660} 7661.m-4 { 7662 margin: 1.5rem !important; 7663} 7664.m-5 { 7665 margin: 3rem !important; 7666} 7667.m-auto { 7668 margin: auto !important; 7669} 7670.mx-0 { 7671 margin-left: 0 !important; 7672 margin-right: 0 !important; 7673} 7674.mx-1 { 7675 margin-left: 0.25rem !important; 7676 margin-right: 0.25rem !important; 7677} 7678.mx-2 { 7679 margin-left: 0.5rem !important; 7680 margin-right: 0.5rem !important; 7681} 7682.mx-3 { 7683 margin-left: 1rem !important; 7684 margin-right: 1rem !important; 7685} 7686.mx-4 { 7687 margin-left: 1.5rem !important; 7688 margin-right: 1.5rem !important; 7689} 7690.mx-5 { 7691 margin-left: 3rem !important; 7692 margin-right: 3rem !important; 7693} 7694.mx-auto { 7695 margin-left: auto !important; 7696 margin-right: auto !important; 7697} 7698.my-0 { 7699 margin-bottom: 0 !important; 7700 margin-top: 0 !important; 7701} 7702.my-1 { 7703 margin-bottom: 0.25rem !important; 7704 margin-top: 0.25rem !important; 7705} 7706.my-2 { 7707 margin-bottom: 0.5rem !important; 7708 margin-top: 0.5rem !important; 7709} 7710.my-3 { 7711 margin-bottom: 1rem !important; 7712 margin-top: 1rem !important; 7713} 7714.my-4 { 7715 margin-bottom: 1.5rem !important; 7716 margin-top: 1.5rem !important; 7717} 7718.my-5 { 7719 margin-bottom: 3rem !important; 7720 margin-top: 3rem !important; 7721} 7722.my-auto { 7723 margin-bottom: auto !important; 7724 margin-top: auto !important; 7725} 7726.mt-0 { 7727 margin-top: 0 !important; 7728} 7729.mt-1 { 7730 margin-top: 0.25rem !important; 7731} 7732.mt-2 { 7733 margin-top: 0.5rem !important; 7734} 7735.mt-3 { 7736 margin-top: 1rem !important; 7737} 7738.mt-4 { 7739 margin-top: 1.5rem !important; 7740} 7741.mt-5 { 7742 margin-top: 3rem !important; 7743} 7744.mt-auto { 7745 margin-top: auto !important; 7746} 7747.me-0 { 7748 margin-right: 0 !important; 7749} 7750.me-1 { 7751 margin-right: 0.25rem !important; 7752} 7753.me-2 { 7754 margin-right: 0.5rem !important; 7755} 7756.me-3 { 7757 margin-right: 1rem !important; 7758} 7759.me-4 { 7760 margin-right: 1.5rem !important; 7761} 7762.me-5 { 7763 margin-right: 3rem !important; 7764} 7765.me-auto { 7766 margin-right: auto !important; 7767} 7768.mb-0 { 7769 margin-bottom: 0 !important; 7770} 7771.mb-1 { 7772 margin-bottom: 0.25rem !important; 7773} 7774.mb-2 { 7775 margin-bottom: 0.5rem !important; 7776} 7777.mb-3 { 7778 margin-bottom: 1rem !important; 7779} 7780.mb-4 { 7781 margin-bottom: 1.5rem !important; 7782} 7783.mb-5 { 7784 margin-bottom: 3rem !important; 7785} 7786.mb-auto { 7787 margin-bottom: auto !important; 7788} 7789.ms-0 { 7790 margin-left: 0 !important; 7791} 7792.ms-1 { 7793 margin-left: 0.25rem !important; 7794} 7795.ms-2 { 7796 margin-left: 0.5rem !important; 7797} 7798.ms-3 { 7799 margin-left: 1rem !important; 7800} 7801.ms-4 { 7802 margin-left: 1.5rem !important; 7803} 7804.ms-5 { 7805 margin-left: 3rem !important; 7806} 7807.ms-auto { 7808 margin-left: auto !important; 7809} 7810.p-0 { 7811 padding: 0 !important; 7812} 7813.p-1 { 7814 padding: 0.25rem !important; 7815} 7816.p-2 { 7817 padding: 0.5rem !important; 7818} 7819.p-3 { 7820 padding: 1rem !important; 7821} 7822.p-4 { 7823 padding: 1.5rem !important; 7824} 7825.p-5 { 7826 padding: 3rem !important; 7827} 7828.px-0 { 7829 padding-left: 0 !important; 7830 padding-right: 0 !important; 7831} 7832.px-1 { 7833 padding-left: 0.25rem !important; 7834 padding-right: 0.25rem !important; 7835} 7836.px-2 { 7837 padding-left: 0.5rem !important; 7838 padding-right: 0.5rem !important; 7839} 7840.px-3 { 7841 padding-left: 1rem !important; 7842 padding-right: 1rem !important; 7843} 7844.px-4 { 7845 padding-left: 1.5rem !important; 7846 padding-right: 1.5rem !important; 7847} 7848.px-5 { 7849 padding-left: 3rem !important; 7850 padding-right: 3rem !important; 7851} 7852.py-0 { 7853 padding-bottom: 0 !important; 7854 padding-top: 0 !important; 7855} 7856.py-1 { 7857 padding-bottom: 0.25rem !important; 7858 padding-top: 0.25rem !important; 7859} 7860.py-2 { 7861 padding-bottom: 0.5rem !important; 7862 padding-top: 0.5rem !important; 7863} 7864.py-3 { 7865 padding-bottom: 1rem !important; 7866 padding-top: 1rem !important; 7867} 7868.py-4 { 7869 padding-bottom: 1.5rem !important; 7870 padding-top: 1.5rem !important; 7871} 7872.py-5 { 7873 padding-bottom: 3rem !important; 7874 padding-top: 3rem !important; 7875} 7876.pt-0 { 7877 padding-top: 0 !important; 7878} 7879.pt-1 { 7880 padding-top: 0.25rem !important; 7881} 7882.pt-2 { 7883 padding-top: 0.5rem !important; 7884} 7885.pt-3 { 7886 padding-top: 1rem !important; 7887} 7888.pt-4 { 7889 padding-top: 1.5rem !important; 7890} 7891.pt-5 { 7892 padding-top: 3rem !important; 7893} 7894.pe-0 { 7895 padding-right: 0 !important; 7896} 7897.pe-1 { 7898 padding-right: 0.25rem !important; 7899} 7900.pe-2 { 7901 padding-right: 0.5rem !important; 7902} 7903.pe-3 { 7904 padding-right: 1rem !important; 7905} 7906.pe-4 { 7907 padding-right: 1.5rem !important; 7908} 7909.pe-5 { 7910 padding-right: 3rem !important; 7911} 7912.pb-0 { 7913 padding-bottom: 0 !important; 7914} 7915.pb-1 { 7916 padding-bottom: 0.25rem !important; 7917} 7918.pb-2 { 7919 padding-bottom: 0.5rem !important; 7920} 7921.pb-3 { 7922 padding-bottom: 1rem !important; 7923} 7924.pb-4 { 7925 padding-bottom: 1.5rem !important; 7926} 7927.pb-5 { 7928 padding-bottom: 3rem !important; 7929} 7930.ps-0 { 7931 padding-left: 0 !important; 7932} 7933.ps-1 { 7934 padding-left: 0.25rem !important; 7935} 7936.ps-2 { 7937 padding-left: 0.5rem !important; 7938} 7939.ps-3 { 7940 padding-left: 1rem !important; 7941} 7942.ps-4 { 7943 padding-left: 1.5rem !important; 7944} 7945.ps-5 { 7946 padding-left: 3rem !important; 7947} 7948.gap-0 { 7949 gap: 0 !important; 7950} 7951.gap-1 { 7952 gap: 0.25rem !important; 7953} 7954.gap-2 { 7955 gap: 0.5rem !important; 7956} 7957.gap-3 { 7958 gap: 1rem !important; 7959} 7960.gap-4 { 7961 gap: 1.5rem !important; 7962} 7963.gap-5 { 7964 gap: 3rem !important; 7965} 7966.row-gap-0 { 7967 row-gap: 0 !important; 7968} 7969.row-gap-1 { 7970 row-gap: 0.25rem !important; 7971} 7972.row-gap-2 { 7973 row-gap: 0.5rem !important; 7974} 7975.row-gap-3 { 7976 row-gap: 1rem !important; 7977} 7978.row-gap-4 { 7979 row-gap: 1.5rem !important; 7980} 7981.row-gap-5 { 7982 row-gap: 3rem !important; 7983} 7984.column-gap-0 { 7985 -moz-column-gap: 0 !important; 7986 column-gap: 0 !important; 7987} 7988.column-gap-1 { 7989 -moz-column-gap: 0.25rem !important; 7990 column-gap: 0.25rem !important; 7991} 7992.column-gap-2 { 7993 -moz-column-gap: 0.5rem !important; 7994 column-gap: 0.5rem !important; 7995} 7996.column-gap-3 { 7997 -moz-column-gap: 1rem !important; 7998 column-gap: 1rem !important; 7999} 8000.column-gap-4 { 8001 -moz-column-gap: 1.5rem !important; 8002 column-gap: 1.5rem !important; 8003} 8004.column-gap-5 { 8005 -moz-column-gap: 3rem !important; 8006 column-gap: 3rem !important; 8007} 8008.font-monospace { 8009 font-family: var(--bs-font-monospace) !important; 8010} 8011.fs-1 { 8012 font-size: calc(1.375rem + 1.5vw) !important; 8013} 8014.fs-2 { 8015 font-size: calc(1.325rem + 0.9vw) !important; 8016} 8017.fs-3 { 8018 font-size: calc(1.3rem + 0.6vw) !important; 8019} 8020.fs-4 { 8021 font-size: calc(1.275rem + 0.3vw) !important; 8022} 8023.fs-5 { 8024 font-size: 1.25rem !important; 8025} 8026.fs-6 { 8027 font-size: 1rem !important; 8028} 8029.fst-italic { 8030 font-style: italic !important; 8031} 8032.fst-normal { 8033 font-style: normal !important; 8034} 8035.fw-lighter { 8036 font-weight: lighter !important; 8037} 8038.fw-light { 8039 font-weight: 300 !important; 8040} 8041.fw-normal { 8042 font-weight: 400 !important; 8043} 8044.fw-medium { 8045 font-weight: 500 !important; 8046} 8047.fw-semibold { 8048 font-weight: 600 !important; 8049} 8050.fw-bold { 8051 font-weight: 700 !important; 8052} 8053.fw-bolder { 8054 font-weight: bolder !important; 8055} 8056.lh-1 { 8057 line-height: 1 !important; 8058} 8059.lh-sm { 8060 line-height: 1.25 !important; 8061} 8062.lh-base { 8063 line-height: 1.5 !important; 8064} 8065.lh-lg { 8066 line-height: 2 !important; 8067} 8068.text-start { 8069 text-align: left !important; 8070} 8071.text-end { 8072 text-align: right !important; 8073} 8074.text-center { 8075 text-align: center !important; 8076} 8077.text-decoration-none { 8078 text-decoration: none !important; 8079} 8080.text-decoration-underline { 8081 text-decoration: underline !important; 8082} 8083.text-decoration-line-through { 8084 text-decoration: line-through !important; 8085} 8086.text-lowercase { 8087 text-transform: lowercase !important; 8088} 8089.text-uppercase { 8090 text-transform: uppercase !important; 8091} 8092.text-capitalize { 8093 text-transform: capitalize !important; 8094} 8095.text-wrap { 8096 white-space: normal !important; 8097} 8098.text-nowrap { 8099 white-space: nowrap !important; 8100} 8101.text-break { 8102 word-wrap: break-word !important; 8103 word-break: break-word !important; 8104} 8105.text-primary { 8106 --bs-text-opacity: 1; 8107 color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; 8108} 8109.text-secondary { 8110 --bs-text-opacity: 1; 8111 color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; 8112} 8113.text-success { 8114 --bs-text-opacity: 1; 8115 color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; 8116} 8117.text-info { 8118 --bs-text-opacity: 1; 8119 color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; 8120} 8121.text-warning { 8122 --bs-text-opacity: 1; 8123 color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; 8124} 8125.text-danger { 8126 --bs-text-opacity: 1; 8127 color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; 8128} 8129.text-light { 8130 --bs-text-opacity: 1; 8131 color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; 8132} 8133.text-dark { 8134 --bs-text-opacity: 1; 8135 color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; 8136} 8137.text-black { 8138 --bs-text-opacity: 1; 8139 color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; 8140} 8141.text-white { 8142 --bs-text-opacity: 1; 8143 color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; 8144} 8145.text-body { 8146 --bs-text-opacity: 1; 8147 color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; 8148} 8149.text-muted { 8150 --bs-text-opacity: 1; 8151 color: var(--bs-secondary-color) !important; 8152} 8153.text-black-50 { 8154 --bs-text-opacity: 1; 8155 color: rgba(0, 0, 0, 0.5) !important; 8156} 8157.text-white-50 { 8158 --bs-text-opacity: 1; 8159 color: hsla(0, 0%, 100%, 0.5) !important; 8160} 8161.text-body-secondary { 8162 --bs-text-opacity: 1; 8163 color: var(--bs-secondary-color) !important; 8164} 8165.text-body-tertiary { 8166 --bs-text-opacity: 1; 8167 color: var(--bs-tertiary-color) !important; 8168} 8169.text-body-emphasis { 8170 --bs-text-opacity: 1; 8171 color: var(--bs-emphasis-color) !important; 8172} 8173.text-reset { 8174 --bs-text-opacity: 1; 8175 color: inherit !important; 8176} 8177.text-opacity-25 { 8178 --bs-text-opacity: 0.25; 8179} 8180.text-opacity-50 { 8181 --bs-text-opacity: 0.5; 8182} 8183.text-opacity-75 { 8184 --bs-text-opacity: 0.75; 8185} 8186.text-opacity-100 { 8187 --bs-text-opacity: 1; 8188} 8189.text-primary-emphasis { 8190 color: var(--bs-primary-text-emphasis) !important; 8191} 8192.text-secondary-emphasis { 8193 color: var(--bs-secondary-text-emphasis) !important; 8194} 8195.text-success-emphasis { 8196 color: var(--bs-success-text-emphasis) !important; 8197} 8198.text-info-emphasis { 8199 color: var(--bs-info-text-emphasis) !important; 8200} 8201.text-warning-emphasis { 8202 color: var(--bs-warning-text-emphasis) !important; 8203} 8204.text-danger-emphasis { 8205 color: var(--bs-danger-text-emphasis) !important; 8206} 8207.text-light-emphasis { 8208 color: var(--bs-light-text-emphasis) !important; 8209} 8210.text-dark-emphasis { 8211 color: var(--bs-dark-text-emphasis) !important; 8212} 8213.link-opacity-10, 8214.link-opacity-10-hover:hover { 8215 --bs-link-opacity: 0.1; 8216} 8217.link-opacity-25, 8218.link-opacity-25-hover:hover { 8219 --bs-link-opacity: 0.25; 8220} 8221.link-opacity-50, 8222.link-opacity-50-hover:hover { 8223 --bs-link-opacity: 0.5; 8224} 8225.link-opacity-75, 8226.link-opacity-75-hover:hover { 8227 --bs-link-opacity: 0.75; 8228} 8229.link-opacity-100, 8230.link-opacity-100-hover:hover { 8231 --bs-link-opacity: 1; 8232} 8233.link-offset-1, 8234.link-offset-1-hover:hover { 8235 text-underline-offset: 0.125em !important; 8236} 8237.link-offset-2, 8238.link-offset-2-hover:hover { 8239 text-underline-offset: 0.25em !important; 8240} 8241.link-offset-3, 8242.link-offset-3-hover:hover { 8243 text-underline-offset: 0.375em !important; 8244} 8245.link-underline-primary { 8246 --bs-link-underline-opacity: 1; 8247 text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; 8248} 8249.link-underline-secondary { 8250 --bs-link-underline-opacity: 1; 8251 text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; 8252} 8253.link-underline-success { 8254 --bs-link-underline-opacity: 1; 8255 text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; 8256} 8257.link-underline-info { 8258 --bs-link-underline-opacity: 1; 8259 text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; 8260} 8261.link-underline-warning { 8262 --bs-link-underline-opacity: 1; 8263 text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; 8264} 8265.link-underline-danger { 8266 --bs-link-underline-opacity: 1; 8267 text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; 8268} 8269.link-underline-light { 8270 --bs-link-underline-opacity: 1; 8271 text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; 8272} 8273.link-underline-dark { 8274 --bs-link-underline-opacity: 1; 8275 text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; 8276} 8277.link-underline { 8278 --bs-link-underline-opacity: 1; 8279 text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; 8280} 8281.link-underline-opacity-0, 8282.link-underline-opacity-0-hover:hover { 8283 --bs-link-underline-opacity: 0; 8284} 8285.link-underline-opacity-10, 8286.link-underline-opacity-10-hover:hover { 8287 --bs-link-underline-opacity: 0.1; 8288} 8289.link-underline-opacity-25, 8290.link-underline-opacity-25-hover:hover { 8291 --bs-link-underline-opacity: 0.25; 8292} 8293.link-underline-opacity-50, 8294.link-underline-opacity-50-hover:hover { 8295 --bs-link-underline-opacity: 0.5; 8296} 8297.link-underline-opacity-75, 8298.link-underline-opacity-75-hover:hover { 8299 --bs-link-underline-opacity: 0.75; 8300} 8301.link-underline-opacity-100, 8302.link-underline-opacity-100-hover:hover { 8303 --bs-link-underline-opacity: 1; 8304} 8305.bg-primary { 8306 --bs-bg-opacity: 1; 8307 background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; 8308} 8309.bg-secondary { 8310 --bs-bg-opacity: 1; 8311 background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; 8312} 8313.bg-success { 8314 --bs-bg-opacity: 1; 8315 background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; 8316} 8317.bg-info { 8318 --bs-bg-opacity: 1; 8319 background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; 8320} 8321.bg-warning { 8322 --bs-bg-opacity: 1; 8323 background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; 8324} 8325.bg-danger { 8326 --bs-bg-opacity: 1; 8327 background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; 8328} 8329.bg-light { 8330 --bs-bg-opacity: 1; 8331 background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; 8332} 8333.bg-dark { 8334 --bs-bg-opacity: 1; 8335 background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; 8336} 8337.bg-black { 8338 --bs-bg-opacity: 1; 8339 background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; 8340} 8341.bg-white { 8342 --bs-bg-opacity: 1; 8343 background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; 8344} 8345.bg-body { 8346 --bs-bg-opacity: 1; 8347 background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; 8348} 8349.bg-transparent { 8350 --bs-bg-opacity: 1; 8351 background-color: transparent !important; 8352} 8353.bg-body-secondary { 8354 --bs-bg-opacity: 1; 8355 background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; 8356} 8357.bg-body-tertiary { 8358 --bs-bg-opacity: 1; 8359 background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; 8360} 8361.bg-opacity-10 { 8362 --bs-bg-opacity: 0.1; 8363} 8364.bg-opacity-25 { 8365 --bs-bg-opacity: 0.25; 8366} 8367.bg-opacity-50 { 8368 --bs-bg-opacity: 0.5; 8369} 8370.bg-opacity-75 { 8371 --bs-bg-opacity: 0.75; 8372} 8373.bg-opacity-100 { 8374 --bs-bg-opacity: 1; 8375} 8376.bg-primary-subtle { 8377 background-color: var(--bs-primary-bg-subtle) !important; 8378} 8379.bg-secondary-subtle { 8380 background-color: var(--bs-secondary-bg-subtle) !important; 8381} 8382.bg-success-subtle { 8383 background-color: var(--bs-success-bg-subtle) !important; 8384} 8385.bg-info-subtle { 8386 background-color: var(--bs-info-bg-subtle) !important; 8387} 8388.bg-warning-subtle { 8389 background-color: var(--bs-warning-bg-subtle) !important; 8390} 8391.bg-danger-subtle { 8392 background-color: var(--bs-danger-bg-subtle) !important; 8393} 8394.bg-light-subtle { 8395 background-color: var(--bs-light-bg-subtle) !important; 8396} 8397.bg-dark-subtle { 8398 background-color: var(--bs-dark-bg-subtle) !important; 8399} 8400.bg-gradient { 8401 background-image: var(--bs-gradient) !important; 8402} 8403.user-select-all { 8404 -webkit-user-select: all !important; 8405 -moz-user-select: all !important; 8406 user-select: all !important; 8407} 8408.user-select-auto { 8409 -webkit-user-select: auto !important; 8410 -moz-user-select: auto !important; 8411 user-select: auto !important; 8412} 8413.user-select-none { 8414 -webkit-user-select: none !important; 8415 -moz-user-select: none !important; 8416 user-select: none !important; 8417} 8418.pe-none { 8419 pointer-events: none !important; 8420} 8421.pe-auto { 8422 pointer-events: auto !important; 8423} 8424.rounded { 8425 border-radius: var(--bs-border-radius) !important; 8426} 8427.rounded-0 { 8428 border-radius: 0 !important; 8429} 8430.rounded-1 { 8431 border-radius: var(--bs-border-radius-sm) !important; 8432} 8433.rounded-2 { 8434 border-radius: var(--bs-border-radius) !important; 8435} 8436.rounded-3 { 8437 border-radius: var(--bs-border-radius-lg) !important; 8438} 8439.rounded-4 { 8440 border-radius: var(--bs-border-radius-xl) !important; 8441} 8442.rounded-5 { 8443 border-radius: var(--bs-border-radius-xxl) !important; 8444} 8445.rounded-circle { 8446 border-radius: 50% !important; 8447} 8448.rounded-pill { 8449 border-radius: var(--bs-border-radius-pill) !important; 8450} 8451.rounded-top { 8452 border-top-left-radius: var(--bs-border-radius) !important; 8453 border-top-right-radius: var(--bs-border-radius) !important; 8454} 8455.rounded-top-0 { 8456 border-top-left-radius: 0 !important; 8457 border-top-right-radius: 0 !important; 8458} 8459.rounded-top-1 { 8460 border-top-left-radius: var(--bs-border-radius-sm) !important; 8461 border-top-right-radius: var(--bs-border-radius-sm) !important; 8462} 8463.rounded-top-2 { 8464 border-top-left-radius: var(--bs-border-radius) !important; 8465 border-top-right-radius: var(--bs-border-radius) !important; 8466} 8467.rounded-top-3 { 8468 border-top-left-radius: var(--bs-border-radius-lg) !important; 8469 border-top-right-radius: var(--bs-border-radius-lg) !important; 8470} 8471.rounded-top-4 { 8472 border-top-left-radius: var(--bs-border-radius-xl) !important; 8473 border-top-right-radius: var(--bs-border-radius-xl) !important; 8474} 8475.rounded-top-5 { 8476 border-top-left-radius: var(--bs-border-radius-xxl) !important; 8477 border-top-right-radius: var(--bs-border-radius-xxl) !important; 8478} 8479.rounded-top-circle { 8480 border-top-left-radius: 50% !important; 8481 border-top-right-radius: 50% !important; 8482} 8483.rounded-top-pill { 8484 border-top-left-radius: var(--bs-border-radius-pill) !important; 8485 border-top-right-radius: var(--bs-border-radius-pill) !important; 8486} 8487.rounded-end { 8488 border-bottom-right-radius: var(--bs-border-radius) !important; 8489 border-top-right-radius: var(--bs-border-radius) !important; 8490} 8491.rounded-end-0 { 8492 border-bottom-right-radius: 0 !important; 8493 border-top-right-radius: 0 !important; 8494} 8495.rounded-end-1 { 8496 border-bottom-right-radius: var(--bs-border-radius-sm) !important; 8497 border-top-right-radius: var(--bs-border-radius-sm) !important; 8498} 8499.rounded-end-2 { 8500 border-bottom-right-radius: var(--bs-border-radius) !important; 8501 border-top-right-radius: var(--bs-border-radius) !important; 8502} 8503.rounded-end-3 { 8504 border-bottom-right-radius: var(--bs-border-radius-lg) !important; 8505 border-top-right-radius: var(--bs-border-radius-lg) !important; 8506} 8507.rounded-end-4 { 8508 border-bottom-right-radius: var(--bs-border-radius-xl) !important; 8509 border-top-right-radius: var(--bs-border-radius-xl) !important; 8510} 8511.rounded-end-5 { 8512 border-bottom-right-radius: var(--bs-border-radius-xxl) !important; 8513 border-top-right-radius: var(--bs-border-radius-xxl) !important; 8514} 8515.rounded-end-circle { 8516 border-bottom-right-radius: 50% !important; 8517 border-top-right-radius: 50% !important; 8518} 8519.rounded-end-pill { 8520 border-bottom-right-radius: var(--bs-border-radius-pill) !important; 8521 border-top-right-radius: var(--bs-border-radius-pill) !important; 8522} 8523.rounded-bottom { 8524 border-bottom-left-radius: var(--bs-border-radius) !important; 8525 border-bottom-right-radius: var(--bs-border-radius) !important; 8526} 8527.rounded-bottom-0 { 8528 border-bottom-left-radius: 0 !important; 8529 border-bottom-right-radius: 0 !important; 8530} 8531.rounded-bottom-1 { 8532 border-bottom-left-radius: var(--bs-border-radius-sm) !important; 8533 border-bottom-right-radius: var(--bs-border-radius-sm) !important; 8534} 8535.rounded-bottom-2 { 8536 border-bottom-left-radius: var(--bs-border-radius) !important; 8537 border-bottom-right-radius: var(--bs-border-radius) !important; 8538} 8539.rounded-bottom-3 { 8540 border-bottom-left-radius: var(--bs-border-radius-lg) !important; 8541 border-bottom-right-radius: var(--bs-border-radius-lg) !important; 8542} 8543.rounded-bottom-4 { 8544 border-bottom-left-radius: var(--bs-border-radius-xl) !important; 8545 border-bottom-right-radius: var(--bs-border-radius-xl) !important; 8546} 8547.rounded-bottom-5 { 8548 border-bottom-left-radius: var(--bs-border-radius-xxl) !important; 8549 border-bottom-right-radius: var(--bs-border-radius-xxl) !important; 8550} 8551.rounded-bottom-circle { 8552 border-bottom-left-radius: 50% !important; 8553 border-bottom-right-radius: 50% !important; 8554} 8555.rounded-bottom-pill { 8556 border-bottom-left-radius: var(--bs-border-radius-pill) !important; 8557 border-bottom-right-radius: var(--bs-border-radius-pill) !important; 8558} 8559.rounded-start { 8560 border-bottom-left-radius: var(--bs-border-radius) !important; 8561 border-top-left-radius: var(--bs-border-radius) !important; 8562} 8563.rounded-start-0 { 8564 border-bottom-left-radius: 0 !important; 8565 border-top-left-radius: 0 !important; 8566} 8567.rounded-start-1 { 8568 border-bottom-left-radius: var(--bs-border-radius-sm) !important; 8569 border-top-left-radius: var(--bs-border-radius-sm) !important; 8570} 8571.rounded-start-2 { 8572 border-bottom-left-radius: var(--bs-border-radius) !important; 8573 border-top-left-radius: var(--bs-border-radius) !important; 8574} 8575.rounded-start-3 { 8576 border-bottom-left-radius: var(--bs-border-radius-lg) !important; 8577 border-top-left-radius: var(--bs-border-radius-lg) !important; 8578} 8579.rounded-start-4 { 8580 border-bottom-left-radius: var(--bs-border-radius-xl) !important; 8581 border-top-left-radius: var(--bs-border-radius-xl) !important; 8582} 8583.rounded-start-5 { 8584 border-bottom-left-radius: var(--bs-border-radius-xxl) !important; 8585 border-top-left-radius: var(--bs-border-radius-xxl) !important; 8586} 8587.rounded-start-circle { 8588 border-bottom-left-radius: 50% !important; 8589 border-top-left-radius: 50% !important; 8590} 8591.rounded-start-pill { 8592 border-bottom-left-radius: var(--bs-border-radius-pill) !important; 8593 border-top-left-radius: var(--bs-border-radius-pill) !important; 8594} 8595.visible { 8596 visibility: visible !important; 8597} 8598.invisible { 8599 visibility: hidden !important; 8600} 8601.z-n1 { 8602 z-index: -1 !important; 8603} 8604.z-0 { 8605 z-index: 0 !important; 8606} 8607.z-1 { 8608 z-index: 1 !important; 8609} 8610.z-2 { 8611 z-index: 2 !important; 8612} 8613.z-3 { 8614 z-index: 3 !important; 8615} 8616@media (min-width: 576px) { 8617 .float-sm-start { 8618 float: left !important; 8619 } 8620 .float-sm-end { 8621 float: right !important; 8622 } 8623 .float-sm-none { 8624 float: none !important; 8625 } 8626 .object-fit-sm-contain { 8627 -o-object-fit: contain !important; 8628 object-fit: contain !important; 8629 } 8630 .object-fit-sm-cover { 8631 -o-object-fit: cover !important; 8632 object-fit: cover !important; 8633 } 8634 .object-fit-sm-fill { 8635 -o-object-fit: fill !important; 8636 object-fit: fill !important; 8637 } 8638 .object-fit-sm-scale { 8639 -o-object-fit: scale-down !important; 8640 object-fit: scale-down !important; 8641 } 8642 .object-fit-sm-none { 8643 -o-object-fit: none !important; 8644 object-fit: none !important; 8645 } 8646 .d-sm-inline { 8647 display: inline !important; 8648 } 8649 .d-sm-inline-block { 8650 display: inline-block !important; 8651 } 8652 .d-sm-block { 8653 display: block !important; 8654 } 8655 .d-sm-grid { 8656 display: grid !important; 8657 } 8658 .d-sm-inline-grid { 8659 display: inline-grid !important; 8660 } 8661 .d-sm-table { 8662 display: table !important; 8663 } 8664 .d-sm-table-row { 8665 display: table-row !important; 8666 } 8667 .d-sm-table-cell { 8668 display: table-cell !important; 8669 } 8670 .d-sm-flex { 8671 display: flex !important; 8672 } 8673 .d-sm-inline-flex { 8674 display: inline-flex !important; 8675 } 8676 .d-sm-none { 8677 display: none !important; 8678 } 8679 .flex-sm-fill { 8680 flex: 1 1 auto !important; 8681 } 8682 .flex-sm-row { 8683 flex-direction: row !important; 8684 } 8685 .flex-sm-column { 8686 flex-direction: column !important; 8687 } 8688 .flex-sm-row-reverse { 8689 flex-direction: row-reverse !important; 8690 } 8691 .flex-sm-column-reverse { 8692 flex-direction: column-reverse !important; 8693 } 8694 .flex-sm-grow-0 { 8695 flex-grow: 0 !important; 8696 } 8697 .flex-sm-grow-1 { 8698 flex-grow: 1 !important; 8699 } 8700 .flex-sm-shrink-0 { 8701 flex-shrink: 0 !important; 8702 } 8703 .flex-sm-shrink-1 { 8704 flex-shrink: 1 !important; 8705 } 8706 .flex-sm-wrap { 8707 flex-wrap: wrap !important; 8708 } 8709 .flex-sm-nowrap { 8710 flex-wrap: nowrap !important; 8711 } 8712 .flex-sm-wrap-reverse { 8713 flex-wrap: wrap-reverse !important; 8714 } 8715 .justify-content-sm-start { 8716 justify-content: flex-start !important; 8717 } 8718 .justify-content-sm-end { 8719 justify-content: flex-end !important; 8720 } 8721 .justify-content-sm-center { 8722 justify-content: center !important; 8723 } 8724 .justify-content-sm-between { 8725 justify-content: space-between !important; 8726 } 8727 .justify-content-sm-around { 8728 justify-content: space-around !important; 8729 } 8730 .justify-content-sm-evenly { 8731 justify-content: space-evenly !important; 8732 } 8733 .align-items-sm-start { 8734 align-items: flex-start !important; 8735 } 8736 .align-items-sm-end { 8737 align-items: flex-end !important; 8738 } 8739 .align-items-sm-center { 8740 align-items: center !important; 8741 } 8742 .align-items-sm-baseline { 8743 align-items: baseline !important; 8744 } 8745 .align-items-sm-stretch { 8746 align-items: stretch !important; 8747 } 8748 .align-content-sm-start { 8749 align-content: flex-start !important; 8750 } 8751 .align-content-sm-end { 8752 align-content: flex-end !important; 8753 } 8754 .align-content-sm-center { 8755 align-content: center !important; 8756 } 8757 .align-content-sm-between { 8758 align-content: space-between !important; 8759 } 8760 .align-content-sm-around { 8761 align-content: space-around !important; 8762 } 8763 .align-content-sm-stretch { 8764 align-content: stretch !important; 8765 } 8766 .align-self-sm-auto { 8767 align-self: auto !important; 8768 } 8769 .align-self-sm-start { 8770 align-self: flex-start !important; 8771 } 8772 .align-self-sm-end { 8773 align-self: flex-end !important; 8774 } 8775 .align-self-sm-center { 8776 align-self: center !important; 8777 } 8778 .align-self-sm-baseline { 8779 align-self: baseline !important; 8780 } 8781 .align-self-sm-stretch { 8782 align-self: stretch !important; 8783 } 8784 .order-sm-first { 8785 order: -1 !important; 8786 } 8787 .order-sm-0 { 8788 order: 0 !important; 8789 } 8790 .order-sm-1 { 8791 order: 1 !important; 8792 } 8793 .order-sm-2 { 8794 order: 2 !important; 8795 } 8796 .order-sm-3 { 8797 order: 3 !important; 8798 } 8799 .order-sm-4 { 8800 order: 4 !important; 8801 } 8802 .order-sm-5 { 8803 order: 5 !important; 8804 } 8805 .order-sm-last { 8806 order: 6 !important; 8807 } 8808 .m-sm-0 { 8809 margin: 0 !important; 8810 } 8811 .m-sm-1 { 8812 margin: 0.25rem !important; 8813 } 8814 .m-sm-2 { 8815 margin: 0.5rem !important; 8816 } 8817 .m-sm-3 { 8818 margin: 1rem !important; 8819 } 8820 .m-sm-4 { 8821 margin: 1.5rem !important; 8822 } 8823 .m-sm-5 { 8824 margin: 3rem !important; 8825 } 8826 .m-sm-auto { 8827 margin: auto !important; 8828 } 8829 .mx-sm-0 { 8830 margin-left: 0 !important; 8831 margin-right: 0 !important; 8832 } 8833 .mx-sm-1 { 8834 margin-left: 0.25rem !important; 8835 margin-right: 0.25rem !important; 8836 } 8837 .mx-sm-2 { 8838 margin-left: 0.5rem !important; 8839 margin-right: 0.5rem !important; 8840 } 8841 .mx-sm-3 { 8842 margin-left: 1rem !important; 8843 margin-right: 1rem !important; 8844 } 8845 .mx-sm-4 { 8846 margin-left: 1.5rem !important; 8847 margin-right: 1.5rem !important; 8848 } 8849 .mx-sm-5 { 8850 margin-left: 3rem !important; 8851 margin-right: 3rem !important; 8852 } 8853 .mx-sm-auto { 8854 margin-left: auto !important; 8855 margin-right: auto !important; 8856 } 8857 .my-sm-0 { 8858 margin-bottom: 0 !important; 8859 margin-top: 0 !important; 8860 } 8861 .my-sm-1 { 8862 margin-bottom: 0.25rem !important; 8863 margin-top: 0.25rem !important; 8864 } 8865 .my-sm-2 { 8866 margin-bottom: 0.5rem !important; 8867 margin-top: 0.5rem !important; 8868 } 8869 .my-sm-3 { 8870 margin-bottom: 1rem !important; 8871 margin-top: 1rem !important; 8872 } 8873 .my-sm-4 { 8874 margin-bottom: 1.5rem !important; 8875 margin-top: 1.5rem !important; 8876 } 8877 .my-sm-5 { 8878 margin-bottom: 3rem !important; 8879 margin-top: 3rem !important; 8880 } 8881 .my-sm-auto { 8882 margin-bottom: auto !important; 8883 margin-top: auto !important; 8884 } 8885 .mt-sm-0 { 8886 margin-top: 0 !important; 8887 } 8888 .mt-sm-1 { 8889 margin-top: 0.25rem !important; 8890 } 8891 .mt-sm-2 { 8892 margin-top: 0.5rem !important; 8893 } 8894 .mt-sm-3 { 8895 margin-top: 1rem !important; 8896 } 8897 .mt-sm-4 { 8898 margin-top: 1.5rem !important; 8899 } 8900 .mt-sm-5 { 8901 margin-top: 3rem !important; 8902 } 8903 .mt-sm-auto { 8904 margin-top: auto !important; 8905 } 8906 .me-sm-0 { 8907 margin-right: 0 !important; 8908 } 8909 .me-sm-1 { 8910 margin-right: 0.25rem !important; 8911 } 8912 .me-sm-2 { 8913 margin-right: 0.5rem !important; 8914 } 8915 .me-sm-3 { 8916 margin-right: 1rem !important; 8917 } 8918 .me-sm-4 { 8919 margin-right: 1.5rem !important; 8920 } 8921 .me-sm-5 { 8922 margin-right: 3rem !important; 8923 } 8924 .me-sm-auto { 8925 margin-right: auto !important; 8926 } 8927 .mb-sm-0 { 8928 margin-bottom: 0 !important; 8929 } 8930 .mb-sm-1 { 8931 margin-bottom: 0.25rem !important; 8932 } 8933 .mb-sm-2 { 8934 margin-bottom: 0.5rem !important; 8935 } 8936 .mb-sm-3 { 8937 margin-bottom: 1rem !important; 8938 } 8939 .mb-sm-4 { 8940 margin-bottom: 1.5rem !important; 8941 } 8942 .mb-sm-5 { 8943 margin-bottom: 3rem !important; 8944 } 8945 .mb-sm-auto { 8946 margin-bottom: auto !important; 8947 } 8948 .ms-sm-0 { 8949 margin-left: 0 !important; 8950 } 8951 .ms-sm-1 { 8952 margin-left: 0.25rem !important; 8953 } 8954 .ms-sm-2 { 8955 margin-left: 0.5rem !important; 8956 } 8957 .ms-sm-3 { 8958 margin-left: 1rem !important; 8959 } 8960 .ms-sm-4 { 8961 margin-left: 1.5rem !important; 8962 } 8963 .ms-sm-5 { 8964 margin-left: 3rem !important; 8965 } 8966 .ms-sm-auto { 8967 margin-left: auto !important; 8968 } 8969 .p-sm-0 { 8970 padding: 0 !important; 8971 } 8972 .p-sm-1 { 8973 padding: 0.25rem !important; 8974 } 8975 .p-sm-2 { 8976 padding: 0.5rem !important; 8977 } 8978 .p-sm-3 { 8979 padding: 1rem !important; 8980 } 8981 .p-sm-4 { 8982 padding: 1.5rem !important; 8983 } 8984 .p-sm-5 { 8985 padding: 3rem !important; 8986 } 8987 .px-sm-0 { 8988 padding-left: 0 !important; 8989 padding-right: 0 !important; 8990 } 8991 .px-sm-1 { 8992 padding-left: 0.25rem !important; 8993 padding-right: 0.25rem !important; 8994 } 8995 .px-sm-2 { 8996 padding-left: 0.5rem !important; 8997 padding-right: 0.5rem !important; 8998 } 8999 .px-sm-3 { 9000 padding-left: 1rem !important; 9001 padding-right: 1rem !important; 9002 } 9003 .px-sm-4 { 9004 padding-left: 1.5rem !important; 9005 padding-right: 1.5rem !important; 9006 } 9007 .px-sm-5 { 9008 padding-left: 3rem !important; 9009 padding-right: 3rem !important; 9010 } 9011 .py-sm-0 { 9012 padding-bottom: 0 !important; 9013 padding-top: 0 !important; 9014 } 9015 .py-sm-1 { 9016 padding-bottom: 0.25rem !important; 9017 padding-top: 0.25rem !important; 9018 } 9019 .py-sm-2 { 9020 padding-bottom: 0.5rem !important; 9021 padding-top: 0.5rem !important; 9022 } 9023 .py-sm-3 { 9024 padding-bottom: 1rem !important; 9025 padding-top: 1rem !important; 9026 } 9027 .py-sm-4 { 9028 padding-bottom: 1.5rem !important; 9029 padding-top: 1.5rem !important; 9030 } 9031 .py-sm-5 { 9032 padding-bottom: 3rem !important; 9033 padding-top: 3rem !important; 9034 } 9035 .pt-sm-0 { 9036 padding-top: 0 !important; 9037 } 9038 .pt-sm-1 { 9039 padding-top: 0.25rem !important; 9040 } 9041 .pt-sm-2 { 9042 padding-top: 0.5rem !important; 9043 } 9044 .pt-sm-3 { 9045 padding-top: 1rem !important; 9046 } 9047 .pt-sm-4 { 9048 padding-top: 1.5rem !important; 9049 } 9050 .pt-sm-5 { 9051 padding-top: 3rem !important; 9052 } 9053 .pe-sm-0 { 9054 padding-right: 0 !important; 9055 } 9056 .pe-sm-1 { 9057 padding-right: 0.25rem !important; 9058 } 9059 .pe-sm-2 { 9060 padding-right: 0.5rem !important; 9061 } 9062 .pe-sm-3 { 9063 padding-right: 1rem !important; 9064 } 9065 .pe-sm-4 { 9066 padding-right: 1.5rem !important; 9067 } 9068 .pe-sm-5 { 9069 padding-right: 3rem !important; 9070 } 9071 .pb-sm-0 { 9072 padding-bottom: 0 !important; 9073 } 9074 .pb-sm-1 { 9075 padding-bottom: 0.25rem !important; 9076 } 9077 .pb-sm-2 { 9078 padding-bottom: 0.5rem !important; 9079 } 9080 .pb-sm-3 { 9081 padding-bottom: 1rem !important; 9082 } 9083 .pb-sm-4 { 9084 padding-bottom: 1.5rem !important; 9085 } 9086 .pb-sm-5 { 9087 padding-bottom: 3rem !important; 9088 } 9089 .ps-sm-0 { 9090 padding-left: 0 !important; 9091 } 9092 .ps-sm-1 { 9093 padding-left: 0.25rem !important; 9094 } 9095 .ps-sm-2 { 9096 padding-left: 0.5rem !important; 9097 } 9098 .ps-sm-3 { 9099 padding-left: 1rem !important; 9100 } 9101 .ps-sm-4 { 9102 padding-left: 1.5rem !important; 9103 } 9104 .ps-sm-5 { 9105 padding-left: 3rem !important; 9106 } 9107 .gap-sm-0 { 9108 gap: 0 !important; 9109 } 9110 .gap-sm-1 { 9111 gap: 0.25rem !important; 9112 } 9113 .gap-sm-2 { 9114 gap: 0.5rem !important; 9115 } 9116 .gap-sm-3 { 9117 gap: 1rem !important; 9118 } 9119 .gap-sm-4 { 9120 gap: 1.5rem !important; 9121 } 9122 .gap-sm-5 { 9123 gap: 3rem !important; 9124 } 9125 .row-gap-sm-0 { 9126 row-gap: 0 !important; 9127 } 9128 .row-gap-sm-1 { 9129 row-gap: 0.25rem !important; 9130 } 9131 .row-gap-sm-2 { 9132 row-gap: 0.5rem !important; 9133 } 9134 .row-gap-sm-3 { 9135 row-gap: 1rem !important; 9136 } 9137 .row-gap-sm-4 { 9138 row-gap: 1.5rem !important; 9139 } 9140 .row-gap-sm-5 { 9141 row-gap: 3rem !important; 9142 } 9143 .column-gap-sm-0 { 9144 -moz-column-gap: 0 !important; 9145 column-gap: 0 !important; 9146 } 9147 .column-gap-sm-1 { 9148 -moz-column-gap: 0.25rem !important; 9149 column-gap: 0.25rem !important; 9150 } 9151 .column-gap-sm-2 { 9152 -moz-column-gap: 0.5rem !important; 9153 column-gap: 0.5rem !important; 9154 } 9155 .column-gap-sm-3 { 9156 -moz-column-gap: 1rem !important; 9157 column-gap: 1rem !important; 9158 } 9159 .column-gap-sm-4 { 9160 -moz-column-gap: 1.5rem !important; 9161 column-gap: 1.5rem !important; 9162 } 9163 .column-gap-sm-5 { 9164 -moz-column-gap: 3rem !important; 9165 column-gap: 3rem !important; 9166 } 9167 .text-sm-start { 9168 text-align: left !important; 9169 } 9170 .text-sm-end { 9171 text-align: right !important; 9172 } 9173 .text-sm-center { 9174 text-align: center !important; 9175 } 9176} 9177@media (min-width: 768px) { 9178 .float-md-start { 9179 float: left !important; 9180 } 9181 .float-md-end { 9182 float: right !important; 9183 } 9184 .float-md-none { 9185 float: none !important; 9186 } 9187 .object-fit-md-contain { 9188 -o-object-fit: contain !important; 9189 object-fit: contain !important; 9190 } 9191 .object-fit-md-cover { 9192 -o-object-fit: cover !important; 9193 object-fit: cover !important; 9194 } 9195 .object-fit-md-fill { 9196 -o-object-fit: fill !important; 9197 object-fit: fill !important; 9198 } 9199 .object-fit-md-scale { 9200 -o-object-fit: scale-down !important; 9201 object-fit: scale-down !important; 9202 } 9203 .object-fit-md-none { 9204 -o-object-fit: none !important; 9205 object-fit: none !important; 9206 } 9207 .d-md-inline { 9208 display: inline !important; 9209 } 9210 .d-md-inline-block { 9211 display: inline-block !important; 9212 } 9213 .d-md-block { 9214 display: block !important; 9215 } 9216 .d-md-grid { 9217 display: grid !important; 9218 } 9219 .d-md-inline-grid { 9220 display: inline-grid !important; 9221 } 9222 .d-md-table { 9223 display: table !important; 9224 } 9225 .d-md-table-row { 9226 display: table-row !important; 9227 } 9228 .d-md-table-cell { 9229 display: table-cell !important; 9230 } 9231 .d-md-flex { 9232 display: flex !important; 9233 } 9234 .d-md-inline-flex { 9235 display: inline-flex !important; 9236 } 9237 .d-md-none { 9238 display: none !important; 9239 } 9240 .flex-md-fill { 9241 flex: 1 1 auto !important; 9242 } 9243 .flex-md-row { 9244 flex-direction: row !important; 9245 } 9246 .flex-md-column { 9247 flex-direction: column !important; 9248 } 9249 .flex-md-row-reverse { 9250 flex-direction: row-reverse !important; 9251 } 9252 .flex-md-column-reverse { 9253 flex-direction: column-reverse !important; 9254 } 9255 .flex-md-grow-0 { 9256 flex-grow: 0 !important; 9257 } 9258 .flex-md-grow-1 { 9259 flex-grow: 1 !important; 9260 } 9261 .flex-md-shrink-0 { 9262 flex-shrink: 0 !important; 9263 } 9264 .flex-md-shrink-1 { 9265 flex-shrink: 1 !important; 9266 } 9267 .flex-md-wrap { 9268 flex-wrap: wrap !important; 9269 } 9270 .flex-md-nowrap { 9271 flex-wrap: nowrap !important; 9272 } 9273 .flex-md-wrap-reverse { 9274 flex-wrap: wrap-reverse !important; 9275 } 9276 .justify-content-md-start { 9277 justify-content: flex-start !important; 9278 } 9279 .justify-content-md-end { 9280 justify-content: flex-end !important; 9281 } 9282 .justify-content-md-center { 9283 justify-content: center !important; 9284 } 9285 .justify-content-md-between { 9286 justify-content: space-between !important; 9287 } 9288 .justify-content-md-around { 9289 justify-content: space-around !important; 9290 } 9291 .justify-content-md-evenly { 9292 justify-content: space-evenly !important; 9293 } 9294 .align-items-md-start { 9295 align-items: flex-start !important; 9296 } 9297 .align-items-md-end { 9298 align-items: flex-end !important; 9299 } 9300 .align-items-md-center { 9301 align-items: center !important; 9302 } 9303 .align-items-md-baseline { 9304 align-items: baseline !important; 9305 } 9306 .align-items-md-stretch { 9307 align-items: stretch !important; 9308 } 9309 .align-content-md-start { 9310 align-content: flex-start !important; 9311 } 9312 .align-content-md-end { 9313 align-content: flex-end !important; 9314 } 9315 .align-content-md-center { 9316 align-content: center !important; 9317 } 9318 .align-content-md-between { 9319 align-content: space-between !important; 9320 } 9321 .align-content-md-around { 9322 align-content: space-around !important; 9323 } 9324 .align-content-md-stretch { 9325 align-content: stretch !important; 9326 } 9327 .align-self-md-auto { 9328 align-self: auto !important; 9329 } 9330 .align-self-md-start { 9331 align-self: flex-start !important; 9332 } 9333 .align-self-md-end { 9334 align-self: flex-end !important; 9335 } 9336 .align-self-md-center { 9337 align-self: center !important; 9338 } 9339 .align-self-md-baseline { 9340 align-self: baseline !important; 9341 } 9342 .align-self-md-stretch { 9343 align-self: stretch !important; 9344 } 9345 .order-md-first { 9346 order: -1 !important; 9347 } 9348 .order-md-0 { 9349 order: 0 !important; 9350 } 9351 .order-md-1 { 9352 order: 1 !important; 9353 } 9354 .order-md-2 { 9355 order: 2 !important; 9356 } 9357 .order-md-3 { 9358 order: 3 !important; 9359 } 9360 .order-md-4 { 9361 order: 4 !important; 9362 } 9363 .order-md-5 { 9364 order: 5 !important; 9365 } 9366 .order-md-last { 9367 order: 6 !important; 9368 } 9369 .m-md-0 { 9370 margin: 0 !important; 9371 } 9372 .m-md-1 { 9373 margin: 0.25rem !important; 9374 } 9375 .m-md-2 { 9376 margin: 0.5rem !important; 9377 } 9378 .m-md-3 { 9379 margin: 1rem !important; 9380 } 9381 .m-md-4 { 9382 margin: 1.5rem !important; 9383 } 9384 .m-md-5 { 9385 margin: 3rem !important; 9386 } 9387 .m-md-auto { 9388 margin: auto !important; 9389 } 9390 .mx-md-0 { 9391 margin-left: 0 !important; 9392 margin-right: 0 !important; 9393 } 9394 .mx-md-1 { 9395 margin-left: 0.25rem !important; 9396 margin-right: 0.25rem !important; 9397 } 9398 .mx-md-2 { 9399 margin-left: 0.5rem !important; 9400 margin-right: 0.5rem !important; 9401 } 9402 .mx-md-3 { 9403 margin-left: 1rem !important; 9404 margin-right: 1rem !important; 9405 } 9406 .mx-md-4 { 9407 margin-left: 1.5rem !important; 9408 margin-right: 1.5rem !important; 9409 } 9410 .mx-md-5 { 9411 margin-left: 3rem !important; 9412 margin-right: 3rem !important; 9413 } 9414 .mx-md-auto { 9415 margin-left: auto !important; 9416 margin-right: auto !important; 9417 } 9418 .my-md-0 { 9419 margin-bottom: 0 !important; 9420 margin-top: 0 !important; 9421 } 9422 .my-md-1 { 9423 margin-bottom: 0.25rem !important; 9424 margin-top: 0.25rem !important; 9425 } 9426 .my-md-2 { 9427 margin-bottom: 0.5rem !important; 9428 margin-top: 0.5rem !important; 9429 } 9430 .my-md-3 { 9431 margin-bottom: 1rem !important; 9432 margin-top: 1rem !important; 9433 } 9434 .my-md-4 { 9435 margin-bottom: 1.5rem !important; 9436 margin-top: 1.5rem !important; 9437 } 9438 .my-md-5 { 9439 margin-bottom: 3rem !important; 9440 margin-top: 3rem !important; 9441 } 9442 .my-md-auto { 9443 margin-bottom: auto !important; 9444 margin-top: auto !important; 9445 } 9446 .mt-md-0 { 9447 margin-top: 0 !important; 9448 } 9449 .mt-md-1 { 9450 margin-top: 0.25rem !important; 9451 } 9452 .mt-md-2 { 9453 margin-top: 0.5rem !important; 9454 } 9455 .mt-md-3 { 9456 margin-top: 1rem !important; 9457 } 9458 .mt-md-4 { 9459 margin-top: 1.5rem !important; 9460 } 9461 .mt-md-5 { 9462 margin-top: 3rem !important; 9463 } 9464 .mt-md-auto { 9465 margin-top: auto !important; 9466 } 9467 .me-md-0 { 9468 margin-right: 0 !important; 9469 } 9470 .me-md-1 { 9471 margin-right: 0.25rem !important; 9472 } 9473 .me-md-2 { 9474 margin-right: 0.5rem !important; 9475 } 9476 .me-md-3 { 9477 margin-right: 1rem !important; 9478 } 9479 .me-md-4 { 9480 margin-right: 1.5rem !important; 9481 } 9482 .me-md-5 { 9483 margin-right: 3rem !important; 9484 } 9485 .me-md-auto { 9486 margin-right: auto !important; 9487 } 9488 .mb-md-0 { 9489 margin-bottom: 0 !important; 9490 } 9491 .mb-md-1 { 9492 margin-bottom: 0.25rem !important; 9493 } 9494 .mb-md-2 { 9495 margin-bottom: 0.5rem !important; 9496 } 9497 .mb-md-3 { 9498 margin-bottom: 1rem !important; 9499 } 9500 .mb-md-4 { 9501 margin-bottom: 1.5rem !important; 9502 } 9503 .mb-md-5 { 9504 margin-bottom: 3rem !important; 9505 } 9506 .mb-md-auto { 9507 margin-bottom: auto !important; 9508 } 9509 .ms-md-0 { 9510 margin-left: 0 !important; 9511 } 9512 .ms-md-1 { 9513 margin-left: 0.25rem !important; 9514 } 9515 .ms-md-2 { 9516 margin-left: 0.5rem !important; 9517 } 9518 .ms-md-3 { 9519 margin-left: 1rem !important; 9520 } 9521 .ms-md-4 { 9522 margin-left: 1.5rem !important; 9523 } 9524 .ms-md-5 { 9525 margin-left: 3rem !important; 9526 } 9527 .ms-md-auto { 9528 margin-left: auto !important; 9529 } 9530 .p-md-0 { 9531 padding: 0 !important; 9532 } 9533 .p-md-1 { 9534 padding: 0.25rem !important; 9535 } 9536 .p-md-2 { 9537 padding: 0.5rem !important; 9538 } 9539 .p-md-3 { 9540 padding: 1rem !important; 9541 } 9542 .p-md-4 { 9543 padding: 1.5rem !important; 9544 } 9545 .p-md-5 { 9546 padding: 3rem !important; 9547 } 9548 .px-md-0 { 9549 padding-left: 0 !important; 9550 padding-right: 0 !important; 9551 } 9552 .px-md-1 { 9553 padding-left: 0.25rem !important; 9554 padding-right: 0.25rem !important; 9555 } 9556 .px-md-2 { 9557 padding-left: 0.5rem !important; 9558 padding-right: 0.5rem !important; 9559 } 9560 .px-md-3 { 9561 padding-left: 1rem !important; 9562 padding-right: 1rem !important; 9563 } 9564 .px-md-4 { 9565 padding-left: 1.5rem !important; 9566 padding-right: 1.5rem !important; 9567 } 9568 .px-md-5 { 9569 padding-left: 3rem !important; 9570 padding-right: 3rem !important; 9571 } 9572 .py-md-0 { 9573 padding-bottom: 0 !important; 9574 padding-top: 0 !important; 9575 } 9576 .py-md-1 { 9577 padding-bottom: 0.25rem !important; 9578 padding-top: 0.25rem !important; 9579 } 9580 .py-md-2 { 9581 padding-bottom: 0.5rem !important; 9582 padding-top: 0.5rem !important; 9583 } 9584 .py-md-3 { 9585 padding-bottom: 1rem !important; 9586 padding-top: 1rem !important; 9587 } 9588 .py-md-4 { 9589 padding-bottom: 1.5rem !important; 9590 padding-top: 1.5rem !important; 9591 } 9592 .py-md-5 { 9593 padding-bottom: 3rem !important; 9594 padding-top: 3rem !important; 9595 } 9596 .pt-md-0 { 9597 padding-top: 0 !important; 9598 } 9599 .pt-md-1 { 9600 padding-top: 0.25rem !important; 9601 } 9602 .pt-md-2 { 9603 padding-top: 0.5rem !important; 9604 } 9605 .pt-md-3 { 9606 padding-top: 1rem !important; 9607 } 9608 .pt-md-4 { 9609 padding-top: 1.5rem !important; 9610 } 9611 .pt-md-5 { 9612 padding-top: 3rem !important; 9613 } 9614 .pe-md-0 { 9615 padding-right: 0 !important; 9616 } 9617 .pe-md-1 { 9618 padding-right: 0.25rem !important; 9619 } 9620 .pe-md-2 { 9621 padding-right: 0.5rem !important; 9622 } 9623 .pe-md-3 { 9624 padding-right: 1rem !important; 9625 } 9626 .pe-md-4 { 9627 padding-right: 1.5rem !important; 9628 } 9629 .pe-md-5 { 9630 padding-right: 3rem !important; 9631 } 9632 .pb-md-0 { 9633 padding-bottom: 0 !important; 9634 } 9635 .pb-md-1 { 9636 padding-bottom: 0.25rem !important; 9637 } 9638 .pb-md-2 { 9639 padding-bottom: 0.5rem !important; 9640 } 9641 .pb-md-3 { 9642 padding-bottom: 1rem !important; 9643 } 9644 .pb-md-4 { 9645 padding-bottom: 1.5rem !important; 9646 } 9647 .pb-md-5 { 9648 padding-bottom: 3rem !important; 9649 } 9650 .ps-md-0 { 9651 padding-left: 0 !important; 9652 } 9653 .ps-md-1 { 9654 padding-left: 0.25rem !important; 9655 } 9656 .ps-md-2 { 9657 padding-left: 0.5rem !important; 9658 } 9659 .ps-md-3 { 9660 padding-left: 1rem !important; 9661 } 9662 .ps-md-4 { 9663 padding-left: 1.5rem !important; 9664 } 9665 .ps-md-5 { 9666 padding-left: 3rem !important; 9667 } 9668 .gap-md-0 { 9669 gap: 0 !important; 9670 } 9671 .gap-md-1 { 9672 gap: 0.25rem !important; 9673 } 9674 .gap-md-2 { 9675 gap: 0.5rem !important; 9676 } 9677 .gap-md-3 { 9678 gap: 1rem !important; 9679 } 9680 .gap-md-4 { 9681 gap: 1.5rem !important; 9682 } 9683 .gap-md-5 { 9684 gap: 3rem !important; 9685 } 9686 .row-gap-md-0 { 9687 row-gap: 0 !important; 9688 } 9689 .row-gap-md-1 { 9690 row-gap: 0.25rem !important; 9691 } 9692 .row-gap-md-2 { 9693 row-gap: 0.5rem !important; 9694 } 9695 .row-gap-md-3 { 9696 row-gap: 1rem !important; 9697 } 9698 .row-gap-md-4 { 9699 row-gap: 1.5rem !important; 9700 } 9701 .row-gap-md-5 { 9702 row-gap: 3rem !important; 9703 } 9704 .column-gap-md-0 { 9705 -moz-column-gap: 0 !important; 9706 column-gap: 0 !important; 9707 } 9708 .column-gap-md-1 { 9709 -moz-column-gap: 0.25rem !important; 9710 column-gap: 0.25rem !important; 9711 } 9712 .column-gap-md-2 { 9713 -moz-column-gap: 0.5rem !important; 9714 column-gap: 0.5rem !important; 9715 } 9716 .column-gap-md-3 { 9717 -moz-column-gap: 1rem !important; 9718 column-gap: 1rem !important; 9719 } 9720 .column-gap-md-4 { 9721 -moz-column-gap: 1.5rem !important; 9722 column-gap: 1.5rem !important; 9723 } 9724 .column-gap-md-5 { 9725 -moz-column-gap: 3rem !important; 9726 column-gap: 3rem !important; 9727 } 9728 .text-md-start { 9729 text-align: left !important; 9730 } 9731 .text-md-end { 9732 text-align: right !important; 9733 } 9734 .text-md-center { 9735 text-align: center !important; 9736 } 9737} 9738@media (min-width: 992px) { 9739 .float-lg-start { 9740 float: left !important; 9741 } 9742 .float-lg-end { 9743 float: right !important; 9744 } 9745 .float-lg-none { 9746 float: none !important; 9747 } 9748 .object-fit-lg-contain { 9749 -o-object-fit: contain !important; 9750 object-fit: contain !important; 9751 } 9752 .object-fit-lg-cover { 9753 -o-object-fit: cover !important; 9754 object-fit: cover !important; 9755 } 9756 .object-fit-lg-fill { 9757 -o-object-fit: fill !important; 9758 object-fit: fill !important; 9759 } 9760 .object-fit-lg-scale { 9761 -o-object-fit: scale-down !important; 9762 object-fit: scale-down !important; 9763 } 9764 .object-fit-lg-none { 9765 -o-object-fit: none !important; 9766 object-fit: none !important; 9767 } 9768 .d-lg-inline { 9769 display: inline !important; 9770 } 9771 .d-lg-inline-block { 9772 display: inline-block !important; 9773 } 9774 .d-lg-block { 9775 display: block !important; 9776 } 9777 .d-lg-grid { 9778 display: grid !important; 9779 } 9780 .d-lg-inline-grid { 9781 display: inline-grid !important; 9782 } 9783 .d-lg-table { 9784 display: table !important; 9785 } 9786 .d-lg-table-row { 9787 display: table-row !important; 9788 } 9789 .d-lg-table-cell { 9790 display: table-cell !important; 9791 } 9792 .d-lg-flex { 9793 display: flex !important; 9794 } 9795 .d-lg-inline-flex { 9796 display: inline-flex !important; 9797 } 9798 .d-lg-none { 9799 display: none !important; 9800 } 9801 .flex-lg-fill { 9802 flex: 1 1 auto !important; 9803 } 9804 .flex-lg-row { 9805 flex-direction: row !important; 9806 } 9807 .flex-lg-column { 9808 flex-direction: column !important; 9809 } 9810 .flex-lg-row-reverse { 9811 flex-direction: row-reverse !important; 9812 } 9813 .flex-lg-column-reverse { 9814 flex-direction: column-reverse !important; 9815 } 9816 .flex-lg-grow-0 { 9817 flex-grow: 0 !important; 9818 } 9819 .flex-lg-grow-1 { 9820 flex-grow: 1 !important; 9821 } 9822 .flex-lg-shrink-0 { 9823 flex-shrink: 0 !important; 9824 } 9825 .flex-lg-shrink-1 { 9826 flex-shrink: 1 !important; 9827 } 9828 .flex-lg-wrap { 9829 flex-wrap: wrap !important; 9830 } 9831 .flex-lg-nowrap { 9832 flex-wrap: nowrap !important; 9833 } 9834 .flex-lg-wrap-reverse { 9835 flex-wrap: wrap-reverse !important; 9836 } 9837 .justify-content-lg-start { 9838 justify-content: flex-start !important; 9839 } 9840 .justify-content-lg-end { 9841 justify-content: flex-end !important; 9842 } 9843 .justify-content-lg-center { 9844 justify-content: center !important; 9845 } 9846 .justify-content-lg-between { 9847 justify-content: space-between !important; 9848 } 9849 .justify-content-lg-around { 9850 justify-content: space-around !important; 9851 } 9852 .justify-content-lg-evenly { 9853 justify-content: space-evenly !important; 9854 } 9855 .align-items-lg-start { 9856 align-items: flex-start !important; 9857 } 9858 .align-items-lg-end { 9859 align-items: flex-end !important; 9860 } 9861 .align-items-lg-center { 9862 align-items: center !important; 9863 } 9864 .align-items-lg-baseline { 9865 align-items: baseline !important; 9866 } 9867 .align-items-lg-stretch { 9868 align-items: stretch !important; 9869 } 9870 .align-content-lg-start { 9871 align-content: flex-start !important; 9872 } 9873 .align-content-lg-end { 9874 align-content: flex-end !important; 9875 } 9876 .align-content-lg-center { 9877 align-content: center !important; 9878 } 9879 .align-content-lg-between { 9880 align-content: space-between !important; 9881 } 9882 .align-content-lg-around { 9883 align-content: space-around !important; 9884 } 9885 .align-content-lg-stretch { 9886 align-content: stretch !important; 9887 } 9888 .align-self-lg-auto { 9889 align-self: auto !important; 9890 } 9891 .align-self-lg-start { 9892 align-self: flex-start !important; 9893 } 9894 .align-self-lg-end { 9895 align-self: flex-end !important; 9896 } 9897 .align-self-lg-center { 9898 align-self: center !important; 9899 } 9900 .align-self-lg-baseline { 9901 align-self: baseline !important; 9902 } 9903 .align-self-lg-stretch { 9904 align-self: stretch !important; 9905 } 9906 .order-lg-first { 9907 order: -1 !important; 9908 } 9909 .order-lg-0 { 9910 order: 0 !important; 9911 } 9912 .order-lg-1 { 9913 order: 1 !important; 9914 } 9915 .order-lg-2 { 9916 order: 2 !important; 9917 } 9918 .order-lg-3 { 9919 order: 3 !important; 9920 } 9921 .order-lg-4 { 9922 order: 4 !important; 9923 } 9924 .order-lg-5 { 9925 order: 5 !important; 9926 } 9927 .order-lg-last { 9928 order: 6 !important; 9929 } 9930 .m-lg-0 { 9931 margin: 0 !important; 9932 } 9933 .m-lg-1 { 9934 margin: 0.25rem !important; 9935 } 9936 .m-lg-2 { 9937 margin: 0.5rem !important; 9938 } 9939 .m-lg-3 { 9940 margin: 1rem !important; 9941 } 9942 .m-lg-4 { 9943 margin: 1.5rem !important; 9944 } 9945 .m-lg-5 { 9946 margin: 3rem !important; 9947 } 9948 .m-lg-auto { 9949 margin: auto !important; 9950 } 9951 .mx-lg-0 { 9952 margin-left: 0 !important; 9953 margin-right: 0 !important; 9954 } 9955 .mx-lg-1 { 9956 margin-left: 0.25rem !important; 9957 margin-right: 0.25rem !important; 9958 } 9959 .mx-lg-2 { 9960 margin-left: 0.5rem !important; 9961 margin-right: 0.5rem !important; 9962 } 9963 .mx-lg-3 { 9964 margin-left: 1rem !important; 9965 margin-right: 1rem !important; 9966 } 9967 .mx-lg-4 { 9968 margin-left: 1.5rem !important; 9969 margin-right: 1.5rem !important; 9970 } 9971 .mx-lg-5 { 9972 margin-left: 3rem !important; 9973 margin-right: 3rem !important; 9974 } 9975 .mx-lg-auto { 9976 margin-left: auto !important; 9977 margin-right: auto !important; 9978 } 9979 .my-lg-0 { 9980 margin-bottom: 0 !important; 9981 margin-top: 0 !important; 9982 } 9983 .my-lg-1 { 9984 margin-bottom: 0.25rem !important; 9985 margin-top: 0.25rem !important; 9986 } 9987 .my-lg-2 { 9988 margin-bottom: 0.5rem !important; 9989 margin-top: 0.5rem !important; 9990 } 9991 .my-lg-3 { 9992 margin-bottom: 1rem !important; 9993 margin-top: 1rem !important; 9994 } 9995 .my-lg-4 { 9996 margin-bottom: 1.5rem !important; 9997 margin-top: 1.5rem !important; 9998 } 9999 .my-lg-5 { 10000 margin-bottom: 3rem !important; 10001 margin-top: 3rem !important; 10002 } 10003 .my-lg-auto { 10004 margin-bottom: auto !important; 10005 margin-top: auto !important; 10006 } 10007 .mt-lg-0 { 10008 margin-top: 0 !important; 10009 } 10010 .mt-lg-1 { 10011 margin-top: 0.25rem !important; 10012 } 10013 .mt-lg-2 { 10014 margin-top: 0.5rem !important; 10015 } 10016 .mt-lg-3 { 10017 margin-top: 1rem !important; 10018 } 10019 .mt-lg-4 { 10020 margin-top: 1.5rem !important; 10021 } 10022 .mt-lg-5 { 10023 margin-top: 3rem !important; 10024 } 10025 .mt-lg-auto { 10026 margin-top: auto !important; 10027 } 10028 .me-lg-0 { 10029 margin-right: 0 !important; 10030 } 10031 .me-lg-1 { 10032 margin-right: 0.25rem !important; 10033 } 10034 .me-lg-2 { 10035 margin-right: 0.5rem !important; 10036 } 10037 .me-lg-3 { 10038 margin-right: 1rem !important; 10039 } 10040 .me-lg-4 { 10041 margin-right: 1.5rem !important; 10042 } 10043 .me-lg-5 { 10044 margin-right: 3rem !important; 10045 } 10046 .me-lg-auto { 10047 margin-right: auto !important; 10048 } 10049 .mb-lg-0 { 10050 margin-bottom: 0 !important; 10051 } 10052 .mb-lg-1 { 10053 margin-bottom: 0.25rem !important; 10054 } 10055 .mb-lg-2 { 10056 margin-bottom: 0.5rem !important; 10057 } 10058 .mb-lg-3 { 10059 margin-bottom: 1rem !important; 10060 } 10061 .mb-lg-4 { 10062 margin-bottom: 1.5rem !important; 10063 } 10064 .mb-lg-5 { 10065 margin-bottom: 3rem !important; 10066 } 10067 .mb-lg-auto { 10068 margin-bottom: auto !important; 10069 } 10070 .ms-lg-0 { 10071 margin-left: 0 !important; 10072 } 10073 .ms-lg-1 { 10074 margin-left: 0.25rem !important; 10075 } 10076 .ms-lg-2 { 10077 margin-left: 0.5rem !important; 10078 } 10079 .ms-lg-3 { 10080 margin-left: 1rem !important; 10081 } 10082 .ms-lg-4 { 10083 margin-left: 1.5rem !important; 10084 } 10085 .ms-lg-5 { 10086 margin-left: 3rem !important; 10087 } 10088 .ms-lg-auto { 10089 margin-left: auto !important; 10090 } 10091 .p-lg-0 { 10092 padding: 0 !important; 10093 } 10094 .p-lg-1 { 10095 padding: 0.25rem !important; 10096 } 10097 .p-lg-2 { 10098 padding: 0.5rem !important; 10099 } 10100 .p-lg-3 { 10101 padding: 1rem !important; 10102 } 10103 .p-lg-4 { 10104 padding: 1.5rem !important; 10105 } 10106 .p-lg-5 { 10107 padding: 3rem !important; 10108 } 10109 .px-lg-0 { 10110 padding-left: 0 !important; 10111 padding-right: 0 !important; 10112 } 10113 .px-lg-1 { 10114 padding-left: 0.25rem !important; 10115 padding-right: 0.25rem !important; 10116 } 10117 .px-lg-2 { 10118 padding-left: 0.5rem !important; 10119 padding-right: 0.5rem !important; 10120 } 10121 .px-lg-3 { 10122 padding-left: 1rem !important; 10123 padding-right: 1rem !important; 10124 } 10125 .px-lg-4 { 10126 padding-left: 1.5rem !important; 10127 padding-right: 1.5rem !important; 10128 } 10129 .px-lg-5 { 10130 padding-left: 3rem !important; 10131 padding-right: 3rem !important; 10132 } 10133 .py-lg-0 { 10134 padding-bottom: 0 !important; 10135 padding-top: 0 !important; 10136 } 10137 .py-lg-1 { 10138 padding-bottom: 0.25rem !important; 10139 padding-top: 0.25rem !important; 10140 } 10141 .py-lg-2 { 10142 padding-bottom: 0.5rem !important; 10143 padding-top: 0.5rem !important; 10144 } 10145 .py-lg-3 { 10146 padding-bottom: 1rem !important; 10147 padding-top: 1rem !important; 10148 } 10149 .py-lg-4 { 10150 padding-bottom: 1.5rem !important; 10151 padding-top: 1.5rem !important; 10152 } 10153 .py-lg-5 { 10154 padding-bottom: 3rem !important; 10155 padding-top: 3rem !important; 10156 } 10157 .pt-lg-0 { 10158 padding-top: 0 !important; 10159 } 10160 .pt-lg-1 { 10161 padding-top: 0.25rem !important; 10162 } 10163 .pt-lg-2 { 10164 padding-top: 0.5rem !important; 10165 } 10166 .pt-lg-3 { 10167 padding-top: 1rem !important; 10168 } 10169 .pt-lg-4 { 10170 padding-top: 1.5rem !important; 10171 } 10172 .pt-lg-5 { 10173 padding-top: 3rem !important; 10174 } 10175 .pe-lg-0 { 10176 padding-right: 0 !important; 10177 } 10178 .pe-lg-1 { 10179 padding-right: 0.25rem !important; 10180 } 10181 .pe-lg-2 { 10182 padding-right: 0.5rem !important; 10183 } 10184 .pe-lg-3 { 10185 padding-right: 1rem !important; 10186 } 10187 .pe-lg-4 { 10188 padding-right: 1.5rem !important; 10189 } 10190 .pe-lg-5 { 10191 padding-right: 3rem !important; 10192 } 10193 .pb-lg-0 { 10194 padding-bottom: 0 !important; 10195 } 10196 .pb-lg-1 { 10197 padding-bottom: 0.25rem !important; 10198 } 10199 .pb-lg-2 { 10200 padding-bottom: 0.5rem !important; 10201 } 10202 .pb-lg-3 { 10203 padding-bottom: 1rem !important; 10204 } 10205 .pb-lg-4 { 10206 padding-bottom: 1.5rem !important; 10207 } 10208 .pb-lg-5 { 10209 padding-bottom: 3rem !important; 10210 } 10211 .ps-lg-0 { 10212 padding-left: 0 !important; 10213 } 10214 .ps-lg-1 { 10215 padding-left: 0.25rem !important; 10216 } 10217 .ps-lg-2 { 10218 padding-left: 0.5rem !important; 10219 } 10220 .ps-lg-3 { 10221 padding-left: 1rem !important; 10222 } 10223 .ps-lg-4 { 10224 padding-left: 1.5rem !important; 10225 } 10226 .ps-lg-5 { 10227 padding-left: 3rem !important; 10228 } 10229 .gap-lg-0 { 10230 gap: 0 !important; 10231 } 10232 .gap-lg-1 { 10233 gap: 0.25rem !important; 10234 } 10235 .gap-lg-2 { 10236 gap: 0.5rem !important; 10237 } 10238 .gap-lg-3 { 10239 gap: 1rem !important; 10240 } 10241 .gap-lg-4 { 10242 gap: 1.5rem !important; 10243 } 10244 .gap-lg-5 { 10245 gap: 3rem !important; 10246 } 10247 .row-gap-lg-0 { 10248 row-gap: 0 !important; 10249 } 10250 .row-gap-lg-1 { 10251 row-gap: 0.25rem !important; 10252 } 10253 .row-gap-lg-2 { 10254 row-gap: 0.5rem !important; 10255 } 10256 .row-gap-lg-3 { 10257 row-gap: 1rem !important; 10258 } 10259 .row-gap-lg-4 { 10260 row-gap: 1.5rem !important; 10261 } 10262 .row-gap-lg-5 { 10263 row-gap: 3rem !important; 10264 } 10265 .column-gap-lg-0 { 10266 -moz-column-gap: 0 !important; 10267 column-gap: 0 !important; 10268 } 10269 .column-gap-lg-1 { 10270 -moz-column-gap: 0.25rem !important; 10271 column-gap: 0.25rem !important; 10272 } 10273 .column-gap-lg-2 { 10274 -moz-column-gap: 0.5rem !important; 10275 column-gap: 0.5rem !important; 10276 } 10277 .column-gap-lg-3 { 10278 -moz-column-gap: 1rem !important; 10279 column-gap: 1rem !important; 10280 } 10281 .column-gap-lg-4 { 10282 -moz-column-gap: 1.5rem !important; 10283 column-gap: 1.5rem !important; 10284 } 10285 .column-gap-lg-5 { 10286 -moz-column-gap: 3rem !important; 10287 column-gap: 3rem !important; 10288 } 10289 .text-lg-start { 10290 text-align: left !important; 10291 } 10292 .text-lg-end { 10293 text-align: right !important; 10294 } 10295 .text-lg-center { 10296 text-align: center !important; 10297 } 10298} 10299@media (min-width: 1200px) { 10300 .float-xl-start { 10301 float: left !important; 10302 } 10303 .float-xl-end { 10304 float: right !important; 10305 } 10306 .float-xl-none { 10307 float: none !important; 10308 } 10309 .object-fit-xl-contain { 10310 -o-object-fit: contain !important; 10311 object-fit: contain !important; 10312 } 10313 .object-fit-xl-cover { 10314 -o-object-fit: cover !important; 10315 object-fit: cover !important; 10316 } 10317 .object-fit-xl-fill { 10318 -o-object-fit: fill !important; 10319 object-fit: fill !important; 10320 } 10321 .object-fit-xl-scale { 10322 -o-object-fit: scale-down !important; 10323 object-fit: scale-down !important; 10324 } 10325 .object-fit-xl-none { 10326 -o-object-fit: none !important; 10327 object-fit: none !important; 10328 } 10329 .d-xl-inline { 10330 display: inline !important; 10331 } 10332 .d-xl-inline-block { 10333 display: inline-block !important; 10334 } 10335 .d-xl-block { 10336 display: block !important; 10337 } 10338 .d-xl-grid { 10339 display: grid !important; 10340 } 10341 .d-xl-inline-grid { 10342 display: inline-grid !important; 10343 } 10344 .d-xl-table { 10345 display: table !important; 10346 } 10347 .d-xl-table-row { 10348 display: table-row !important; 10349 } 10350 .d-xl-table-cell { 10351 display: table-cell !important; 10352 } 10353 .d-xl-flex { 10354 display: flex !important; 10355 } 10356 .d-xl-inline-flex { 10357 display: inline-flex !important; 10358 } 10359 .d-xl-none { 10360 display: none !important; 10361 } 10362 .flex-xl-fill { 10363 flex: 1 1 auto !important; 10364 } 10365 .flex-xl-row { 10366 flex-direction: row !important; 10367 } 10368 .flex-xl-column { 10369 flex-direction: column !important; 10370 } 10371 .flex-xl-row-reverse { 10372 flex-direction: row-reverse !important; 10373 } 10374 .flex-xl-column-reverse { 10375 flex-direction: column-reverse !important; 10376 } 10377 .flex-xl-grow-0 { 10378 flex-grow: 0 !important; 10379 } 10380 .flex-xl-grow-1 { 10381 flex-grow: 1 !important; 10382 } 10383 .flex-xl-shrink-0 { 10384 flex-shrink: 0 !important; 10385 } 10386 .flex-xl-shrink-1 { 10387 flex-shrink: 1 !important; 10388 } 10389 .flex-xl-wrap { 10390 flex-wrap: wrap !important; 10391 } 10392 .flex-xl-nowrap { 10393 flex-wrap: nowrap !important; 10394 } 10395 .flex-xl-wrap-reverse { 10396 flex-wrap: wrap-reverse !important; 10397 } 10398 .justify-content-xl-start { 10399 justify-content: flex-start !important; 10400 } 10401 .justify-content-xl-end { 10402 justify-content: flex-end !important; 10403 } 10404 .justify-content-xl-center { 10405 justify-content: center !important; 10406 } 10407 .justify-content-xl-between { 10408 justify-content: space-between !important; 10409 } 10410 .justify-content-xl-around { 10411 justify-content: space-around !important; 10412 } 10413 .justify-content-xl-evenly { 10414 justify-content: space-evenly !important; 10415 } 10416 .align-items-xl-start { 10417 align-items: flex-start !important; 10418 } 10419 .align-items-xl-end { 10420 align-items: flex-end !important; 10421 } 10422 .align-items-xl-center { 10423 align-items: center !important; 10424 } 10425 .align-items-xl-baseline { 10426 align-items: baseline !important; 10427 } 10428 .align-items-xl-stretch { 10429 align-items: stretch !important; 10430 } 10431 .align-content-xl-start { 10432 align-content: flex-start !important; 10433 } 10434 .align-content-xl-end { 10435 align-content: flex-end !important; 10436 } 10437 .align-content-xl-center { 10438 align-content: center !important; 10439 } 10440 .align-content-xl-between { 10441 align-content: space-between !important; 10442 } 10443 .align-content-xl-around { 10444 align-content: space-around !important; 10445 } 10446 .align-content-xl-stretch { 10447 align-content: stretch !important; 10448 } 10449 .align-self-xl-auto { 10450 align-self: auto !important; 10451 } 10452 .align-self-xl-start { 10453 align-self: flex-start !important; 10454 } 10455 .align-self-xl-end { 10456 align-self: flex-end !important; 10457 } 10458 .align-self-xl-center { 10459 align-self: center !important; 10460 } 10461 .align-self-xl-baseline { 10462 align-self: baseline !important; 10463 } 10464 .align-self-xl-stretch { 10465 align-self: stretch !important; 10466 } 10467 .order-xl-first { 10468 order: -1 !important; 10469 } 10470 .order-xl-0 { 10471 order: 0 !important; 10472 } 10473 .order-xl-1 { 10474 order: 1 !important; 10475 } 10476 .order-xl-2 { 10477 order: 2 !important; 10478 } 10479 .order-xl-3 { 10480 order: 3 !important; 10481 } 10482 .order-xl-4 { 10483 order: 4 !important; 10484 } 10485 .order-xl-5 { 10486 order: 5 !important; 10487 } 10488 .order-xl-last { 10489 order: 6 !important; 10490 } 10491 .m-xl-0 { 10492 margin: 0 !important; 10493 } 10494 .m-xl-1 { 10495 margin: 0.25rem !important; 10496 } 10497 .m-xl-2 { 10498 margin: 0.5rem !important; 10499 } 10500 .m-xl-3 { 10501 margin: 1rem !important; 10502 } 10503 .m-xl-4 { 10504 margin: 1.5rem !important; 10505 } 10506 .m-xl-5 { 10507 margin: 3rem !important; 10508 } 10509 .m-xl-auto { 10510 margin: auto !important; 10511 } 10512 .mx-xl-0 { 10513 margin-left: 0 !important; 10514 margin-right: 0 !important; 10515 } 10516 .mx-xl-1 { 10517 margin-left: 0.25rem !important; 10518 margin-right: 0.25rem !important; 10519 } 10520 .mx-xl-2 { 10521 margin-left: 0.5rem !important; 10522 margin-right: 0.5rem !important; 10523 } 10524 .mx-xl-3 { 10525 margin-left: 1rem !important; 10526 margin-right: 1rem !important; 10527 } 10528 .mx-xl-4 { 10529 margin-left: 1.5rem !important; 10530 margin-right: 1.5rem !important; 10531 } 10532 .mx-xl-5 { 10533 margin-left: 3rem !important; 10534 margin-right: 3rem !important; 10535 } 10536 .mx-xl-auto { 10537 margin-left: auto !important; 10538 margin-right: auto !important; 10539 } 10540 .my-xl-0 { 10541 margin-bottom: 0 !important; 10542 margin-top: 0 !important; 10543 } 10544 .my-xl-1 { 10545 margin-bottom: 0.25rem !important; 10546 margin-top: 0.25rem !important; 10547 } 10548 .my-xl-2 { 10549 margin-bottom: 0.5rem !important; 10550 margin-top: 0.5rem !important; 10551 } 10552 .my-xl-3 { 10553 margin-bottom: 1rem !important; 10554 margin-top: 1rem !important; 10555 } 10556 .my-xl-4 { 10557 margin-bottom: 1.5rem !important; 10558 margin-top: 1.5rem !important; 10559 } 10560 .my-xl-5 { 10561 margin-bottom: 3rem !important; 10562 margin-top: 3rem !important; 10563 } 10564 .my-xl-auto { 10565 margin-bottom: auto !important; 10566 margin-top: auto !important; 10567 } 10568 .mt-xl-0 { 10569 margin-top: 0 !important; 10570 } 10571 .mt-xl-1 { 10572 margin-top: 0.25rem !important; 10573 } 10574 .mt-xl-2 { 10575 margin-top: 0.5rem !important; 10576 } 10577 .mt-xl-3 { 10578 margin-top: 1rem !important; 10579 } 10580 .mt-xl-4 { 10581 margin-top: 1.5rem !important; 10582 } 10583 .mt-xl-5 { 10584 margin-top: 3rem !important; 10585 } 10586 .mt-xl-auto { 10587 margin-top: auto !important; 10588 } 10589 .me-xl-0 { 10590 margin-right: 0 !important; 10591 } 10592 .me-xl-1 { 10593 margin-right: 0.25rem !important; 10594 } 10595 .me-xl-2 { 10596 margin-right: 0.5rem !important; 10597 } 10598 .me-xl-3 { 10599 margin-right: 1rem !important; 10600 } 10601 .me-xl-4 { 10602 margin-right: 1.5rem !important; 10603 } 10604 .me-xl-5 { 10605 margin-right: 3rem !important; 10606 } 10607 .me-xl-auto { 10608 margin-right: auto !important; 10609 } 10610 .mb-xl-0 { 10611 margin-bottom: 0 !important; 10612 } 10613 .mb-xl-1 { 10614 margin-bottom: 0.25rem !important; 10615 } 10616 .mb-xl-2 { 10617 margin-bottom: 0.5rem !important; 10618 } 10619 .mb-xl-3 { 10620 margin-bottom: 1rem !important; 10621 } 10622 .mb-xl-4 { 10623 margin-bottom: 1.5rem !important; 10624 } 10625 .mb-xl-5 { 10626 margin-bottom: 3rem !important; 10627 } 10628 .mb-xl-auto { 10629 margin-bottom: auto !important; 10630 } 10631 .ms-xl-0 { 10632 margin-left: 0 !important; 10633 } 10634 .ms-xl-1 { 10635 margin-left: 0.25rem !important; 10636 } 10637 .ms-xl-2 { 10638 margin-left: 0.5rem !important; 10639 } 10640 .ms-xl-3 { 10641 margin-left: 1rem !important; 10642 } 10643 .ms-xl-4 { 10644 margin-left: 1.5rem !important; 10645 } 10646 .ms-xl-5 { 10647 margin-left: 3rem !important; 10648 } 10649 .ms-xl-auto { 10650 margin-left: auto !important; 10651 } 10652 .p-xl-0 { 10653 padding: 0 !important; 10654 } 10655 .p-xl-1 { 10656 padding: 0.25rem !important; 10657 } 10658 .p-xl-2 { 10659 padding: 0.5rem !important; 10660 } 10661 .p-xl-3 { 10662 padding: 1rem !important; 10663 } 10664 .p-xl-4 { 10665 padding: 1.5rem !important; 10666 } 10667 .p-xl-5 { 10668 padding: 3rem !important; 10669 } 10670 .px-xl-0 { 10671 padding-left: 0 !important; 10672 padding-right: 0 !important; 10673 } 10674 .px-xl-1 { 10675 padding-left: 0.25rem !important; 10676 padding-right: 0.25rem !important; 10677 } 10678 .px-xl-2 { 10679 padding-left: 0.5rem !important; 10680 padding-right: 0.5rem !important; 10681 } 10682 .px-xl-3 { 10683 padding-left: 1rem !important; 10684 padding-right: 1rem !important; 10685 } 10686 .px-xl-4 { 10687 padding-left: 1.5rem !important; 10688 padding-right: 1.5rem !important; 10689 } 10690 .px-xl-5 { 10691 padding-left: 3rem !important; 10692 padding-right: 3rem !important; 10693 } 10694 .py-xl-0 { 10695 padding-bottom: 0 !important; 10696 padding-top: 0 !important; 10697 } 10698 .py-xl-1 { 10699 padding-bottom: 0.25rem !important; 10700 padding-top: 0.25rem !important; 10701 } 10702 .py-xl-2 { 10703 padding-bottom: 0.5rem !important; 10704 padding-top: 0.5rem !important; 10705 } 10706 .py-xl-3 { 10707 padding-bottom: 1rem !important; 10708 padding-top: 1rem !important; 10709 } 10710 .py-xl-4 { 10711 padding-bottom: 1.5rem !important; 10712 padding-top: 1.5rem !important; 10713 } 10714 .py-xl-5 { 10715 padding-bottom: 3rem !important; 10716 padding-top: 3rem !important; 10717 } 10718 .pt-xl-0 { 10719 padding-top: 0 !important; 10720 } 10721 .pt-xl-1 { 10722 padding-top: 0.25rem !important; 10723 } 10724 .pt-xl-2 { 10725 padding-top: 0.5rem !important; 10726 } 10727 .pt-xl-3 { 10728 padding-top: 1rem !important; 10729 } 10730 .pt-xl-4 { 10731 padding-top: 1.5rem !important; 10732 } 10733 .pt-xl-5 { 10734 padding-top: 3rem !important; 10735 } 10736 .pe-xl-0 { 10737 padding-right: 0 !important; 10738 } 10739 .pe-xl-1 { 10740 padding-right: 0.25rem !important; 10741 } 10742 .pe-xl-2 { 10743 padding-right: 0.5rem !important; 10744 } 10745 .pe-xl-3 { 10746 padding-right: 1rem !important; 10747 } 10748 .pe-xl-4 { 10749 padding-right: 1.5rem !important; 10750 } 10751 .pe-xl-5 { 10752 padding-right: 3rem !important; 10753 } 10754 .pb-xl-0 { 10755 padding-bottom: 0 !important; 10756 } 10757 .pb-xl-1 { 10758 padding-bottom: 0.25rem !important; 10759 } 10760 .pb-xl-2 { 10761 padding-bottom: 0.5rem !important; 10762 } 10763 .pb-xl-3 { 10764 padding-bottom: 1rem !important; 10765 } 10766 .pb-xl-4 { 10767 padding-bottom: 1.5rem !important; 10768 } 10769 .pb-xl-5 { 10770 padding-bottom: 3rem !important; 10771 } 10772 .ps-xl-0 { 10773 padding-left: 0 !important; 10774 } 10775 .ps-xl-1 { 10776 padding-left: 0.25rem !important; 10777 } 10778 .ps-xl-2 { 10779 padding-left: 0.5rem !important; 10780 } 10781 .ps-xl-3 { 10782 padding-left: 1rem !important; 10783 } 10784 .ps-xl-4 { 10785 padding-left: 1.5rem !important; 10786 } 10787 .ps-xl-5 { 10788 padding-left: 3rem !important; 10789 } 10790 .gap-xl-0 { 10791 gap: 0 !important; 10792 } 10793 .gap-xl-1 { 10794 gap: 0.25rem !important; 10795 } 10796 .gap-xl-2 { 10797 gap: 0.5rem !important; 10798 } 10799 .gap-xl-3 { 10800 gap: 1rem !important; 10801 } 10802 .gap-xl-4 { 10803 gap: 1.5rem !important; 10804 } 10805 .gap-xl-5 { 10806 gap: 3rem !important; 10807 } 10808 .row-gap-xl-0 { 10809 row-gap: 0 !important; 10810 } 10811 .row-gap-xl-1 { 10812 row-gap: 0.25rem !important; 10813 } 10814 .row-gap-xl-2 { 10815 row-gap: 0.5rem !important; 10816 } 10817 .row-gap-xl-3 { 10818 row-gap: 1rem !important; 10819 } 10820 .row-gap-xl-4 { 10821 row-gap: 1.5rem !important; 10822 } 10823 .row-gap-xl-5 { 10824 row-gap: 3rem !important; 10825 } 10826 .column-gap-xl-0 { 10827 -moz-column-gap: 0 !important; 10828 column-gap: 0 !important; 10829 } 10830 .column-gap-xl-1 { 10831 -moz-column-gap: 0.25rem !important; 10832 column-gap: 0.25rem !important; 10833 } 10834 .column-gap-xl-2 { 10835 -moz-column-gap: 0.5rem !important; 10836 column-gap: 0.5rem !important; 10837 } 10838 .column-gap-xl-3 { 10839 -moz-column-gap: 1rem !important; 10840 column-gap: 1rem !important; 10841 } 10842 .column-gap-xl-4 { 10843 -moz-column-gap: 1.5rem !important; 10844 column-gap: 1.5rem !important; 10845 } 10846 .column-gap-xl-5 { 10847 -moz-column-gap: 3rem !important; 10848 column-gap: 3rem !important; 10849 } 10850 .text-xl-start { 10851 text-align: left !important; 10852 } 10853 .text-xl-end { 10854 text-align: right !important; 10855 } 10856 .text-xl-center { 10857 text-align: center !important; 10858 } 10859} 10860@media (min-width: 1400px) { 10861 .float-xxl-start { 10862 float: left !important; 10863 } 10864 .float-xxl-end { 10865 float: right !important; 10866 } 10867 .float-xxl-none { 10868 float: none !important; 10869 } 10870 .object-fit-xxl-contain { 10871 -o-object-fit: contain !important; 10872 object-fit: contain !important; 10873 } 10874 .object-fit-xxl-cover { 10875 -o-object-fit: cover !important; 10876 object-fit: cover !important; 10877 } 10878 .object-fit-xxl-fill { 10879 -o-object-fit: fill !important; 10880 object-fit: fill !important; 10881 } 10882 .object-fit-xxl-scale { 10883 -o-object-fit: scale-down !important; 10884 object-fit: scale-down !important; 10885 } 10886 .object-fit-xxl-none { 10887 -o-object-fit: none !important; 10888 object-fit: none !important; 10889 } 10890 .d-xxl-inline { 10891 display: inline !important; 10892 } 10893 .d-xxl-inline-block { 10894 display: inline-block !important; 10895 } 10896 .d-xxl-block { 10897 display: block !important; 10898 } 10899 .d-xxl-grid { 10900 display: grid !important; 10901 } 10902 .d-xxl-inline-grid { 10903 display: inline-grid !important; 10904 } 10905 .d-xxl-table { 10906 display: table !important; 10907 } 10908 .d-xxl-table-row { 10909 display: table-row !important; 10910 } 10911 .d-xxl-table-cell { 10912 display: table-cell !important; 10913 } 10914 .d-xxl-flex { 10915 display: flex !important; 10916 } 10917 .d-xxl-inline-flex { 10918 display: inline-flex !important; 10919 } 10920 .d-xxl-none { 10921 display: none !important; 10922 } 10923 .flex-xxl-fill { 10924 flex: 1 1 auto !important; 10925 } 10926 .flex-xxl-row { 10927 flex-direction: row !important; 10928 } 10929 .flex-xxl-column { 10930 flex-direction: column !important; 10931 } 10932 .flex-xxl-row-reverse { 10933 flex-direction: row-reverse !important; 10934 } 10935 .flex-xxl-column-reverse { 10936 flex-direction: column-reverse !important; 10937 } 10938 .flex-xxl-grow-0 { 10939 flex-grow: 0 !important; 10940 } 10941 .flex-xxl-grow-1 { 10942 flex-grow: 1 !important; 10943 } 10944 .flex-xxl-shrink-0 { 10945 flex-shrink: 0 !important; 10946 } 10947 .flex-xxl-shrink-1 { 10948 flex-shrink: 1 !important; 10949 } 10950 .flex-xxl-wrap { 10951 flex-wrap: wrap !important; 10952 } 10953 .flex-xxl-nowrap { 10954 flex-wrap: nowrap !important; 10955 } 10956 .flex-xxl-wrap-reverse { 10957 flex-wrap: wrap-reverse !important; 10958 } 10959 .justify-content-xxl-start { 10960 justify-content: flex-start !important; 10961 } 10962 .justify-content-xxl-end { 10963 justify-content: flex-end !important; 10964 } 10965 .justify-content-xxl-center { 10966 justify-content: center !important; 10967 } 10968 .justify-content-xxl-between { 10969 justify-content: space-between !important; 10970 } 10971 .justify-content-xxl-around { 10972 justify-content: space-around !important; 10973 } 10974 .justify-content-xxl-evenly { 10975 justify-content: space-evenly !important; 10976 } 10977 .align-items-xxl-start { 10978 align-items: flex-start !important; 10979 } 10980 .align-items-xxl-end { 10981 align-items: flex-end !important; 10982 } 10983 .align-items-xxl-center { 10984 align-items: center !important; 10985 } 10986 .align-items-xxl-baseline { 10987 align-items: baseline !important; 10988 } 10989 .align-items-xxl-stretch { 10990 align-items: stretch !important; 10991 } 10992 .align-content-xxl-start { 10993 align-content: flex-start !important; 10994 } 10995 .align-content-xxl-end { 10996 align-content: flex-end !important; 10997 } 10998 .align-content-xxl-center { 10999 align-content: center !important; 11000 } 11001 .align-content-xxl-between { 11002 align-content: space-between !important; 11003 } 11004 .align-content-xxl-around { 11005 align-content: space-around !important; 11006 } 11007 .align-content-xxl-stretch { 11008 align-content: stretch !important; 11009 } 11010 .align-self-xxl-auto { 11011 align-self: auto !important; 11012 } 11013 .align-self-xxl-start { 11014 align-self: flex-start !important; 11015 } 11016 .align-self-xxl-end { 11017 align-self: flex-end !important; 11018 } 11019 .align-self-xxl-center { 11020 align-self: center !important; 11021 } 11022 .align-self-xxl-baseline { 11023 align-self: baseline !important; 11024 } 11025 .align-self-xxl-stretch { 11026 align-self: stretch !important; 11027 } 11028 .order-xxl-first { 11029 order: -1 !important; 11030 } 11031 .order-xxl-0 { 11032 order: 0 !important; 11033 } 11034 .order-xxl-1 { 11035 order: 1 !important; 11036 } 11037 .order-xxl-2 { 11038 order: 2 !important; 11039 } 11040 .order-xxl-3 { 11041 order: 3 !important; 11042 } 11043 .order-xxl-4 { 11044 order: 4 !important; 11045 } 11046 .order-xxl-5 { 11047 order: 5 !important; 11048 } 11049 .order-xxl-last { 11050 order: 6 !important; 11051 } 11052 .m-xxl-0 { 11053 margin: 0 !important; 11054 } 11055 .m-xxl-1 { 11056 margin: 0.25rem !important; 11057 } 11058 .m-xxl-2 { 11059 margin: 0.5rem !important; 11060 } 11061 .m-xxl-3 { 11062 margin: 1rem !important; 11063 } 11064 .m-xxl-4 { 11065 margin: 1.5rem !important; 11066 } 11067 .m-xxl-5 { 11068 margin: 3rem !important; 11069 } 11070 .m-xxl-auto { 11071 margin: auto !important; 11072 } 11073 .mx-xxl-0 { 11074 margin-left: 0 !important; 11075 margin-right: 0 !important; 11076 } 11077 .mx-xxl-1 { 11078 margin-left: 0.25rem !important; 11079 margin-right: 0.25rem !important; 11080 } 11081 .mx-xxl-2 { 11082 margin-left: 0.5rem !important; 11083 margin-right: 0.5rem !important; 11084 } 11085 .mx-xxl-3 { 11086 margin-left: 1rem !important; 11087 margin-right: 1rem !important; 11088 } 11089 .mx-xxl-4 { 11090 margin-left: 1.5rem !important; 11091 margin-right: 1.5rem !important; 11092 } 11093 .mx-xxl-5 { 11094 margin-left: 3rem !important; 11095 margin-right: 3rem !important; 11096 } 11097 .mx-xxl-auto { 11098 margin-left: auto !important; 11099 margin-right: auto !important; 11100 } 11101 .my-xxl-0 { 11102 margin-bottom: 0 !important; 11103 margin-top: 0 !important; 11104 } 11105 .my-xxl-1 { 11106 margin-bottom: 0.25rem !important; 11107 margin-top: 0.25rem !important; 11108 } 11109 .my-xxl-2 { 11110 margin-bottom: 0.5rem !important; 11111 margin-top: 0.5rem !important; 11112 } 11113 .my-xxl-3 { 11114 margin-bottom: 1rem !important; 11115 margin-top: 1rem !important; 11116 } 11117 .my-xxl-4 { 11118 margin-bottom: 1.5rem !important; 11119 margin-top: 1.5rem !important; 11120 } 11121 .my-xxl-5 { 11122 margin-bottom: 3rem !important; 11123 margin-top: 3rem !important; 11124 } 11125 .my-xxl-auto { 11126 margin-bottom: auto !important; 11127 margin-top: auto !important; 11128 } 11129 .mt-xxl-0 { 11130 margin-top: 0 !important; 11131 } 11132 .mt-xxl-1 { 11133 margin-top: 0.25rem !important; 11134 } 11135 .mt-xxl-2 { 11136 margin-top: 0.5rem !important; 11137 } 11138 .mt-xxl-3 { 11139 margin-top: 1rem !important; 11140 } 11141 .mt-xxl-4 { 11142 margin-top: 1.5rem !important; 11143 } 11144 .mt-xxl-5 { 11145 margin-top: 3rem !important; 11146 } 11147 .mt-xxl-auto { 11148 margin-top: auto !important; 11149 } 11150 .me-xxl-0 { 11151 margin-right: 0 !important; 11152 } 11153 .me-xxl-1 { 11154 margin-right: 0.25rem !important; 11155 } 11156 .me-xxl-2 { 11157 margin-right: 0.5rem !important; 11158 } 11159 .me-xxl-3 { 11160 margin-right: 1rem !important; 11161 } 11162 .me-xxl-4 { 11163 margin-right: 1.5rem !important; 11164 } 11165 .me-xxl-5 { 11166 margin-right: 3rem !important; 11167 } 11168 .me-xxl-auto { 11169 margin-right: auto !important; 11170 } 11171 .mb-xxl-0 { 11172 margin-bottom: 0 !important; 11173 } 11174 .mb-xxl-1 { 11175 margin-bottom: 0.25rem !important; 11176 } 11177 .mb-xxl-2 { 11178 margin-bottom: 0.5rem !important; 11179 } 11180 .mb-xxl-3 { 11181 margin-bottom: 1rem !important; 11182 } 11183 .mb-xxl-4 { 11184 margin-bottom: 1.5rem !important; 11185 } 11186 .mb-xxl-5 { 11187 margin-bottom: 3rem !important; 11188 } 11189 .mb-xxl-auto { 11190 margin-bottom: auto !important; 11191 } 11192 .ms-xxl-0 { 11193 margin-left: 0 !important; 11194 } 11195 .ms-xxl-1 { 11196 margin-left: 0.25rem !important; 11197 } 11198 .ms-xxl-2 { 11199 margin-left: 0.5rem !important; 11200 } 11201 .ms-xxl-3 { 11202 margin-left: 1rem !important; 11203 } 11204 .ms-xxl-4 { 11205 margin-left: 1.5rem !important; 11206 } 11207 .ms-xxl-5 { 11208 margin-left: 3rem !important; 11209 } 11210 .ms-xxl-auto { 11211 margin-left: auto !important; 11212 } 11213 .p-xxl-0 { 11214 padding: 0 !important; 11215 } 11216 .p-xxl-1 { 11217 padding: 0.25rem !important; 11218 } 11219 .p-xxl-2 { 11220 padding: 0.5rem !important; 11221 } 11222 .p-xxl-3 { 11223 padding: 1rem !important; 11224 } 11225 .p-xxl-4 { 11226 padding: 1.5rem !important; 11227 } 11228 .p-xxl-5 { 11229 padding: 3rem !important; 11230 } 11231 .px-xxl-0 { 11232 padding-left: 0 !important; 11233 padding-right: 0 !important; 11234 } 11235 .px-xxl-1 { 11236 padding-left: 0.25rem !important; 11237 padding-right: 0.25rem !important; 11238 } 11239 .px-xxl-2 { 11240 padding-left: 0.5rem !important; 11241 padding-right: 0.5rem !important; 11242 } 11243 .px-xxl-3 { 11244 padding-left: 1rem !important; 11245 padding-right: 1rem !important; 11246 } 11247 .px-xxl-4 { 11248 padding-left: 1.5rem !important; 11249 padding-right: 1.5rem !important; 11250 } 11251 .px-xxl-5 { 11252 padding-left: 3rem !important; 11253 padding-right: 3rem !important; 11254 } 11255 .py-xxl-0 { 11256 padding-bottom: 0 !important; 11257 padding-top: 0 !important; 11258 } 11259 .py-xxl-1 { 11260 padding-bottom: 0.25rem !important; 11261 padding-top: 0.25rem !important; 11262 } 11263 .py-xxl-2 { 11264 padding-bottom: 0.5rem !important; 11265 padding-top: 0.5rem !important; 11266 } 11267 .py-xxl-3 { 11268 padding-bottom: 1rem !important; 11269 padding-top: 1rem !important; 11270 } 11271 .py-xxl-4 { 11272 padding-bottom: 1.5rem !important; 11273 padding-top: 1.5rem !important; 11274 } 11275 .py-xxl-5 { 11276 padding-bottom: 3rem !important; 11277 padding-top: 3rem !important; 11278 } 11279 .pt-xxl-0 { 11280 padding-top: 0 !important; 11281 } 11282 .pt-xxl-1 { 11283 padding-top: 0.25rem !important; 11284 } 11285 .pt-xxl-2 { 11286 padding-top: 0.5rem !important; 11287 } 11288 .pt-xxl-3 { 11289 padding-top: 1rem !important; 11290 } 11291 .pt-xxl-4 { 11292 padding-top: 1.5rem !important; 11293 } 11294 .pt-xxl-5 { 11295 padding-top: 3rem !important; 11296 } 11297 .pe-xxl-0 { 11298 padding-right: 0 !important; 11299 } 11300 .pe-xxl-1 { 11301 padding-right: 0.25rem !important; 11302 } 11303 .pe-xxl-2 { 11304 padding-right: 0.5rem !important; 11305 } 11306 .pe-xxl-3 { 11307 padding-right: 1rem !important; 11308 } 11309 .pe-xxl-4 { 11310 padding-right: 1.5rem !important; 11311 } 11312 .pe-xxl-5 { 11313 padding-right: 3rem !important; 11314 } 11315 .pb-xxl-0 { 11316 padding-bottom: 0 !important; 11317 } 11318 .pb-xxl-1 { 11319 padding-bottom: 0.25rem !important; 11320 } 11321 .pb-xxl-2 { 11322 padding-bottom: 0.5rem !important; 11323 } 11324 .pb-xxl-3 { 11325 padding-bottom: 1rem !important; 11326 } 11327 .pb-xxl-4 { 11328 padding-bottom: 1.5rem !important; 11329 } 11330 .pb-xxl-5 { 11331 padding-bottom: 3rem !important; 11332 } 11333 .ps-xxl-0 { 11334 padding-left: 0 !important; 11335 } 11336 .ps-xxl-1 { 11337 padding-left: 0.25rem !important; 11338 } 11339 .ps-xxl-2 { 11340 padding-left: 0.5rem !important; 11341 } 11342 .ps-xxl-3 { 11343 padding-left: 1rem !important; 11344 } 11345 .ps-xxl-4 { 11346 padding-left: 1.5rem !important; 11347 } 11348 .ps-xxl-5 { 11349 padding-left: 3rem !important; 11350 } 11351 .gap-xxl-0 { 11352 gap: 0 !important; 11353 } 11354 .gap-xxl-1 { 11355 gap: 0.25rem !important; 11356 } 11357 .gap-xxl-2 { 11358 gap: 0.5rem !important; 11359 } 11360 .gap-xxl-3 { 11361 gap: 1rem !important; 11362 } 11363 .gap-xxl-4 { 11364 gap: 1.5rem !important; 11365 } 11366 .gap-xxl-5 { 11367 gap: 3rem !important; 11368 } 11369 .row-gap-xxl-0 { 11370 row-gap: 0 !important; 11371 } 11372 .row-gap-xxl-1 { 11373 row-gap: 0.25rem !important; 11374 } 11375 .row-gap-xxl-2 { 11376 row-gap: 0.5rem !important; 11377 } 11378 .row-gap-xxl-3 { 11379 row-gap: 1rem !important; 11380 } 11381 .row-gap-xxl-4 { 11382 row-gap: 1.5rem !important; 11383 } 11384 .row-gap-xxl-5 { 11385 row-gap: 3rem !important; 11386 } 11387 .column-gap-xxl-0 { 11388 -moz-column-gap: 0 !important; 11389 column-gap: 0 !important; 11390 } 11391 .column-gap-xxl-1 { 11392 -moz-column-gap: 0.25rem !important; 11393 column-gap: 0.25rem !important; 11394 } 11395 .column-gap-xxl-2 { 11396 -moz-column-gap: 0.5rem !important; 11397 column-gap: 0.5rem !important; 11398 } 11399 .column-gap-xxl-3 { 11400 -moz-column-gap: 1rem !important; 11401 column-gap: 1rem !important; 11402 } 11403 .column-gap-xxl-4 { 11404 -moz-column-gap: 1.5rem !important; 11405 column-gap: 1.5rem !important; 11406 } 11407 .column-gap-xxl-5 { 11408 -moz-column-gap: 3rem !important; 11409 column-gap: 3rem !important; 11410 } 11411 .text-xxl-start { 11412 text-align: left !important; 11413 } 11414 .text-xxl-end { 11415 text-align: right !important; 11416 } 11417 .text-xxl-center { 11418 text-align: center !important; 11419 } 11420} 11421@media (min-width: 1200px) { 11422 .fs-1 { 11423 font-size: 2.5rem !important; 11424 } 11425 .fs-2 { 11426 font-size: 2rem !important; 11427 } 11428 .fs-3 { 11429 font-size: 1.75rem !important; 11430 } 11431 .fs-4 { 11432 font-size: 1.5rem !important; 11433 } 11434} 11435@media print { 11436 .d-print-inline { 11437 display: inline !important; 11438 } 11439 .d-print-inline-block { 11440 display: inline-block !important; 11441 } 11442 .d-print-block { 11443 display: block !important; 11444 } 11445 .d-print-grid { 11446 display: grid !important; 11447 } 11448 .d-print-inline-grid { 11449 display: inline-grid !important; 11450 } 11451 .d-print-table { 11452 display: table !important; 11453 } 11454 .d-print-table-row { 11455 display: table-row !important; 11456 } 11457 .d-print-table-cell { 11458 display: table-cell !important; 11459 } 11460 .d-print-flex { 11461 display: flex !important; 11462 } 11463 .d-print-inline-flex { 11464 display: inline-flex !important; 11465 } 11466 .d-print-none { 11467 display: none !important; 11468 } 11469} 11470.swal2-popup.swal2-toast { 11471 background: #19191a; 11472 box-shadow: 11473 0 0 1px rgba(0, 0, 0, 0.075), 11474 0 1px 2px rgba(0, 0, 0, 0.075), 11475 1px 2px 4px rgba(0, 0, 0, 0.075), 11476 1px 3px 8px rgba(0, 0, 0, 0.075), 11477 2px 4px 16px rgba(0, 0, 0, 0.075); 11478 box-sizing: border-box; 11479 grid-column: 1/4 !important; 11480 grid-row: 1/4 !important; 11481 grid-template-columns: min-content auto min-content; 11482 overflow-y: hidden; 11483 padding: 1em; 11484 pointer-events: all; 11485} 11486.swal2-popup.swal2-toast > * { 11487 grid-column: 2; 11488} 11489.swal2-popup.swal2-toast .swal2-title { 11490 font-size: 1em; 11491 margin: 0.5em 1em; 11492 padding: 0; 11493 text-align: initial; 11494} 11495.swal2-popup.swal2-toast .swal2-loading { 11496 justify-content: center; 11497} 11498.swal2-popup.swal2-toast .swal2-input { 11499 font-size: 1em; 11500 height: 2em; 11501 margin: 0.5em; 11502} 11503.swal2-popup.swal2-toast .swal2-validation-message { 11504 font-size: 1em; 11505} 11506.swal2-popup.swal2-toast .swal2-footer { 11507 font-size: 0.8em; 11508 margin: 0.5em 0 0; 11509 padding: 0.5em 0 0; 11510} 11511.swal2-popup.swal2-toast .swal2-close { 11512 align-self: center; 11513 font-size: 2em; 11514 grid-column: 3/3; 11515 grid-row: 1/99; 11516 height: 0.8em; 11517 margin: 0; 11518 width: 0.8em; 11519} 11520.swal2-popup.swal2-toast .swal2-html-container { 11521 font-size: 1em; 11522 margin: 0.5em 1em; 11523 overflow: initial; 11524 padding: 0; 11525 text-align: initial; 11526} 11527.swal2-popup.swal2-toast .swal2-html-container:empty { 11528 padding: 0; 11529} 11530.swal2-popup.swal2-toast .swal2-loader { 11531 align-self: center; 11532 grid-column: 1; 11533 grid-row: 1/99; 11534 height: 2em; 11535 margin: 0.25em; 11536 width: 2em; 11537} 11538.swal2-popup.swal2-toast .swal2-icon { 11539 align-self: center; 11540 grid-column: 1; 11541 grid-row: 1/99; 11542 height: 2em; 11543 margin: 0 0.5em 0 0; 11544 min-width: 2em; 11545 width: 2em; 11546} 11547.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { 11548 align-items: center; 11549 display: flex; 11550 font-size: 1.8em; 11551 font-weight: 700; 11552} 11553.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { 11554 height: 2em; 11555 width: 2em; 11556} 11557.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { 11558 top: 0.875em; 11559 width: 1.375em; 11560} 11561.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { 11562 left: 0.3125em; 11563} 11564.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { 11565 right: 0.3125em; 11566} 11567.swal2-popup.swal2-toast .swal2-actions { 11568 height: auto; 11569 justify-content: flex-start; 11570 margin: 0.5em 0 0; 11571 padding: 0 0.5em; 11572} 11573.swal2-popup.swal2-toast .swal2-styled { 11574 font-size: 1em; 11575 margin: 0.25em 0.5em; 11576 padding: 0.4em 0.6em; 11577} 11578.swal2-popup.swal2-toast .swal2-success { 11579 border-color: #a5dc86; 11580} 11581.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { 11582 border-radius: 50%; 11583 height: 3em; 11584 position: absolute; 11585 width: 1.6em; 11586} 11587.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { 11588 border-radius: 4em 0 0 4em; 11589 left: -0.5em; 11590 top: -0.8em; 11591 transform: rotate(-45deg); 11592 transform-origin: 2em 2em; 11593} 11594.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { 11595 border-radius: 0 4em 4em 0; 11596 left: 0.9375em; 11597 top: -0.25em; 11598 transform-origin: 0 1.5em; 11599} 11600.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { 11601 height: 2em; 11602 width: 2em; 11603} 11604.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { 11605 height: 2.6875em; 11606 left: 0.4375em; 11607 top: 0; 11608 width: 0.4375em; 11609} 11610.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { 11611 height: 0.3125em; 11612} 11613.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { 11614 left: 0.1875em; 11615 top: 1.125em; 11616 width: 0.75em; 11617} 11618.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { 11619 right: 0.1875em; 11620 top: 0.9375em; 11621 width: 1.375em; 11622} 11623.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { 11624 animation: swal2-toast-animate-success-line-tip 0.75s; 11625} 11626.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { 11627 animation: swal2-toast-animate-success-line-long 0.75s; 11628} 11629.swal2-popup.swal2-toast.swal2-show { 11630 animation: swal2-toast-show 0.5s; 11631} 11632.swal2-popup.swal2-toast.swal2-hide { 11633 animation: swal2-toast-hide 0.1s forwards; 11634} 11635div:where(.swal2-container) { 11636 box-sizing: border-box; 11637 display: grid; 11638 grid-template-areas: 'top-start top top-end' 'center-start center center-end' 'bottom-start bottom-center bottom-end'; 11639 grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); 11640 height: 100%; 11641 inset: 0; 11642 overflow-x: hidden; 11643 padding: 0.625em; 11644 position: fixed; 11645 transition: background-color 0.1s; 11646 z-index: 1060; 11647 -webkit-overflow-scrolling: touch; 11648} 11649div:where(.swal2-container).swal2-backdrop-show, 11650div:where(.swal2-container).swal2-noanimation { 11651 background: rgba(25, 25, 26, 0.75); 11652} 11653div:where(.swal2-container).swal2-backdrop-hide { 11654 background: transparent !important; 11655} 11656div:where(.swal2-container).swal2-bottom-start, 11657div:where(.swal2-container).swal2-center-start, 11658div:where(.swal2-container).swal2-top-start { 11659 grid-template-columns: minmax(0, 1fr) auto auto; 11660} 11661div:where(.swal2-container).swal2-bottom, 11662div:where(.swal2-container).swal2-center, 11663div:where(.swal2-container).swal2-top { 11664 grid-template-columns: auto minmax(0, 1fr) auto; 11665} 11666div:where(.swal2-container).swal2-bottom-end, 11667div:where(.swal2-container).swal2-center-end, 11668div:where(.swal2-container).swal2-top-end { 11669 grid-template-columns: auto auto minmax(0, 1fr); 11670} 11671div:where(.swal2-container).swal2-top-start > .swal2-popup { 11672 align-self: start; 11673} 11674div:where(.swal2-container).swal2-top > .swal2-popup { 11675 grid-column: 2; 11676 place-self: start center; 11677} 11678div:where(.swal2-container).swal2-top-end > .swal2-popup, 11679div:where(.swal2-container).swal2-top-right > .swal2-popup { 11680 grid-column: 3; 11681 place-self: start end; 11682} 11683div:where(.swal2-container).swal2-center-left > .swal2-popup, 11684div:where(.swal2-container).swal2-center-start > .swal2-popup { 11685 align-self: center; 11686 grid-row: 2; 11687} 11688div:where(.swal2-container).swal2-center > .swal2-popup { 11689 grid-column: 2; 11690 grid-row: 2; 11691 place-self: center center; 11692} 11693div:where(.swal2-container).swal2-center-end > .swal2-popup, 11694div:where(.swal2-container).swal2-center-right > .swal2-popup { 11695 grid-column: 3; 11696 grid-row: 2; 11697 place-self: center end; 11698} 11699div:where(.swal2-container).swal2-bottom-left > .swal2-popup, 11700div:where(.swal2-container).swal2-bottom-start > .swal2-popup { 11701 align-self: end; 11702 grid-column: 1; 11703 grid-row: 3; 11704} 11705div:where(.swal2-container).swal2-bottom > .swal2-popup { 11706 grid-column: 2; 11707 grid-row: 3; 11708 place-self: end center; 11709} 11710div:where(.swal2-container).swal2-bottom-end > .swal2-popup, 11711div:where(.swal2-container).swal2-bottom-right > .swal2-popup { 11712 grid-column: 3; 11713 grid-row: 3; 11714 place-self: end end; 11715} 11716div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup, 11717div:where(.swal2-container).swal2-grow-row > .swal2-popup { 11718 grid-column: 1/4; 11719 width: 100%; 11720} 11721div:where(.swal2-container).swal2-grow-column > .swal2-popup, 11722div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { 11723 align-self: stretch; 11724 grid-row: 1/4; 11725} 11726div:where(.swal2-container).swal2-no-transition { 11727 transition: none !important; 11728} 11729div:where(.swal2-container) div:where(.swal2-popup) { 11730 background: #19191a; 11731 border: none; 11732 border-radius: 5px; 11733 box-sizing: border-box; 11734 color: #545454; 11735 display: none; 11736 font-family: inherit; 11737 font-size: 1rem; 11738 grid-template-columns: minmax(0, 100%); 11739 max-width: 100%; 11740 padding: 0 0 1.25em; 11741 position: relative; 11742 width: 32em; 11743} 11744div:where(.swal2-container) div:where(.swal2-popup):focus { 11745 outline: none; 11746} 11747div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { 11748 overflow-y: hidden; 11749} 11750div:where(.swal2-container) .h2:where(.swal2-title), 11751div:where(.swal2-container) h2:where(.swal2-title) { 11752 color: #e1e1e1; 11753 font-size: 1.875em; 11754 font-weight: 600; 11755 margin: 0; 11756 max-width: 100%; 11757 padding: 0.8em 1em 0; 11758 position: relative; 11759 text-align: center; 11760 text-transform: none; 11761 word-wrap: break-word; 11762} 11763div:where(.swal2-container) div:where(.swal2-actions) { 11764 align-items: center; 11765 box-sizing: border-box; 11766 display: flex; 11767 flex-wrap: wrap; 11768 justify-content: center; 11769 margin: 1.25em auto 0; 11770 padding: 0; 11771 width: auto; 11772 z-index: 1; 11773} 11774div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] { 11775 opacity: 0.4; 11776} 11777div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover { 11778 background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); 11779} 11780div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active { 11781 background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); 11782} 11783div:where(.swal2-container) div:where(.swal2-loader) { 11784 align-items: center; 11785 animation: swal2-rotate-loading 1.5s linear 0s infinite normal; 11786 border-color: #2778c4 transparent; 11787 border-radius: 100%; 11788 border-style: solid; 11789 border-width: 0.25em; 11790 display: none; 11791 height: 2.2em; 11792 justify-content: center; 11793 margin: 0 1.875em; 11794 width: 2.2em; 11795} 11796div:where(.swal2-container) button:where(.swal2-styled) { 11797 box-shadow: 0 0 0 3px transparent; 11798 font-weight: 500; 11799 margin: 0.3125em; 11800 padding: 0.625em 1.1em; 11801 transition: box-shadow 0.1s; 11802} 11803div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { 11804 cursor: pointer; 11805} 11806div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { 11807 background: initial; 11808 background-color: #7066e0; 11809 border: 0; 11810 border-radius: 0.25em; 11811 color: #fff; 11812 font-size: 1em; 11813} 11814div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { 11815 box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5); 11816} 11817div:where(.swal2-container) button:where(.swal2-styled).swal2-deny { 11818 background: initial; 11819 background-color: #dc3741; 11820 border: 0; 11821 border-radius: 0.25em; 11822 color: #fff; 11823 font-size: 1em; 11824} 11825div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus { 11826 box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5); 11827} 11828div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { 11829 background: initial; 11830 background-color: #6e7881; 11831 border: 0; 11832 border-radius: 0.25em; 11833 color: #fff; 11834 font-size: 1em; 11835} 11836div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus { 11837 box-shadow: 0 0 0 3px hsla(208, 8%, 47%, 0.5); 11838} 11839div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus { 11840 box-shadow: 11841 0 0 0 1px #19191a, 11842 0 0 0 3px rgba(138, 176, 213, 0.5); 11843} 11844div:where(.swal2-container) button:where(.swal2-styled):focus { 11845 outline: none; 11846} 11847div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner { 11848 border: 0; 11849} 11850div:where(.swal2-container) div:where(.swal2-footer) { 11851 border-top: 1px solid #555; 11852 color: #bbb; 11853 font-size: 1em; 11854 margin: 1em 0 0; 11855 padding: 1em 1em 0; 11856 text-align: center; 11857} 11858div:where(.swal2-container) .swal2-timer-progress-bar-container { 11859 border-bottom-left-radius: 5px; 11860 border-bottom-right-radius: 5px; 11861 bottom: 0; 11862 grid-column: auto !important; 11863 left: 0; 11864 overflow: hidden; 11865 position: absolute; 11866 right: 0; 11867} 11868div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { 11869 background: hsla(0, 0%, 88%, 0.6); 11870 height: 0.25em; 11871 width: 100%; 11872} 11873div:where(.swal2-container) img:where(.swal2-image) { 11874 margin: 2em auto 1em; 11875 max-width: 100%; 11876} 11877div:where(.swal2-container) button:where(.swal2-close) { 11878 align-items: center; 11879 background: transparent; 11880 border: none; 11881 border-radius: 5px; 11882 color: #ccc; 11883 cursor: pointer; 11884 font-family: monospace; 11885 font-size: 2.5em; 11886 height: 1.2em; 11887 justify-content: center; 11888 justify-self: end; 11889 margin-bottom: -1.2em; 11890 margin-right: 0; 11891 margin-top: 0; 11892 overflow: hidden; 11893 padding: 0; 11894 transition: 11895 color 0.1s, 11896 box-shadow 0.1s; 11897 width: 1.2em; 11898 z-index: 2; 11899} 11900div:where(.swal2-container) button:where(.swal2-close):hover { 11901 background: transparent; 11902 color: #f27474; 11903 transform: none; 11904} 11905div:where(.swal2-container) button:where(.swal2-close):focus { 11906 box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); 11907 outline: none; 11908} 11909div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner { 11910 border: 0; 11911} 11912div:where(.swal2-container) .swal2-html-container { 11913 color: #e1e1e1; 11914 font-size: 1.125em; 11915 font-weight: 400; 11916 justify-content: center; 11917 line-height: normal; 11918 margin: 1em 1.6em 0.3em; 11919 overflow: auto; 11920 padding: 0; 11921 text-align: center; 11922 z-index: 1; 11923 word-wrap: break-word; 11924 word-break: break-word; 11925} 11926div:where(.swal2-container) div:where(.swal2-radio), 11927div:where(.swal2-container) input:where(.swal2-file), 11928div:where(.swal2-container) input:where(.swal2-input), 11929div:where(.swal2-container) label:where(.swal2-checkbox), 11930div:where(.swal2-container) select:where(.swal2-select), 11931div:where(.swal2-container) textarea:where(.swal2-textarea) { 11932 margin: 1em 2em 3px; 11933} 11934div:where(.swal2-container) input:where(.swal2-file), 11935div:where(.swal2-container) input:where(.swal2-input), 11936div:where(.swal2-container) textarea:where(.swal2-textarea) { 11937 background: #323234; 11938 border: 1px solid #d9d9d9; 11939 border-radius: 0.1875em; 11940 box-shadow: 11941 inset 0 1px 1px rgba(0, 0, 0, 0.06), 11942 0 0 0 3px transparent; 11943 box-sizing: border-box; 11944 color: #e1e1e1; 11945 font-size: 1.125em; 11946 transition: 11947 border-color 0.1s, 11948 box-shadow 0.1s; 11949 width: auto; 11950} 11951div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, 11952div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, 11953div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { 11954 border-color: #f27474 !important; 11955 box-shadow: 0 0 2px #f27474 !important; 11956} 11957div:where(.swal2-container) input:where(.swal2-file):focus, 11958div:where(.swal2-container) input:where(.swal2-input):focus, 11959div:where(.swal2-container) textarea:where(.swal2-textarea):focus { 11960 border: 1px solid #b4dbed; 11961 box-shadow: 11962 inset 0 1px 1px rgba(0, 0, 0, 0.06), 11963 0 0 0 3px rgba(100, 150, 200, 0.5); 11964 outline: none; 11965} 11966div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, 11967div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, 11968div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder { 11969 color: #ccc; 11970} 11971div:where(.swal2-container) input:where(.swal2-file)::placeholder, 11972div:where(.swal2-container) input:where(.swal2-input)::placeholder, 11973div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { 11974 color: #ccc; 11975} 11976div:where(.swal2-container) .swal2-range { 11977 background: #19191a; 11978 margin: 1em 2em 3px; 11979} 11980div:where(.swal2-container) .swal2-range input { 11981 width: 80%; 11982} 11983div:where(.swal2-container) .swal2-range output { 11984 color: #e1e1e1; 11985 font-weight: 600; 11986 text-align: center; 11987 width: 20%; 11988} 11989div:where(.swal2-container) .swal2-range input, 11990div:where(.swal2-container) .swal2-range output { 11991 font-size: 1.125em; 11992 height: 2.625em; 11993 line-height: 2.625em; 11994 padding: 0; 11995} 11996div:where(.swal2-container) .swal2-input { 11997 height: 2.625em; 11998 padding: 0 0.75em; 11999} 12000div:where(.swal2-container) .swal2-file { 12001 background: #323234; 12002 font-size: 1.125em; 12003 margin-left: auto; 12004 margin-right: auto; 12005 width: 75%; 12006} 12007div:where(.swal2-container) .swal2-textarea { 12008 height: 6.75em; 12009 padding: 0.75em; 12010} 12011div:where(.swal2-container) .swal2-select { 12012 background: #323234; 12013 color: #e1e1e1; 12014 font-size: 1.125em; 12015 max-width: 100%; 12016 min-width: 50%; 12017 padding: 0.375em 0.625em; 12018} 12019div:where(.swal2-container) .swal2-checkbox, 12020div:where(.swal2-container) .swal2-radio { 12021 align-items: center; 12022 background: #19191a; 12023 color: #e1e1e1; 12024 justify-content: center; 12025} 12026div:where(.swal2-container) .swal2-checkbox label, 12027div:where(.swal2-container) .swal2-radio label { 12028 font-size: 1.125em; 12029 margin: 0 0.6em; 12030} 12031div:where(.swal2-container) .swal2-checkbox input, 12032div:where(.swal2-container) .swal2-radio input { 12033 flex-shrink: 0; 12034 margin: 0 0.4em; 12035} 12036div:where(.swal2-container) label:where(.swal2-input-label) { 12037 display: flex; 12038 justify-content: center; 12039 margin: 1em auto 0; 12040} 12041div:where(.swal2-container) div:where(.swal2-validation-message) { 12042 align-items: center; 12043 background: #323234; 12044 color: #e1e1e1; 12045 font-size: 1em; 12046 font-weight: 300; 12047 justify-content: center; 12048 margin: 1em 0 0; 12049 overflow: hidden; 12050 padding: 0.625em; 12051} 12052div:where(.swal2-container) div:where(.swal2-validation-message):before { 12053 background-color: #f27474; 12054 border-radius: 50%; 12055 color: #fff; 12056 content: '!'; 12057 display: inline-block; 12058 font-weight: 600; 12059 height: 1.5em; 12060 line-height: 1.5em; 12061 margin: 0 0.625em; 12062 min-width: 1.5em; 12063 text-align: center; 12064 width: 1.5em; 12065} 12066div:where(.swal2-container) .swal2-progress-steps { 12067 align-items: center; 12068 background: transparent; 12069 flex-wrap: wrap; 12070 font-weight: 600; 12071 margin: 1.25em auto; 12072 max-width: 100%; 12073 padding: 0; 12074} 12075div:where(.swal2-container) .swal2-progress-steps li { 12076 display: inline-block; 12077 position: relative; 12078} 12079div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { 12080 background: #2778c4; 12081 border-radius: 2em; 12082 color: #fff; 12083 flex-shrink: 0; 12084 height: 2em; 12085 line-height: 2em; 12086 text-align: center; 12087 width: 2em; 12088 z-index: 20; 12089} 12090div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { 12091 background: #2778c4; 12092} 12093div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { 12094 background: #58585b; 12095 color: #fff; 12096} 12097div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { 12098 background: #58585b; 12099} 12100div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { 12101 background: #2778c4; 12102 flex-shrink: 0; 12103 height: 0.4em; 12104 margin: 0 -1px; 12105 width: 2.5em; 12106 z-index: 10; 12107} 12108div:where(.swal2-icon) { 12109 border: 0.25em solid #000; 12110 border-radius: 50%; 12111 box-sizing: content-box; 12112 cursor: default; 12113 font-family: inherit; 12114 height: 5em; 12115 justify-content: center; 12116 line-height: 5em; 12117 margin: 2.5em auto 0.6em; 12118 position: relative; 12119 -webkit-user-select: none; 12120 -moz-user-select: none; 12121 user-select: none; 12122 width: 5em; 12123} 12124div:where(.swal2-icon) .swal2-icon-content { 12125 align-items: center; 12126 display: flex; 12127 font-size: 3.75em; 12128} 12129div:where(.swal2-icon).swal2-error { 12130 border-color: #f27474; 12131 color: #f27474; 12132} 12133div:where(.swal2-icon).swal2-error .swal2-x-mark { 12134 flex-grow: 1; 12135 position: relative; 12136} 12137div:where(.swal2-icon).swal2-error [class^='swal2-x-mark-line'] { 12138 background-color: #f27474; 12139 border-radius: 0.125em; 12140 display: block; 12141 height: 0.3125em; 12142 position: absolute; 12143 top: 2.3125em; 12144 width: 2.9375em; 12145} 12146div:where(.swal2-icon).swal2-error [class^='swal2-x-mark-line'][class$='left'] { 12147 left: 1.0625em; 12148 transform: rotate(45deg); 12149} 12150div:where(.swal2-icon).swal2-error [class^='swal2-x-mark-line'][class$='right'] { 12151 right: 1em; 12152 transform: rotate(-45deg); 12153} 12154div:where(.swal2-icon).swal2-error.swal2-icon-show { 12155 animation: swal2-animate-error-icon 0.5s; 12156} 12157div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { 12158 animation: swal2-animate-error-x-mark 0.5s; 12159} 12160div:where(.swal2-icon).swal2-warning { 12161 border-color: #facea8; 12162 color: #f8bb86; 12163} 12164div:where(.swal2-icon).swal2-warning.swal2-icon-show { 12165 animation: swal2-animate-error-icon 0.5s; 12166} 12167div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { 12168 animation: swal2-animate-i-mark 0.5s; 12169} 12170div:where(.swal2-icon).swal2-info { 12171 border-color: #9de0f6; 12172 color: #3fc3ee; 12173} 12174div:where(.swal2-icon).swal2-info.swal2-icon-show { 12175 animation: swal2-animate-error-icon 0.5s; 12176} 12177div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { 12178 animation: swal2-animate-i-mark 0.8s; 12179} 12180div:where(.swal2-icon).swal2-question { 12181 border-color: #c9dae1; 12182 color: #87adbd; 12183} 12184div:where(.swal2-icon).swal2-question.swal2-icon-show { 12185 animation: swal2-animate-error-icon 0.5s; 12186} 12187div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { 12188 animation: swal2-animate-question-mark 0.8s; 12189} 12190div:where(.swal2-icon).swal2-success { 12191 border-color: #a5dc86; 12192 color: #a5dc86; 12193} 12194div:where(.swal2-icon).swal2-success [class^='swal2-success-circular-line'] { 12195 border-radius: 50%; 12196 height: 7.5em; 12197 position: absolute; 12198 width: 3.75em; 12199} 12200div:where(.swal2-icon).swal2-success [class^='swal2-success-circular-line'][class$='left'] { 12201 border-radius: 7.5em 0 0 7.5em; 12202 left: -2.0635em; 12203 top: -0.4375em; 12204 transform: rotate(-45deg); 12205 transform-origin: 3.75em 3.75em; 12206} 12207div:where(.swal2-icon).swal2-success [class^='swal2-success-circular-line'][class$='right'] { 12208 border-radius: 0 7.5em 7.5em 0; 12209 left: 1.875em; 12210 top: -0.6875em; 12211 transform: rotate(-45deg); 12212 transform-origin: 0 3.75em; 12213} 12214div:where(.swal2-icon).swal2-success .swal2-success-ring { 12215 border: 0.25em solid hsla(98, 55%, 69%, 0.3); 12216 border-radius: 50%; 12217 box-sizing: content-box; 12218 height: 100%; 12219 left: -0.25em; 12220 position: absolute; 12221 top: -0.25em; 12222 width: 100%; 12223 z-index: 2; 12224} 12225div:where(.swal2-icon).swal2-success .swal2-success-fix { 12226 height: 5.625em; 12227 left: 1.625em; 12228 position: absolute; 12229 top: 0.5em; 12230 transform: rotate(-45deg); 12231 width: 0.4375em; 12232 z-index: 1; 12233} 12234div:where(.swal2-icon).swal2-success [class^='swal2-success-line'] { 12235 background-color: #a5dc86; 12236 border-radius: 0.125em; 12237 display: block; 12238 height: 0.3125em; 12239 position: absolute; 12240 z-index: 2; 12241} 12242div:where(.swal2-icon).swal2-success [class^='swal2-success-line'][class$='tip'] { 12243 left: 0.8125em; 12244 top: 2.875em; 12245 transform: rotate(45deg); 12246 width: 1.5625em; 12247} 12248div:where(.swal2-icon).swal2-success [class^='swal2-success-line'][class$='long'] { 12249 right: 0.5em; 12250 top: 2.375em; 12251 transform: rotate(-45deg); 12252 width: 2.9375em; 12253} 12254div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { 12255 animation: swal2-animate-success-line-tip 0.75s; 12256} 12257div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { 12258 animation: swal2-animate-success-line-long 0.75s; 12259} 12260div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { 12261 animation: swal2-rotate-success-circular-line 4.25s ease-in; 12262} 12263[class^='swal2'] { 12264 -webkit-tap-highlight-color: transparent; 12265} 12266.swal2-show { 12267 animation: swal2-show 0.3s; 12268} 12269.swal2-hide { 12270 animation: swal2-hide 0.15s forwards; 12271} 12272.swal2-noanimation { 12273 transition: none; 12274} 12275.swal2-scrollbar-measure { 12276 height: 50px; 12277 overflow: scroll; 12278 position: absolute; 12279 top: -9999px; 12280 width: 50px; 12281} 12282.swal2-rtl .swal2-close { 12283 margin-left: 0; 12284 margin-right: 0; 12285} 12286.swal2-rtl .swal2-timer-progress-bar { 12287 left: auto; 12288 right: 0; 12289} 12290@keyframes swal2-toast-show { 12291 0% { 12292 transform: translateY(-0.625em) rotate(2deg); 12293 } 12294 33% { 12295 transform: translateY(0) rotate(-2deg); 12296 } 12297 66% { 12298 transform: translateY(0.3125em) rotate(2deg); 12299 } 12300 to { 12301 transform: translateY(0) rotate(0deg); 12302 } 12303} 12304@keyframes swal2-toast-hide { 12305 to { 12306 opacity: 0; 12307 transform: rotate(1deg); 12308 } 12309} 12310@keyframes swal2-toast-animate-success-line-tip { 12311 0% { 12312 left: 0.0625em; 12313 top: 0.5625em; 12314 width: 0; 12315 } 12316 54% { 12317 left: 0.125em; 12318 top: 0.125em; 12319 width: 0; 12320 } 12321 70% { 12322 left: -0.25em; 12323 top: 0.625em; 12324 width: 1.625em; 12325 } 12326 84% { 12327 left: 0.75em; 12328 top: 1.0625em; 12329 width: 0.5em; 12330 } 12331 to { 12332 left: 0.1875em; 12333 top: 1.125em; 12334 width: 0.75em; 12335 } 12336} 12337@keyframes swal2-toast-animate-success-line-long { 12338 0% { 12339 right: 1.375em; 12340 top: 1.625em; 12341 width: 0; 12342 } 12343 65% { 12344 right: 0.9375em; 12345 top: 1.25em; 12346 width: 0; 12347 } 12348 84% { 12349 right: 0; 12350 top: 0.9375em; 12351 width: 1.125em; 12352 } 12353 to { 12354 right: 0.1875em; 12355 top: 0.9375em; 12356 width: 1.375em; 12357 } 12358} 12359@keyframes swal2-show { 12360 0% { 12361 transform: scale(0.7); 12362 } 12363 45% { 12364 transform: scale(1.05); 12365 } 12366 80% { 12367 transform: scale(0.95); 12368 } 12369 to { 12370 transform: scale(1); 12371 } 12372} 12373@keyframes swal2-hide { 12374 0% { 12375 opacity: 1; 12376 transform: scale(1); 12377 } 12378 to { 12379 opacity: 0; 12380 transform: scale(0.5); 12381 } 12382} 12383@keyframes swal2-animate-success-line-tip { 12384 0% { 12385 left: 0.0625em; 12386 top: 1.1875em; 12387 width: 0; 12388 } 12389 54% { 12390 left: 0.125em; 12391 top: 1.0625em; 12392 width: 0; 12393 } 12394 70% { 12395 left: -0.375em; 12396 top: 2.1875em; 12397 width: 3.125em; 12398 } 12399 84% { 12400 left: 1.3125em; 12401 top: 3em; 12402 width: 1.0625em; 12403 } 12404 to { 12405 left: 0.8125em; 12406 top: 2.8125em; 12407 width: 1.5625em; 12408 } 12409} 12410@keyframes swal2-animate-success-line-long { 12411 0% { 12412 right: 2.875em; 12413 top: 3.375em; 12414 width: 0; 12415 } 12416 65% { 12417 right: 2.875em; 12418 top: 3.375em; 12419 width: 0; 12420 } 12421 84% { 12422 right: 0; 12423 top: 2.1875em; 12424 width: 3.4375em; 12425 } 12426 to { 12427 right: 0.5em; 12428 top: 2.375em; 12429 width: 2.9375em; 12430 } 12431} 12432@keyframes swal2-rotate-success-circular-line { 12433 0% { 12434 transform: rotate(-45deg); 12435 } 12436 5% { 12437 transform: rotate(-45deg); 12438 } 12439 12% { 12440 transform: rotate(-405deg); 12441 } 12442 to { 12443 transform: rotate(-405deg); 12444 } 12445} 12446@keyframes swal2-animate-error-x-mark { 12447 0% { 12448 margin-top: 1.625em; 12449 opacity: 0; 12450 transform: scale(0.4); 12451 } 12452 50% { 12453 margin-top: 1.625em; 12454 opacity: 0; 12455 transform: scale(0.4); 12456 } 12457 80% { 12458 margin-top: -0.375em; 12459 transform: scale(1.15); 12460 } 12461 to { 12462 margin-top: 0; 12463 opacity: 1; 12464 transform: scale(1); 12465 } 12466} 12467@keyframes swal2-animate-error-icon { 12468 0% { 12469 opacity: 0; 12470 transform: rotateX(100deg); 12471 } 12472 to { 12473 opacity: 1; 12474 transform: rotateX(0deg); 12475 } 12476} 12477@keyframes swal2-rotate-loading { 12478 0% { 12479 transform: rotate(0deg); 12480 } 12481 to { 12482 transform: rotate(1turn); 12483 } 12484} 12485@keyframes swal2-animate-question-mark { 12486 0% { 12487 transform: rotateY(-1turn); 12488 } 12489 to { 12490 transform: rotateY(0); 12491 } 12492} 12493@keyframes swal2-animate-i-mark { 12494 0% { 12495 opacity: 0; 12496 transform: rotate(45deg); 12497 } 12498 25% { 12499 opacity: 0.4; 12500 transform: rotate(-25deg); 12501 } 12502 50% { 12503 opacity: 0.8; 12504 transform: rotate(15deg); 12505 } 12506 75% { 12507 opacity: 1; 12508 transform: rotate(-5deg); 12509 } 12510 to { 12511 opacity: 1; 12512 transform: rotateX(0); 12513 } 12514} 12515body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { 12516 overflow: hidden; 12517} 12518body.swal2-height-auto { 12519 height: auto !important; 12520} 12521body.swal2-no-backdrop .swal2-container { 12522 background-color: transparent !important; 12523 pointer-events: none; 12524} 12525body.swal2-no-backdrop .swal2-container .swal2-popup { 12526 pointer-events: all; 12527} 12528body.swal2-no-backdrop .swal2-container .swal2-modal { 12529 box-shadow: 0 0 10px rgba(25, 25, 26, 0.75); 12530} 12531@media print { 12532 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { 12533 overflow-y: scroll !important; 12534 } 12535 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { 12536 display: none; 12537 } 12538 body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { 12539 position: static !important; 12540 } 12541} 12542body.swal2-toast-shown .swal2-container { 12543 background-color: transparent; 12544 box-sizing: border-box; 12545 max-width: 100%; 12546 pointer-events: none; 12547 width: 360px; 12548} 12549body.swal2-toast-shown .swal2-container.swal2-top { 12550 inset: 0 auto auto 50%; 12551 transform: translateX(-50%); 12552} 12553body.swal2-toast-shown .swal2-container.swal2-top-end, 12554body.swal2-toast-shown .swal2-container.swal2-top-right { 12555 inset: 0 0 auto auto; 12556} 12557body.swal2-toast-shown .swal2-container.swal2-top-left, 12558body.swal2-toast-shown .swal2-container.swal2-top-start { 12559 inset: 0 auto auto 0; 12560} 12561body.swal2-toast-shown .swal2-container.swal2-center-left, 12562body.swal2-toast-shown .swal2-container.swal2-center-start { 12563 inset: 50% auto auto 0; 12564 transform: translateY(-50%); 12565} 12566body.swal2-toast-shown .swal2-container.swal2-center { 12567 inset: 50% auto auto 50%; 12568 transform: translate(-50%, -50%); 12569} 12570body.swal2-toast-shown .swal2-container.swal2-center-end, 12571body.swal2-toast-shown .swal2-container.swal2-center-right { 12572 inset: 50% 0 auto auto; 12573 transform: translateY(-50%); 12574} 12575body.swal2-toast-shown .swal2-container.swal2-bottom-left, 12576body.swal2-toast-shown .swal2-container.swal2-bottom-start { 12577 inset: auto auto 0 0; 12578} 12579body.swal2-toast-shown .swal2-container.swal2-bottom { 12580 inset: auto auto 0 50%; 12581 transform: translateX(-50%); 12582} 12583body.swal2-toast-shown .swal2-container.swal2-bottom-end, 12584body.swal2-toast-shown .swal2-container.swal2-bottom-right { 12585 inset: auto 0 0 auto; 12586} 12587@keyframes passing-through { 12588 0% { 12589 opacity: 0; 12590 transform: translateY(40px); 12591 } 12592 30%, 12593 70% { 12594 opacity: 1; 12595 transform: translateY(0); 12596 } 12597 to { 12598 opacity: 0; 12599 transform: translateY(-40px); 12600 } 12601} 12602@keyframes slide-in { 12603 0% { 12604 opacity: 0; 12605 transform: translateY(40px); 12606 } 12607 30% { 12608 opacity: 1; 12609 transform: translateY(0); 12610 } 12611} 12612@keyframes pulse { 12613 0% { 12614 transform: scale(1); 12615 } 12616 10% { 12617 transform: scale(1.1); 12618 } 12619 20% { 12620 transform: scale(1); 12621 } 12622} 12623.dropzone, 12624.dropzone * { 12625 box-sizing: border-box; 12626} 12627.dropzone { 12628 background: #fff; 12629 border: 2px solid rgba(0, 0, 0, 0.3); 12630 min-height: 150px; 12631} 12632.dropzone.dz-clickable { 12633 cursor: pointer; 12634} 12635.dropzone.dz-clickable * { 12636 cursor: default; 12637} 12638.dropzone.dz-clickable .dz-message, 12639.dropzone.dz-clickable .dz-message * { 12640 cursor: pointer; 12641} 12642.dropzone.dz-started .dz-message { 12643 display: none; 12644} 12645.dropzone.dz-drag-hover { 12646 border-style: solid; 12647} 12648.dropzone.dz-drag-hover .dz-message { 12649 opacity: 0.5; 12650} 12651.dropzone .dz-message { 12652 margin: 2em 0; 12653 text-align: center; 12654} 12655.dropzone .dz-message .dz-button { 12656 background: none; 12657 border: none; 12658 color: inherit; 12659 cursor: pointer; 12660 font: inherit; 12661 outline: inherit; 12662 padding: 0; 12663} 12664.dropzone .dz-preview { 12665 display: inline-block; 12666 margin: 16px; 12667 min-height: 100px; 12668 position: relative; 12669 vertical-align: top; 12670} 12671.dropzone .dz-preview:hover { 12672 z-index: 1000; 12673} 12674.dropzone .dz-preview.dz-file-preview .dz-image { 12675 background: #999; 12676 background: linear-gradient(180deg, #eee, #ddd); 12677 border-radius: 20px; 12678} 12679.dropzone .dz-preview.dz-file-preview .dz-details { 12680 opacity: 1; 12681} 12682.dropzone .dz-preview.dz-image-preview { 12683 background: #fff; 12684} 12685.dropzone .dz-preview.dz-image-preview .dz-details { 12686 transition: opacity 0.2s linear; 12687} 12688.dropzone .dz-preview .dz-remove { 12689 border: none; 12690 cursor: pointer; 12691 display: block; 12692 font-size: 14px; 12693 text-align: center; 12694} 12695.dropzone .dz-preview .dz-remove:hover { 12696 text-decoration: underline; 12697} 12698.dropzone .dz-preview:hover .dz-details { 12699 opacity: 1; 12700} 12701.dropzone .dz-preview .dz-details { 12702 color: rgba(0, 0, 0, 0.9); 12703 font-size: 13px; 12704 left: 0; 12705 line-height: 150%; 12706 max-width: 100%; 12707 min-width: 100%; 12708 opacity: 0; 12709 padding: 2em 1em; 12710 position: absolute; 12711 text-align: center; 12712 top: 0; 12713 z-index: 20; 12714} 12715.dropzone .dz-preview .dz-details .dz-size { 12716 font-size: 16px; 12717 margin-bottom: 1em; 12718} 12719.dropzone .dz-preview .dz-details .dz-filename { 12720 white-space: nowrap; 12721} 12722.dropzone .dz-preview .dz-details .dz-filename:hover span { 12723 background-color: hsla(0, 0%, 100%, 0.8); 12724 border: 1px solid hsla(0, 0%, 78%, 0.8); 12725} 12726.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { 12727 overflow: hidden; 12728 text-overflow: ellipsis; 12729} 12730.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { 12731 border: 1px solid transparent; 12732} 12733.dropzone .dz-preview .dz-details .dz-filename span, 12734.dropzone .dz-preview .dz-details .dz-size span { 12735 background-color: hsla(0, 0%, 100%, 0.4); 12736 border-radius: 3px; 12737 padding: 0 0.4em; 12738} 12739.dropzone .dz-preview:hover .dz-image img { 12740 filter: blur(8px); 12741 transform: scale(1.05); 12742} 12743.dropzone .dz-preview .dz-image { 12744 border-radius: 20px; 12745 display: block; 12746 height: 120px; 12747 overflow: hidden; 12748 position: relative; 12749 width: 120px; 12750 z-index: 10; 12751} 12752.dropzone .dz-preview .dz-image img { 12753 display: block; 12754} 12755.dropzone .dz-preview.dz-success .dz-success-mark { 12756 animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 12757} 12758.dropzone .dz-preview.dz-error .dz-error-mark { 12759 animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 12760 opacity: 1; 12761} 12762.dropzone .dz-preview .dz-error-mark, 12763.dropzone .dz-preview .dz-success-mark { 12764 display: block; 12765 left: 50%; 12766 margin-left: -27px; 12767 margin-top: -27px; 12768 opacity: 0; 12769 pointer-events: none; 12770 position: absolute; 12771 top: 50%; 12772 z-index: 500; 12773} 12774.dropzone .dz-preview .dz-error-mark svg, 12775.dropzone .dz-preview .dz-success-mark svg { 12776 display: block; 12777 height: 54px; 12778 width: 54px; 12779} 12780.dropzone .dz-preview.dz-processing .dz-progress { 12781 opacity: 1; 12782 transition: all 0.2s linear; 12783} 12784.dropzone .dz-preview.dz-complete .dz-progress { 12785 opacity: 0; 12786 transition: opacity 0.4s ease-in; 12787} 12788.dropzone .dz-preview:not(.dz-processing) .dz-progress { 12789 animation: pulse 6s ease infinite; 12790} 12791.dropzone .dz-preview .dz-progress { 12792 background: hsla(0, 0%, 100%, 0.9); 12793 border-radius: 8px; 12794 height: 16px; 12795 left: 50%; 12796 margin-left: -40px; 12797 margin-top: -8px; 12798 opacity: 1; 12799 overflow: hidden; 12800 pointer-events: none; 12801 position: absolute; 12802 top: 50%; 12803 -webkit-transform: scale(1); 12804 width: 80px; 12805 z-index: 1000; 12806} 12807.dropzone .dz-preview .dz-progress .dz-upload { 12808 background: #333; 12809 background: linear-gradient(180deg, #666, #444); 12810 bottom: 0; 12811 left: 0; 12812 position: absolute; 12813 top: 0; 12814 transition: width 0.3s ease-in-out; 12815 width: 0; 12816} 12817.dropzone .dz-preview.dz-error .dz-error-message { 12818 display: block; 12819} 12820.dropzone .dz-preview.dz-error:hover .dz-error-message { 12821 opacity: 1; 12822 pointer-events: auto; 12823} 12824.dropzone .dz-preview .dz-error-message { 12825 background: #be2626; 12826 background: linear-gradient(180deg, #be2626, #a92222); 12827 border-radius: 8px; 12828 color: #fff; 12829 display: block; 12830 display: none; 12831 font-size: 13px; 12832 left: -10px; 12833 opacity: 0; 12834 padding: 0.5em 1.2em; 12835 pointer-events: none; 12836 position: absolute; 12837 top: 130px; 12838 transition: opacity 0.3s ease; 12839 width: 140px; 12840 z-index: 1000; 12841} 12842.dropzone .dz-preview .dz-error-message:after { 12843 border-bottom: 6px solid #be2626; 12844 border-left: 6px solid transparent; 12845 border-right: 6px solid transparent; 12846 content: ''; 12847 height: 0; 12848 left: 64px; 12849 position: absolute; 12850 top: -6px; 12851 width: 0; 12852} 12853@font-face { 12854 font-display: swap; 12855 font-family: Polytoria Icons; 12856 font-style: normal; 12857 font-weight: 400; 12858 src: url(https://c0.ptacdn.com/static/fonts/PolytoriaIcon.7a3d7e8f.woff2) format('woff2'); 12859} 12860.pi { 12861 font-family: Polytoria Icons; 12862 font-style: normal; 12863 font-variant: normal; 12864 font-weight: 900; 12865 line-height: 1; 12866 text-decoration: none; 12867 text-rendering: auto; 12868} 12869.pi.pi-brick:before { 12870 content: '$'; 12871} 12872.pi.pi-logo:before { 12873 content: 'P'; 12874} 12875.pi.pi-plus:before { 12876 content: '+'; 12877} 12878.pi.pi-plusdx:before { 12879 content: '⥅'; 12880 letter-spacing: -5px; 12881} 12882.pi.pi-brick-value:before { 12883 content: '%'; 12884} 12885.bg-plusdx { 12886 background: #b536ff; 12887} 12888.bg-plus { 12889 background: #15aed8; 12890} 12891.border-plusdx { 12892 border-color: #b536ff !important; 12893} 12894.border-plus { 12895 border-color: #15aed8 !important; 12896} 12897.bg-body { 12898 background: var(--bs-body-bg); 12899} 12900.text-plus { 12901 color: #30bee5; 12902 text-shadow: 0 0 8px #23d0ff; 12903} 12904.text-plusdx { 12905 color: #b536ff; 12906 text-shadow: 0 0 8px #b536ff; 12907} 12908.shadow-plus { 12909 box-shadow: 0 0 8px #30bee5; 12910} 12911.shadow-plusdx { 12912 box-shadow: 0 0 8px #b536ff; 12913} 12914.itemgrid { 12915 display: grid; 12916 grid-template-columns: repeat(auto-fill, calc(50% - 8px)); 12917 grid-gap: 12px; 12918 grid-auto-rows: auto; 12919 margin: 0; 12920 padding: 0 11px; 12921 width: 100%; 12922} 12923.itemgrid:not(.alignleft) { 12924 justify-content: center; 12925} 12926.itemgrid .alignleft { 12927 justify-content: start; 12928} 12929@media (min-width: 992px) { 12930 .itemgrid { 12931 grid-template-columns: repeat(auto-fill, 160px); 12932 padding: 0; 12933 grid-gap: 6px; 12934 } 12935} 12936.form-control::-webkit-file-upload-button { 12937 background: #171717 !important; 12938} 12939.form-control:hover::-webkit-file-upload-button { 12940 background: #2b2b2b !important; 12941} 12942@media (min-width: 1200px) { 12943 .collapse.dont-collapse-xl { 12944 display: block; 12945 height: auto !important; 12946 visibility: visible; 12947 } 12948} 12949.collapsed .fa-chevron-down { 12950 transform: rotate(90deg); 12951} 12952.container { 12953 clear: both; 12954} 12955@media (max-width: 575.98px) { 12956 .noround-mb { 12957 border-radius: 0 !important; 12958 } 12959} 12960.h1, 12961.h2, 12962.h3, 12963.h4, 12964.h5, 12965.h6, 12966h1, 12967h2, 12968h3, 12969h4, 12970h5, 12971h6, 12972p { 12973 overflow: hidden; 12974} 12975.sidebar-label { 12976 color: #cacaca; 12977 font-size: 10px; 12978 font-weight: 600; 12979} 12980.overflow-scroll { 12981 overflow: overlay; 12982} 12983.dropdown-menu.show .dropdown-item { 12984 animation: dropdownChildShow 0.25s cubic-bezier(0.16, 1, 0.3, 1); 12985} 12986.scroller__wrapper { 12987 --scrolling-gallery-item-duration: 5s; 12988 --scrolling-gallery-items-visible: 48; 12989 --scrolling-gallery-items-total: 15; 12990 margin-top: 2.25em; 12991 overflow: hidden; 12992 will-change: transform; 12993} 12994.scroller { 12995 animation-duration: calc(var(--scrolling-gallery-item-duration, 1s) / var(--scrolling-gallery-items-visible) * var(--scrolling-gallery-items-total)); 12996 animation-iteration-count: infinite; 12997 animation-name: scrolling-gallery; 12998 animation-timing-function: linear; 12999 display: flex; 13000 transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible))); 13001 white-space: nowrap; 13002} 13003.scroller__container { 13004 width: 100vw; 13005} 13006.scroller__item { 13007 box-sizing: border-box; 13008 flex: 1 0 calc(100% / var(--scrolling-gallery-items-visible)); 13009 padding: 0.5em; 13010 width: 0; 13011} 13012.scroller__item img { 13013 display: block; 13014 height: 100%; 13015 -o-object-fit: cover; 13016 object-fit: cover; 13017 -o-object-position: center; 13018 object-position: center; 13019 width: 100%; 13020} 13021@keyframes scrolling-gallery { 13022 0% { 13023 transform: translateX(0); 13024 } 13025 to { 13026 transform: translateX(calc(var(--scrolling-gallery-items-total) * -100vw / var(--scrolling-gallery-items-visible))); 13027 } 13028} 13029@keyframes marquee { 13030 0% { 13031 transform: translateX(0); 13032 } 13033 to { 13034 transform: translateX(-1010px); 13035 } 13036} 13037@keyframes dropdownChildShow { 13038 0% { 13039 padding: 0 1rem; 13040 } 13041} 13042@keyframes rippleEffect { 13043 to { 13044 opacity: 0; 13045 transform: scale(4) rotate(45deg); 13046 } 13047} 13048a:hover { 13049 cursor: pointer; 13050} 13051::-webkit-scrollbar { 13052 height: 7px; 13053 width: 5px; 13054} 13055::-webkit-scrollbar-track { 13056 background: transparent; 13057} 13058::-webkit-scrollbar-thumb { 13059 background-color: #292929; 13060 border-radius: 10px; 13061} 13062::-webkit-scrollbar-thumb:hover { 13063 background-color: #757575; 13064} 13065.overflow-y-scroll { 13066 overflow-y: scroll !important; 13067} 13068.overflow-y-auto { 13069 overflow-y: auto !important; 13070} 13071.no-resize { 13072 resize: none; 13073} 13074.section-title { 13075 color: hsla(0, 0%, 100%, 0.8); 13076 font-weight: 700; 13077 letter-spacing: 2.5px; 13078 text-transform: uppercase; 13079} 13080.overflow-x-scroll { 13081 overflow-x: scroll !important; 13082} 13083.wrapper > div { 13084 border-radius: 5px; 13085 height: 32px; 13086 padding: 1px; 13087 width: 32px; 13088} 13089.wrapper { 13090 display: grid; 13091 grid-template-columns: repeat(8, 0fr); 13092 grid-gap: 10px; 13093 overflow-x: hidden; 13094} 13095.dropzone { 13096 background-color: transparent !important; 13097 border: 2px dashed rgba(72, 72, 72, 0.5) !important; 13098 border-radius: 5px !important; 13099 color: hsla(0, 0%, 100%, 0.5); 13100 font-weight: 500; 13101 padding: 20px; 13102 text-align: center; 13103} 13104input:not([type]):disabled, 13105input[type='text']:disabled { 13106 opacity: 0.5; 13107} 13108.markdown-code { 13109 border-radius: 15px; 13110 padding: 16px; 13111} 13112img.emoji { 13113 height: 1em; 13114 margin: 0 0.05em 0 0.1em; 13115 vertical-align: -0.1em; 13116 width: 1em; 13117} 13118.text-orange { 13119 color: #ff9300; 13120} 13121.tooltip-inner { 13122 max-width: 350px; 13123} 13124.alert-primary { 13125 background-color: #3bafff; 13126} 13127.alert-primary, 13128.alert-secondary { 13129 border-color: rgba(0, 0, 0, 0.33); 13130 border-radius: 10px; 13131 border-width: 2px; 13132 color: #fff; 13133} 13134.alert-secondary { 13135 background-color: #484848; 13136} 13137.alert-success { 13138 background-color: #4fe883; 13139} 13140.alert-info, 13141.alert-success { 13142 border-color: rgba(0, 0, 0, 0.33); 13143 border-radius: 10px; 13144 border-width: 2px; 13145 color: #fff; 13146} 13147.alert-info { 13148 background-color: #6094f9; 13149} 13150.alert-warning { 13151 background-color: #ffc93f; 13152} 13153.alert-danger, 13154.alert-warning { 13155 border-color: rgba(0, 0, 0, 0.33); 13156 border-radius: 10px; 13157 border-width: 2px; 13158 color: #fff; 13159} 13160.alert-danger { 13161 background-color: #ff5951; 13162} 13163.alert-light { 13164 background-color: #f6f6f6; 13165} 13166.alert-dark, 13167.alert-light { 13168 border-color: rgba(0, 0, 0, 0.33); 13169 border-radius: 10px; 13170 border-width: 2px; 13171 color: #fff; 13172} 13173.alert-dark { 13174 background-color: #1a1a1a; 13175} 13176.avatar-container { 13177 position: relative; 13178} 13179.avatar-icon-alt { 13180 background-color: #161616; 13181 border-radius: 6px; 13182} 13183.avatar-container .online-indicator { 13184 border: 4px solid #262626; 13185 border-radius: 50%; 13186 bottom: 0; 13187 height: 26px; 13188 position: absolute; 13189 right: 0; 13190 width: 26px; 13191} 13192.bodypart, 13193.bodypart-nozoom { 13194 border: 0; 13195 border-radius: 5px; 13196} 13197.bodypart { 13198 transition: transform 0.2s; 13199} 13200.bodypart:hover { 13201 transform: scale(1.05); 13202} 13203.bp1x1 { 13204 padding: 20px; 13205} 13206.bp1x2 { 13207 padding: 40px 20px; 13208} 13209.bp2x2 { 13210 padding: 40px; 13211} 13212.avatar-item-container { 13213 cursor: pointer; 13214 transition: transform 0.2s ease-in-out; 13215} 13216.avatar-item-container .avatarAction { 13217 opacity: 0; 13218 transform: translateY(5px); 13219 transition: 13220 opacity 0.2s ease-in-out, 13221 transform 0.2s ease-in-out; 13222} 13223.avatar-item-container:hover { 13224 transform: scale(1.05); 13225} 13226.avatar-item-container:hover .avatarAction { 13227 opacity: 1; 13228 transform: translate(0); 13229} 13230.avatarEditorCanvas { 13231 width: 100%; 13232} 13233.click-ripple { 13234 animation: rippleEffect 0.5s linear; 13235 background: #fff; 13236 background: radial-gradient(circle, hsla(0, 0%, 100%, 0) 0, #fff 15%, hsla(0, 0%, 100%, 0) 100%); 13237 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 13238 opacity: 0.4; 13239 transform: scale(0); 13240} 13241.click-ripple, 13242.hover-ripple { 13243 border-radius: 50%; 13244 position: absolute; 13245} 13246.hover-ripple { 13247 animation: hoverRippleFx 0.5s cubic-bezier(0.16, 1, 0.3, 1); 13248 background: #fff; 13249 background: radial-gradient(circle, #fff 0, hsla(0, 0%, 100%, 0) 60%); 13250 opacity: 0.2; 13251 transform: scale(1); 13252} 13253@keyframes hoverRippleFx { 13254 0% { 13255 opacity: 0; 13256 transform: scale(0); 13257 } 13258} 13259.btn:not(.no-ripple-fx), 13260.list-group-item:not(.no-ripple-fx), 13261.nav-link:not(.no-ripple-fx), 13262.navbar-toggler:not(.no-ripple-fx), 13263.page-link:not(.no-ripple-fx) { 13264 overflow: hidden; 13265 position: relative; 13266} 13267.btn { 13268 box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1); 13269 color: #fff !important; 13270 transition: 13271 transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), 13272 background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1); 13273} 13274.btn:active, 13275.btn:focus, 13276.btn:hover { 13277 box-shadow: none !important; 13278 color: #fff; 13279} 13280.btn-light, 13281.btn-light:hover, 13282.btn-outline-light:hover { 13283 color: #1a1a1a !important; 13284} 13285.btn:active { 13286 transform: scale(0.98); 13287 transition: background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1); 13288} 13289.btn-primary { 13290 border: 2px solid rgba(0, 0, 0, 0.3); 13291} 13292.btn-primary:hover { 13293 border: 2px solid rgba(0, 0, 0, 0.2); 13294} 13295.btn-primary:active { 13296 border: 2px solid rgba(0, 0, 0, 0.1); 13297} 13298.btn-secondary { 13299 border: 2px solid rgba(0, 0, 0, 0.3); 13300} 13301.btn-secondary:hover { 13302 border: 2px solid rgba(0, 0, 0, 0.2); 13303} 13304.btn-secondary:active { 13305 border: 2px solid rgba(0, 0, 0, 0.1); 13306} 13307.btn-success { 13308 border: 2px solid rgba(0, 0, 0, 0.3); 13309} 13310.btn-success:hover { 13311 border: 2px solid rgba(0, 0, 0, 0.2); 13312} 13313.btn-success:active { 13314 border: 2px solid rgba(0, 0, 0, 0.1); 13315} 13316.btn-info { 13317 border: 2px solid rgba(0, 0, 0, 0.3); 13318} 13319.btn-info:hover { 13320 border: 2px solid rgba(0, 0, 0, 0.2); 13321} 13322.btn-info:active { 13323 border: 2px solid rgba(0, 0, 0, 0.1); 13324} 13325.btn-warning { 13326 border: 2px solid rgba(0, 0, 0, 0.3); 13327} 13328.btn-warning:hover { 13329 border: 2px solid rgba(0, 0, 0, 0.2); 13330} 13331.btn-warning:active { 13332 border: 2px solid rgba(0, 0, 0, 0.1); 13333} 13334.btn-danger { 13335 border: 2px solid rgba(0, 0, 0, 0.3); 13336} 13337.btn-danger:hover { 13338 border: 2px solid rgba(0, 0, 0, 0.2); 13339} 13340.btn-danger:active { 13341 border: 2px solid rgba(0, 0, 0, 0.1); 13342} 13343.btn-light { 13344 border: 2px solid rgba(0, 0, 0, 0.3); 13345} 13346.btn-light:hover { 13347 border: 2px solid rgba(0, 0, 0, 0.2); 13348} 13349.btn-light:active { 13350 border: 2px solid rgba(0, 0, 0, 0.1); 13351} 13352.btn-dark { 13353 border: 2px solid rgba(0, 0, 0, 0.3); 13354} 13355.btn-dark:hover { 13356 border: 2px solid rgba(0, 0, 0, 0.2); 13357} 13358.btn-dark:active { 13359 border: 2px solid rgba(0, 0, 0, 0.1); 13360} 13361.btn-game { 13362 background: linear-gradient(91.23deg, #00bf2a 31.94%, #00851d 92.5%); 13363 background-size: 130% 130%; 13364 border: 2px solid rgba(0, 0, 0, 0.3) !important; 13365 font-size: 32px; 13366 padding: 0; 13367} 13368.btn-game:hover { 13369 background: linear-gradient(91.23deg, #0be13a 31.94%, #009d22 92.5%); 13370 background-size: 130% 130%; 13371 border: 2px solid rgba(0, 0, 0, 0.2) !important; 13372} 13373.btn-game:active { 13374 border: 2px solid rgba(0, 0, 0, 0.1) !important; 13375} 13376.btn-icon { 13377 cursor: pointer; 13378 transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); 13379} 13380.btn-icon:hover { 13381 transform: scale(1.15); 13382} 13383.badge, 13384.btn { 13385 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 13386} 13387.input-group-append .btn { 13388 border-bottom-left-radius: 0 !important; 13389 border-color: #2d2d2d; 13390 border-top-left-radius: 0 !important; 13391} 13392.badge { 13393 -webkit-user-select: none; 13394 -moz-user-select: none; 13395 user-select: none; 13396} 13397[data-bs-toggle='dropdown'] i.fa-ellipsis-v { 13398 margin-right: -10px; 13399 text-align: center; 13400 width: 40px; 13401} 13402.card .contain { 13403 overflow: hidden; 13404} 13405.card.mcard { 13406 border-radius: 0 !important; 13407} 13408.card.mcard:not(.asset-limited):not(.card-inbox):not(.border):not(.place-card) { 13409 border-color: transparent !important; 13410} 13411.card.mcard .card-header { 13412 border-radius: 0 !important; 13413 padding: 12px !important; 13414} 13415@media (min-width: 576px) { 13416 .card.mcard:not(.force-mcard):not(.card-inbox) { 13417 border-radius: var(--bs-card-border-radius) !important; 13418 } 13419 .card.mcard:not(.force-mcard):not(.card-inbox):not(.place-card):not(.card-inbox) { 13420 border-color: var(--bs-card-border-color) !important; 13421 } 13422 .card.mcard:not(.force-mcard):not(.card-inbox) .card-header { 13423 border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 !important; 13424 padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) !important; 13425 } 13426} 13427.card-body-curtain { 13428 align-content: center; 13429 -webkit-backdrop-filter: blur(3px); 13430 backdrop-filter: blur(3px); 13431 background: rgba(34, 34, 34, 0.812); 13432 border-radius: 14px; 13433 display: flex; 13434 flex-direction: column; 13435 height: 100%; 13436 justify-content: center; 13437 left: 0; 13438 position: absolute; 13439 text-align: center; 13440 top: 0; 13441 width: 100%; 13442} 13443.card-plus-mobile { 13444 background: #262626; 13445 border: 2px solid #3e3e3e; 13446 border-radius: 8px; 13447 font-size: 1.1em; 13448 font-size: 14px; 13449 padding: 10px; 13450 position: relative; 13451} 13452.card-plus-mobile .tier-logo { 13453 height: 100px; 13454 left: -38px; 13455 pointer-events: none; 13456 position: absolute; 13457 top: -58px; 13458 -webkit-user-select: none; 13459 -moz-user-select: none; 13460 user-select: none; 13461 width: 100px; 13462} 13463.card-plus-mobile.cplus { 13464 border-color: #30bee5; 13465} 13466.card-plus-mobile.cplusdx { 13467 border-color: #b536ff; 13468} 13469.card-decal { 13470 display: inline-block; 13471 height: 245px; 13472 vertical-align: top; 13473 width: 220px; 13474} 13475.card-decal.decal-declined { 13476 background-color: #181818; 13477 color: hsla(0, 0%, 100%, 0.308); 13478 opacity: 0.8; 13479} 13480.card-decal.decal-declined .badge { 13481 opacity: 0.6; 13482} 13483.card-highlight-transition { 13484 transition: 13485 background-color 0.2s ease-in-out, 13486 border-color 0.2s ease-in-out, 13487 border-width 0.2s ease-in-out; 13488} 13489.card-highlight { 13490 --bs-card-border-color: #fff !important; 13491 background-color: #0f2328; 13492 border: 3px solid #fff !important; 13493} 13494.carousel-indicators li { 13495 background-clip: padding-box; 13496 background-color: #fff; 13497 border-bottom: 10px solid transparent; 13498 border-top: 10px solid transparent; 13499 box-sizing: content-box; 13500 cursor: pointer; 13501 flex: 0 1 auto; 13502 height: 3px; 13503 list-style: none; 13504 margin-left: 3px; 13505 margin-right: 3px; 13506 opacity: 0.5; 13507 text-indent: -999px; 13508 transition: opacity 0.6s ease; 13509 width: 30px; 13510} 13511.carousel-indicators .active { 13512 opacity: 1; 13513} 13514.owl-dots { 13515 display: none; 13516} 13517.footer-container { 13518 border-top: 1px solid #484848; 13519} 13520body, 13521html { 13522 overflow-x: clip !important; 13523} 13524main { 13525 display: flex; 13526 flex-wrap: nowrap; 13527 min-height: 60vh; 13528} 13529#main-content:not(.logged-out):not(.no-sidebar) { 13530 max-width: 100vw; 13531} 13532@media (min-width: 992px) { 13533 #main-content:not(.logged-out):not(.no-sidebar) { 13534 max-width: calc(100vw - 5.3rem); 13535 } 13536} 13537.nav-sidebar-cont { 13538 min-width: 5.3rem; 13539 position: relative; 13540} 13541.nav-sidebar-cont .nav-sidebar { 13542 background-color: #262626; 13543 bottom: 0; 13544 box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1); 13545 overflow-x: hidden; 13546 overflow-y: auto; 13547 position: fixed; 13548 top: 0; 13549 width: 5.3rem; 13550 z-index: 10000; 13551 -ms-overflow-style: none; 13552 max-height: 100vh; 13553 scrollbar-width: none; 13554} 13555.nplus-banner, 13556.nplusdx-banner { 13557 border: 3px solid; 13558 border-radius: 10px; 13559 font-weight: 700; 13560 line-height: 1.2; 13561 margin: -14px -9px; 13562 position: relative; 13563 text-align: center; 13564} 13565.nplus-banner.mo, 13566.nplusdx-banner.mo { 13567 border: none; 13568 border-bottom-left-radius: 0; 13569 border-top-left-radius: 0; 13570 font-size: 14px; 13571 left: 25px; 13572 padding: 2px 7px 2px 33px; 13573 position: absolute; 13574 top: 28px; 13575 z-index: 1; 13576} 13577.nplus-banner { 13578 background: #136d86; 13579 border-color: #164f5f; 13580 color: #30bee5; 13581} 13582.nplusdx-banner { 13583 background: #260d33; 13584 border-color: #491b64; 13585 color: #b536ff; 13586 font-size: 15px; 13587} 13588.hplus-banner, 13589.hplusdx-banner { 13590 border: none; 13591 border-radius: 10px; 13592 font-size: 20px; 13593 font-weight: 700; 13594 line-height: 1.2; 13595 margin: -10px 0 0; 13596 max-width: 100px; 13597 position: relative; 13598 text-align: center; 13599} 13600.nav-sidebar::-webkit-scrollbar { 13601 display: none; 13602} 13603.nav-sidebar a:active, 13604.nav-sidebar a:focus, 13605.nav-sidebar a:hover { 13606 color: #ddd; 13607} 13608.nav-sidebar-button { 13609 background: #3c3c3c; 13610 border: 2px solid #484848; 13611 border-radius: 10px; 13612 box-sizing: border-box; 13613 height: 3.2rem; 13614 margin: 0 auto; 13615 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 13616 transition-property: background-color, border-color, color, transform; 13617 vertical-align: middle; 13618 width: 3.2rem; 13619} 13620.nav-sidebar-button:hover { 13621 background-color: #484848; 13622 border: 2px solid #5c5c5c; 13623 color: #fff; 13624 transform: scale(1.15); 13625} 13626.notif-nav { 13627 background: #ff1919; 13628 border-radius: 9px; 13629 height: 25px; 13630 width: 25px; 13631} 13632.notif-nav.notif-sidebar { 13633 position: absolute; 13634 right: 9px; 13635 top: 0; 13636} 13637.notif-nav > span { 13638 font-size: 13px; 13639 text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.349); 13640 vertical-align: middle; 13641} 13642.sidebar-plus { 13643 background: linear-gradient(rgba(0, 0, 0, 0.45), #163c46) !important; 13644} 13645.sidebar-plus .nav-sidebar-button:not(.nav-sidebar-upgrade-button) { 13646 background-color: rgba(71, 224, 255, 0.18) !important; 13647 border-color: transparent; 13648} 13649.sidebar-plus .nplus-banner, 13650.sidebar-plus .nplusdx-banner { 13651 border-color: #000 !important; 13652} 13653.sidebar-plusdx { 13654 background: linear-gradient(rgba(0, 0, 0, 0.45), #351648) !important; 13655} 13656.sidebar-plusdx .nav-sidebar-button:not(.nav-sidebar-upgrade-button) { 13657 background-color: rgba(188, 72, 255, 0.18) !important; 13658 border-color: transparent; 13659} 13660.sidebar-plusdx .nplus-banner, 13661.sidebar-plusdx .nplusdx-banner { 13662 border-color: #000 !important; 13663} 13664.input-group.nav-search { 13665 margin-top: 2px; 13666 max-width: 100vw; 13667 min-width: 350px; 13668} 13669.input-group.nav-search #search-addon, 13670.input-group.nav-search input { 13671 background: #111 !important; 13672 border: none !important; 13673} 13674.input-group.nav-search input { 13675 border-bottom-right-radius: 8px !important; 13676 border-top-right-radius: 8px !important; 13677} 13678.navbar-plus { 13679 background: #000 !important; 13680} 13681.navbar-plus .nav-search { 13682 border: 2px solid #0b4e5b; 13683 border-radius: 10px; 13684} 13685.navbar-plus .nav-search #search-addon, 13686.navbar-plus .nav-search .input-group-text { 13687 background: #000 !important; 13688} 13689.navbar-plus .nav-search #search-addon i.far, 13690.navbar-plus .nav-search .input-group-text i.far { 13691 color: #fff !important; 13692} 13693.navbar-plus .nav-search .form-control { 13694 background: #000 !important; 13695} 13696.navbar-plus .nav-search .form-control::-moz-placeholder { 13697 color: hsla(0, 0%, 100%, 0.541) !important; 13698} 13699.navbar-plus .nav-search .form-control::placeholder { 13700 color: hsla(0, 0%, 100%, 0.541) !important; 13701} 13702.navbar-plusdx { 13703 background: #000 !important; 13704} 13705.navbar-plusdx .nav-search { 13706 border: 2px solid #3e0b5d; 13707 border-radius: 10px; 13708} 13709.navbar-plusdx .nav-search #search-addon, 13710.navbar-plusdx .nav-search .input-group-text { 13711 background: #000 !important; 13712} 13713.navbar-plusdx .nav-search #search-addon i.far, 13714.navbar-plusdx .nav-search .input-group-text i.far { 13715 color: #fff !important; 13716} 13717.navbar-plusdx .nav-search .form-control { 13718 background: #000 !important; 13719} 13720.navbar-plusdx .nav-search .form-control::-moz-placeholder { 13721 color: hsla(0, 0%, 100%, 0.541) !important; 13722} 13723.navbar-plusdx .nav-search .form-control::placeholder { 13724 color: hsla(0, 0%, 100%, 0.541) !important; 13725} 13726.nav-sidebar-button > i { 13727 font-size: 1.3rem; 13728 margin-top: 0.85rem; 13729} 13730.nav-sidebar .nav-item { 13731 width: 100%; 13732} 13733.nav-sidebar .nav-item .nav-link { 13734 margin-bottom: 0; 13735 margin-left: 2px; 13736} 13737.nav-sidebar .nav-item .nav-link .nav-sidebar-text { 13738 margin-left: -10px; 13739 margin-right: -10px; 13740} 13741.nav-sidebar-upgrade-button { 13742 background: linear-gradient(180deg, #2accff, #1c66d6); 13743 background-origin: border-box; 13744 border-color: rgba(0, 0, 0, 0.25); 13745} 13746.nav-sidebar-upgrade-button:hover { 13747 background: linear-gradient(180deg, #55d6ff, #4985de); 13748 background-origin: border-box; 13749 border-color: rgba(0, 0, 0, 0.1); 13750} 13751.nav-sidebar-admin-button { 13752 background-color: #a5312c; 13753 border-color: rgba(0, 0, 0, 0.25); 13754} 13755.nav-sidebar-admin-button:hover { 13756 background-color: #b75a56; 13757 border-color: rgba(0, 0, 0, 0.1); 13758} 13759.nav-sidebar-text { 13760 color: #cacaca; 13761 font-size: 12px; 13762 font-weight: 500; 13763 margin-top: 6px; 13764} 13765.nav-topbar { 13766 background-color: #252525; 13767 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); 13768 padding: 2px; 13769} 13770.search-popup { 13771 background: #252525; 13772 border: 3px solid #474747; 13773 border-radius: 10px !important; 13774 box-shadow: 0 2px 18px #181818; 13775 left: 0; 13776 max-width: 500px; 13777 padding: 6px; 13778 position: absolute; 13779 right: 0; 13780 top: 50px; 13781 width: 95vw; 13782 z-index: 5000 !important; 13783 z-index: 100; 13784} 13785.search-popup .search-item { 13786 background: transparent; 13787 border: 2px solid transparent; 13788 border-radius: 8px; 13789 box-shadow: 1px 1px 1px transparent; 13790 cursor: pointer; 13791 font-size: 16px; 13792 font-weight: 500; 13793 opacity: 0.6; 13794 padding: 10px; 13795} 13796.search-popup .search-item:focus, 13797.search-popup .search-item:hover { 13798 background: #313131; 13799 border: 2px solid #333; 13800 box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.169); 13801 opacity: 1; 13802} 13803.search-popup .search-item.highlight { 13804 padding: 5px 10px; 13805} 13806.brickFly { 13807 color: #4fe883; 13808 font-size: 30px; 13809 position: fixed; 13810 text-shadow: 0 0 6px rgba(0, 0, 0, 0.38); 13811 z-index: 100000; 13812} 13813.mobile-nav-bottom { 13814 align-items: center; 13815 -webkit-backdrop-filter: blur(6px); 13816 backdrop-filter: blur(6px); 13817 background: rgba(37, 37, 37, 0.9); 13818 bottom: 0; 13819 box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.25); 13820 display: flex; 13821 height: 75px; 13822 justify-content: space-around; 13823 left: 0; 13824 position: fixed; 13825 width: 100vw; 13826 z-index: 10000; 13827} 13828.mobile-nav-bottom .mnv-nav-item { 13829 align-content: center; 13830 color: #5c5c5c; 13831 display: flex; 13832 flex-direction: column; 13833 font-weight: 600; 13834 height: 75px; 13835 justify-content: center; 13836 text-align: center; 13837 width: 72px; 13838} 13839.mobile-nav-bottom .mnv-nav-item.active { 13840 color: #fff; 13841} 13842.mobile-nav-bottom .mnv-nav-item .mnv-icon { 13843 font-size: 25px; 13844 height: 38px; 13845} 13846.mobile-nav-bottom .mnv-nav-item .mnv-icon i { 13847 font-size: 27px; 13848 margin-top: 3px; 13849} 13850.mobile-nav-bottom .mnv-nav-item .mnv-icon img { 13851 border: 2px solid #5c5c5c !important; 13852 margin-top: -3px; 13853 opacity: 0.5; 13854} 13855.mobile-nav-bottom .mnv-nav-item.active .mnv-icon img { 13856 border: 2px solid #fff !important; 13857 opacity: 1; 13858} 13859.mobile-nav-bottom .mnv-nav-item .mnv-text { 13860 margin-bottom: 2px; 13861} 13862.userlink-admin { 13863 color: #ff5951 !important; 13864} 13865.userlink-admin:before { 13866 content: 'P'; 13867 font-family: Polytoria Icons; 13868 font-style: normal; 13869 font-variant: normal; 13870 font-weight: 900; 13871 line-height: 1; 13872 margin-right: 0.2em; 13873 text-decoration: none; 13874 text-rendering: auto; 13875} 13876.userlink-asset-designer { 13877 color: #4fe883 !important; 13878} 13879.userlink-asset-designer:before { 13880 content: '\f55d'; 13881 font-family: Font Awesome\6 Pro; 13882 font-style: normal; 13883 font-variant: normal; 13884 font-weight: 900; 13885 line-height: 1; 13886 margin-right: 0.2em; 13887 text-decoration: none; 13888 text-rendering: auto; 13889} 13890.userlink-plus { 13891 color: #30bee5 !important; 13892} 13893.userlink-plus:before { 13894 content: '+'; 13895 font-family: Polytoria Icons; 13896 font-style: normal; 13897 font-variant: normal; 13898 font-weight: 900; 13899 line-height: 1; 13900 margin-right: 0.2em; 13901 text-decoration: none; 13902 text-rendering: auto; 13903} 13904.userlink-plusdx { 13905 color: #b536ff !important; 13906} 13907.userlink-plusdx:before { 13908 content: '⥅'; 13909 font-family: Polytoria Icons; 13910 font-style: normal; 13911 font-variant: normal; 13912 font-weight: 900; 13913 line-height: 1; 13914 margin-left: 0.2em; 13915 margin-right: -0.2em; 13916 text-decoration: none; 13917 text-rendering: auto; 13918} 13919.userlink-default { 13920 color: #b9b9b9 !important; 13921} 13922.siteBannerCont { 13923 position: sticky; 13924 top: 0; 13925 z-index: 1000; 13926} 13927.siteBannerCont .maintBanner { 13928 background: #0d0d0d; 13929 color: #fff; 13930 padding: 10px; 13931} 13932@media (min-width: 992px) { 13933 .siteBannerCont .maintBanner { 13934 padding-left: 30px; 13935 } 13936} 13937.siteBannerCont .maintBanner.tempBanner { 13938 background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.047) 0, rgba(0, 0, 0, 0.047) 20px), #0d0d0d; 13939} 13940.nav-item.dropdown .dropdown-menu { 13941 z-index: 6000; 13942} 13943@media (max-width: 767.98px) { 13944 .search-popup { 13945 border-radius: 0 !important; 13946 left: 1px !important; 13947 width: 100vw !important; 13948 } 13949 .searchcont { 13950 left: 0; 13951 margin: 0 -21px; 13952 min-height: 0; 13953 padding: 0 21px !important; 13954 position: relative; 13955 transition: 13956 min-height 0.3s ease, 13957 margin 0s linear, 13958 padding 0.2s linear; 13959 } 13960 .searchcont.active { 13961 background: #252525; 13962 margin: 0; 13963 padding-top: 5px; 13964 padding: 0 !important; 13965 width: 100vw; 13966 z-index: 10000; 13967 } 13968 .searchcont.active .search-icon { 13969 display: none; 13970 } 13971} 13972.nav-pills .nav-link { 13973 font-weight: 500; 13974 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 13975} 13976@media (max-width: 767.98px) { 13977 .nav-pills { 13978 background-color: #262626; 13979 display: flex; 13980 flex-direction: row !important; 13981 padding: 5px; 13982 } 13983 .nav-pills > .nav-item, 13984 .nav-pills > .nav-link { 13985 margin: 3px; 13986 max-width: calc(33.33333% - 7px) !important; 13987 min-width: calc(33.33333% - 7px) !important; 13988 overflow: hidden; 13989 text-align: center; 13990 text-overflow: ellipsis; 13991 white-space: nowrap; 13992 width: calc(33.33333% - 7px) !important; 13993 } 13994 .nav-pills > .nav-item:not(.active), 13995 .nav-pills > .nav-link:not(.active) { 13996 background-color: rgba(0, 0, 0, 0.239); 13997 } 13998 .nav-pills > .nav-item:not(.active) .pilltitle, 13999 .nav-pills > .nav-link:not(.active) .pilltitle { 14000 display: none; 14001 } 14002 .nav-pills > .nav-item.active, 14003 .nav-pills > .nav-link.active { 14004 flex: 1; 14005 } 14006 .nav-pills > .nav-item.active i, 14007 .nav-pills > .nav-link.active i { 14008 display: none; 14009 } 14010 .section-title { 14011 text-align: center; 14012 } 14013} 14014.ribbon { 14015 height: 105px; 14016 overflow: hidden; 14017 position: absolute; 14018 width: 105px; 14019} 14020.ribbon:after, 14021.ribbon:before { 14022 border: 5px solid #ccc; 14023 content: ''; 14024 display: block; 14025 position: absolute; 14026 z-index: -1; 14027} 14028.ribbon span { 14029 background-color: #fff; 14030 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 14031 color: #fff; 14032 display: block; 14033 font: 14034 700 18px/1 Poppins, 14035 sans-serif; 14036 padding: 5px 0; 14037 position: absolute; 14038 text-align: center; 14039 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 14040 text-transform: uppercase; 14041 width: 225px; 14042} 14043.ribbon-limited:after, 14044.ribbon-limited:before { 14045 border-color: #295fb9; 14046} 14047.ribbon-limited span { 14048 background-color: #347fdb; 14049} 14050.ribbon-new:after, 14051.ribbon-new:before { 14052 border-color: #b92929; 14053} 14054.ribbon-new span { 14055 background-color: #db3434; 14056} 14057.ribbon-top-left { 14058 left: -10px; 14059 top: -10px; 14060} 14061.ribbon-top-left:after, 14062.ribbon-top-left:before { 14063 border-left-color: transparent; 14064 border-top-color: transparent; 14065} 14066.ribbon-top-left:before { 14067 right: 0; 14068 top: 0; 14069} 14070.ribbon-top-left:after { 14071 bottom: 0; 14072 left: 0; 14073} 14074.ribbon-top-left span { 14075 right: -25px; 14076 top: 30px; 14077 transform: rotate(-45deg); 14078} 14079.ribbon-top-right { 14080 right: -10px; 14081 top: -10px; 14082} 14083.ribbon-top-right:after, 14084.ribbon-top-right:before { 14085 border-right-color: transparent; 14086 border-top-color: transparent; 14087} 14088.ribbon-top-right:before { 14089 left: 0; 14090 top: 0; 14091} 14092.ribbon-top-right:after { 14093 bottom: 0; 14094 right: 0; 14095} 14096.ribbon-top-right span { 14097 left: -50px; 14098 top: 30px; 14099 transform: rotate(45deg); 14100} 14101.ribbon-bottom-left { 14102 bottom: -10px; 14103 left: -10px; 14104} 14105.ribbon-bottom-left:after, 14106.ribbon-bottom-left:before { 14107 border-bottom-color: transparent; 14108 border-left-color: transparent; 14109} 14110.ribbon-bottom-left:before { 14111 bottom: 0; 14112 right: 0; 14113} 14114.ribbon-bottom-left:after { 14115 left: 0; 14116 top: 0; 14117} 14118.ribbon-bottom-left span { 14119 bottom: 30px; 14120 right: -25px; 14121 transform: rotate(225deg); 14122} 14123.ribbon-bottom-right { 14124 bottom: -10px; 14125 right: -10px; 14126} 14127.ribbon-bottom-right:after, 14128.ribbon-bottom-right:before { 14129 border-bottom-color: transparent; 14130 border-right-color: transparent; 14131} 14132.ribbon-bottom-right:before { 14133 bottom: 0; 14134 left: 0; 14135} 14136.ribbon-bottom-right:after { 14137 right: 0; 14138 top: 0; 14139} 14140.ribbon-bottom-right span { 14141 bottom: 30px; 14142 left: -25px; 14143 transform: rotate(-225deg); 14144} 14145.sortable { 14146 list-style: none; 14147 margin: 0; 14148 padding: 0; 14149} 14150.sortable li { 14151 background: #262626; 14152 border: none; 14153 color: #fff; 14154 cursor: move; 14155 padding: 13px; 14156} 14157@media (max-width: 575.98px) { 14158 .featureAdvert .swal2-popup { 14159 height: 100%; 14160 width: 100% !important; 14161 } 14162} 14163.featureAdvert .cont { 14164 background: 14165 linear-gradient(rgba(62, 52, 166, 0.769), rgba(86, 86, 172, 0.678)), 14166 url(https://c0.ptacdn.com/static/images/forum-bg.0a96386f.png) no-repeat 50%; 14167 background-size: cover; 14168 border-radius: 16px; 14169 height: 60vh; 14170} 14171.featureAdvert .swal2-html-container { 14172 margin: 0; 14173} 14174.featureAdvert .mainIcon { 14175 color: #a199ff; 14176 font-size: 75px; 14177 margin-top: 50px; 14178} 14179.featureAdvert .mainTitle { 14180 color: #a199ff; 14181 font-size: 1.5rem; 14182 margin-top: 10px; 14183 text-shadow: 0 0 3px #7066e0; 14184} 14185.featureAdvert .mainContent { 14186 font-size: 0.8em; 14187} 14188.featureAdvert .mainContent .featureList { 14189 background: rgba(0, 0, 0, 0.31); 14190 border-radius: 9px; 14191 margin: 10px auto; 14192 max-width: 600px; 14193 padding: 9px; 14194 width: 100%; 14195} 14196.featureAdvert .mainContent .featureList .far { 14197 text-align: center; 14198 width: 30px; 14199} 14200@media (min-width: 992px) { 14201 .max-width-lg-350px { 14202 max-width: 350px; 14203 } 14204 .max-width-lg-550px { 14205 max-width: 550px; 14206 } 14207} 14208.min-width-30px { 14209 min-width: 30px; 14210} 14211.auth-container { 14212 height: 100vh; 14213 overflow: hidden; 14214 position: relative; 14215 width: 100vw; 14216} 14217.auth-container, 14218.auth-container > .auth-background { 14219 background-attachment: fixed; 14220 background-position: 50%; 14221 background-repeat: no-repeat; 14222 background-size: cover; 14223} 14224.auth-container > .auth-background { 14225 animation: authZoomIn 10s ease-in-out forwards; 14226 filter: blur(2px); 14227 height: 100%; 14228 left: 0; 14229 opacity: 0.5; 14230 position: absolute; 14231 top: 0; 14232 width: 100%; 14233} 14234@keyframes authZoomIn { 14235 0% { 14236 transform: scale(1); 14237 } 14238 to { 14239 transform: scale(1.1); 14240 } 14241} 14242.auth-container-gradient { 14243 background: linear-gradient(90deg, transparent 10%, #0c0c0c); 14244} 14245.auth-place-info:not(.no-anim) { 14246 animation: authPlaceAnim 0.6s steps(5) forwards; 14247 background: url(https://c0.ptacdn.com/static/images/auth-banner.2f399740.svg) no-repeat; 14248 color: #fff; 14249 height: 150px; 14250 left: 0; 14251 padding: 22px 18px; 14252 position: absolute; 14253 top: 25px; 14254 width: 500px; 14255} 14256@keyframes authPlaceAnim { 14257 0% { 14258 -webkit-clip-path: polygon(0 0, 0 0, 15% 100%, 0 100%); 14259 clip-path: polygon(0 0, 0 0, 15% 100%, 0 100%); 14260 opacity: 0; 14261 } 14262 25% { 14263 -webkit-clip-path: polygon(0 0, 34% 0, 15% 100%, 0 100%); 14264 clip-path: polygon(0 0, 34% 0, 15% 100%, 0 100%); 14265 opacity: 1; 14266 } 14267 50% { 14268 -webkit-clip-path: polygon(0 0, 34% 0, 53% 100%, 0 100%); 14269 clip-path: polygon(0 0, 34% 0, 53% 100%, 0 100%); 14270 } 14271 75% { 14272 -webkit-clip-path: polygon(0 0, 81% 0, 81% 100%, 0 100%); 14273 clip-path: polygon(0 0, 81% 0, 81% 100%, 0 100%); 14274 } 14275 to { 14276 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 14277 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 14278 } 14279} 14280.auth-place-info-title .h1, 14281.auth-place-info-title h1 { 14282 animation: authPlaceTextReveal 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s forwards; 14283 font-size: 22px; 14284 font-weight: 600; 14285 margin-bottom: 0; 14286 opacity: 0; 14287} 14288.auth-place-info-description { 14289 animation: authPlaceTextReveal 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s forwards; 14290 font-size: 16px; 14291 font-weight: 400; 14292 height: 80%; 14293 margin-bottom: 0; 14294 opacity: 0; 14295 overflow: hidden; 14296 text-overflow: ellipsis; 14297 width: 80%; 14298} 14299@keyframes authPlaceTextReveal { 14300 0% { 14301 opacity: 0; 14302 transform: translateX(-50px); 14303 } 14304 to { 14305 opacity: 1; 14306 } 14307} 14308.auth-form-container .h6, 14309.auth-form-container h6 { 14310 color: hsla(0, 0%, 100%, 0.5); 14311 margin-bottom: 30px; 14312} 14313.auth-form-container input[type='email'], 14314.auth-form-container input[type='number'], 14315.auth-form-container input[type='password'], 14316.auth-form-container input[type='text'], 14317.auth-form-container[type='email']:focus, 14318.auth-form-container[type='number']:focus, 14319.auth-form-container[type='password']:focus, 14320.auth-form-container[type='text']:focus { 14321 background-color: #3c3c3c; 14322 border: #484848; 14323 height: 40px; 14324} 14325.auth-form-container input[type='email']::-moz-placeholder, 14326.auth-form-container input[type='number']::-moz-placeholder, 14327.auth-form-container input[type='password']::-moz-placeholder, 14328.auth-form-container input[type='text']::-moz-placeholder { 14329 color: hsla(0, 0%, 100%, 0.5); 14330} 14331.auth-form-container input[type='email']::placeholder, 14332.auth-form-container input[type='number']::placeholder, 14333.auth-form-container input[type='password']::placeholder, 14334.auth-form-container input[type='text']::placeholder { 14335 color: hsla(0, 0%, 100%, 0.5); 14336} 14337.auth-form-container .input-group-text { 14338 background-color: #3c3c3c; 14339 border: #484848; 14340 color: hsla(0, 0%, 100%, 0.5); 14341} 14342.multinum input[type='number']::-webkit-inner-spin-button, 14343.multinum input[type='number']::-webkit-outer-spin-button { 14344 -webkit-appearance: none; 14345 margin: 0; 14346} 14347.multinum input[type='number'] { 14348 -moz-appearance: textfield; 14349} 14350.audioPlayButtonCont { 14351 background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 20px), #0d0d0d; 14352 cursor: pointer; 14353} 14354.audioPlayButtonCont .audioPlayButton, 14355.audioPlayButtonCont .loadingIndicator { 14356 align-items: center; 14357 aspect-ratio: 1/1; 14358 background: transparent; 14359 border: 0.2em solid #32a4ff; 14360 border-radius: 500px; 14361 display: flex; 14362 height: 44%; 14363 justify-content: center; 14364 opacity: 0.4; 14365 position: relative; 14366 transform: scale(1); 14367 transition: 14368 transform 0.3s ease, 14369 opacity 0.1s ease; 14370 width: 44%; 14371} 14372.audioPlayButtonCont .audioPlayButton .buttonIcon, 14373.audioPlayButtonCont .loadingIndicator .buttonIcon { 14374 color: #32a4ff; 14375 font-size: 1em; 14376} 14377.audioPlayButtonCont .audioPlayButton .buttonIcon.fa-play, 14378.audioPlayButtonCont .loadingIndicator .buttonIcon.fa-play { 14379 margin-left: 10%; 14380} 14381.audioPlayButtonCont.playing .audioPlayButton { 14382 opacity: 1; 14383 transform: scale(1.1); 14384} 14385.audioPlayButtonCont:not(.playing):hover .audioPlayButton { 14386 opacity: 0.75; 14387} 14388.progress-circle { 14389 bottom: 0; 14390 left: 0; 14391 position: absolute; 14392 right: 0; 14393 top: 0; 14394 transform: rotate(-90deg); 14395} 14396.progress-text { 14397 font-size: 24px; 14398 font-weight: 700; 14399} 14400.progress-bar { 14401 transition: stroke-width 0.2s ease; 14402} 14403.card-forum { 14404 background: 14405 linear-gradient(90deg, #6094f9 20%, transparent), 14406 url(https://c0.ptacdn.com/static/images/forum-bg.0a96386f.png) no-repeat 50%; 14407 background-size: cover; 14408 color: #fff; 14409 padding: 25px; 14410} 14411.forum-entry { 14412 background-color: #1f1f1f; 14413 border-left: 5px solid; 14414 padding: 15px; 14415} 14416.forum-entry:nth-child(2n) { 14417 background-color: #1c1c1c; 14418} 14419.forum-category-container { 14420 border-left: 10px solid; 14421} 14422.forum-category-container, 14423.forum-post-title-container { 14424 background-color: #1f1f1f; 14425 padding: 25px; 14426 position: relative; 14427} 14428.forum-post-title-container { 14429 border: none; 14430} 14431@media (min-width: 576px) { 14432 .forum-post-title-container { 14433 border-radius: 10px !important; 14434 } 14435} 14436.forum-post-unread { 14437 border-color: #3bafff; 14438} 14439.forum-post-read { 14440 border-color: #757575; 14441 opacity: 0.7; 14442} 14443.forum-category-decorator { 14444 background: linear-gradient(0.358turn, hsla(0, 0%, 100%, 0.5) 25.46%, hsla(0, 0%, 100%, 0) 82.43%); 14445 -webkit-background-clip: text; 14446 font-size: 120px; 14447 font-weight: 500; 14448 line-height: 0.75; 14449 -webkit-text-fill-color: transparent; 14450 background-clip: text; 14451 bottom: 0; 14452 padding: 0; 14453 position: absolute; 14454 right: 0; 14455 -webkit-touch-callout: none; 14456 -webkit-user-select: none; 14457 -moz-user-select: none; 14458 user-select: none; 14459} 14460@media (min-width: 768px) { 14461 .forum-user-container { 14462 background: rgba(26, 26, 26, 0.51); 14463 border-radius: 11px; 14464 max-width: 240px; 14465 padding: 25px; 14466 } 14467} 14468.card-guild { 14469 min-width: 100px; 14470} 14471.hplus-banner { 14472 background: #30bee5; 14473 color: #164f5f; 14474} 14475.hplusdx-banner { 14476 background: #b536ff; 14477 color: #fff; 14478} 14479.dashboardAvatarShadow { 14480 background: radial-gradient(44.86% 31.7% at 50% 50.09%, hsla(0, 0%, 100%, 0.19) 0, hsla(0, 0%, 100%, 0.11) 50%, hsla(0, 0%, 100%, 0) 100%); 14481 margin-bottom: 4vw; 14482 position: relative; 14483 top: 8vw; 14484 width: 100%; 14485} 14486@media (max-width: 575.98px) { 14487 .dashboardAvatarShadow { 14488 margin: auto; 14489 width: 60%; 14490 } 14491} 14492.dashboardAvatarShadow img { 14493 height: auto; 14494 position: relative; 14495 top: -8vw; 14496 width: 100%; 14497} 14498.dash-ctitle2 { 14499 color: #757575; 14500 font-size: 0.8rem; 14501 margin: 0; 14502} 14503.dash-ctitle { 14504 font-size: 1.25rem; 14505 margin: 0 0 10px; 14506 text-transform: uppercase; 14507} 14508.home-title { 14509 color: #b5b5b5; 14510 font-size: 1.3rem; 14511 font-weight: 600; 14512 line-height: 1.3rem; 14513} 14514.home-title2 { 14515 color: #fff; 14516 font-size: 2.5rem; 14517 font-weight: 800; 14518 margin-top: -10px; 14519 overflow-wrap: anywhere; 14520} 14521.feed-post-text { 14522 color: hsla(0, 0%, 100%, 0.75); 14523} 14524.card-dash { 14525 background: linear-gradient(180deg, #383838, rgba(38, 38, 38, 0.29)); 14526 border: none; 14527 overflow-y: visible; 14528 padding-bottom: 20px; 14529} 14530.card-dash .card-body { 14531 border-radius: 13px; 14532 overflow-x: auto; 14533 overflow-y: visible; 14534} 14535.card-dash .place-card { 14536 background: rgba(38, 38, 38, 0.4); 14537 border: 1.5px solid hsla(0, 0%, 100%, 0.11); 14538 height: 230px; 14539} 14540.card-dash .place-card:hover { 14541 transform: scale(1); 14542} 14543.card-dash-feed { 14544 background-color: rgba(38, 38, 38, 0.58); 14545 border: none; 14546} 14547.friendsPopup { 14548 background: #262626; 14549 border: 1.5px solid hsla(0, 0%, 100%, 0.11); 14550 border-radius: 10px; 14551 box-shadow: 0 1px 35px rgba(0, 0, 0, 0.62); 14552 display: none; 14553 overflow: hidden; 14554 position: absolute; 14555 width: 220px; 14556 z-index: 200; 14557} 14558.friendsPopup .popupItem { 14559 border-bottom: 1px solid hsla(0, 0%, 100%, 0.11); 14560 padding: 10px; 14561} 14562.friendsPopup .popupItem:not(.disabled):hover { 14563 background: hsla(0, 0%, 100%, 0.11); 14564} 14565.friendsPopup .popupItem.disabled { 14566 opacity: 0.6; 14567 padding: 6px 10px; 14568} 14569.friend-circle { 14570 margin-right: 10px; 14571 min-width: 90px; 14572 transition: transform 0.1s ease-in-out; 14573 width: 90px; 14574} 14575.friend-circle:hover { 14576 transform: scale(1.05); 14577} 14578.friend-circle .friend-name { 14579 font-size: 0.75rem; 14580 text-align: center; 14581} 14582.friend-circle.offline { 14583 opacity: 0.3333333333; 14584} 14585.friend-circle.offline img { 14586 border-color: #6c6c6c !important; 14587} 14588@keyframes fadein { 14589 0% { 14590 opacity: 0; 14591 transform: translateY(20px); 14592 } 14593 to { 14594 opacity: 1; 14595 transform: translateY(0); 14596 } 14597} 14598.fadeAnim { 14599 animation: fadein 0.5s; 14600 animation-fill-mode: forwards; 14601 animation-timing-function: ease-in-out; 14602 opacity: 0; 14603} 14604.invite-input .form-control { 14605 cursor: text; 14606 font-family: 14607 Ubuntu Mono, 14608 monospace; 14609 font-weight: 500; 14610} 14611.invite-input .form-control, 14612.invite-input .input-group-text { 14613 background-color: #359ee6; 14614 border: 0; 14615} 14616.welcome-activity-cont { 14617 align-items: center; 14618 display: flex; 14619 justify-content: center; 14620 margin: 10px 5px 0; 14621} 14622@media (max-width: 575.98px) { 14623 .welcome-activity-cont { 14624 flex-direction: column; 14625 } 14626 .welcome-activity-cont a { 14627 width: 100%; 14628 } 14629} 14630.welcome-activity-cont a { 14631 display: block; 14632 flex: 1; 14633 margin: 0 5px; 14634} 14635.welcome-activity-cont a .welcome-activity-grid { 14636 background: #000; 14637 background-repeat: no-repeat; 14638 background-size: cover; 14639 border-radius: 20px; 14640 box-shadow: inset 0 0 0 2px #1569c3; 14641 color: #fff !important; 14642 display: block; 14643 height: 132px; 14644 overflow: hidden; 14645 position: relative; 14646 transition: transform 0.3s ease; 14647 width: 100%; 14648} 14649.welcome-activity-cont a .welcome-activity-grid:hover { 14650 transform: scale(1.05); 14651} 14652.welcome-activity-cont a .welcome-activity-grid .bg-grad { 14653 background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(16, 82, 153, 0.8)); 14654 background-size: cover; 14655 height: 100%; 14656 left: 0; 14657 position: absolute; 14658 top: 0; 14659 width: 100%; 14660 z-index: 1; 14661} 14662.welcome-activity-cont a .welcome-activity-grid .act-grid-icon { 14663 align-items: center; 14664 display: flex; 14665 height: 95px; 14666 justify-content: center; 14667 position: relative; 14668 text-align: center; 14669 width: 100%; 14670 z-index: 10; 14671} 14672.welcome-activity-cont a .welcome-activity-grid .act-grid-icon i { 14673 display: inline-block; 14674 font-size: 48px; 14675 vertical-align: middle; 14676} 14677.welcome-activity-cont a .welcome-activity-grid .act-grid-title { 14678 font-size: 1em; 14679 font-weight: 700; 14680 position: relative; 14681 text-align: center; 14682 z-index: 10; 14683} 14684.referrals-input[disabled] { 14685 opacity: 1 !important; 14686} 14687.blog-item { 14688 background-color: #000; 14689 border-radius: 10px; 14690 display: inline-block; 14691 height: 200px; 14692 -o-object-fit: cover; 14693 object-fit: cover; 14694 overflow: hidden; 14695 position: relative; 14696 vertical-align: top; 14697 width: 300px; 14698} 14699.blog-item .blog-image { 14700 background-position: 50%; 14701 background-repeat: no-repeat; 14702 background-size: cover; 14703 bottom: 0; 14704 left: 0; 14705 opacity: 0.7; 14706 position: absolute; 14707 right: 0; 14708 top: 0; 14709 transition: 14710 transform 0.3s ease, 14711 opacity 0.3s ease; 14712 z-index: 0; 14713} 14714.blog-item .blog-image:hover { 14715 opacity: 1; 14716 transform: scale(1.05); 14717} 14718.blog-item .blog-tagline { 14719 background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); 14720 bottom: 0; 14721 color: #fff; 14722 left: 0; 14723 padding: 10px; 14724 pointer-events: none; 14725 position: absolute; 14726 right: 0; 14727 z-index: 1; 14728} 14729.blog-item .blog-tagline .blog-title { 14730 font-size: 1.2em; 14731 font-weight: 700; 14732 margin-bottom: 0; 14733} 14734.blog-item .blog-tagline .blog-date { 14735 font-size: 0.8em; 14736 margin-bottom: 0; 14737} 14738.home-event-container { 14739 border-radius: 20px; 14740 height: 225px; 14741 overflow: hidden; 14742 position: relative; 14743 width: 100%; 14744} 14745@media (max-width: 575.98px) { 14746 .home-event-container { 14747 border-radius: 0; 14748 height: unset; 14749 margin: auto; 14750 } 14751} 14752.home-event-container .img-container { 14753 align-items: center; 14754 display: flex; 14755 justify-content: center; 14756 max-width: 275px; 14757 min-width: 100px; 14758 width: 33%; 14759} 14760.home-event-container .img-container img { 14761 height: auto; 14762 position: relative; 14763 width: 100%; 14764 z-index: 2; 14765} 14766.home-event-container .accent-color-container { 14767 bottom: 0; 14768 left: 0; 14769 position: absolute; 14770 right: 0; 14771 top: 0; 14772 z-index: 1; 14773} 14774.home-event-container .content-container { 14775 background: linear-gradient(270deg, rgba(0, 0, 0, 0.61) 21.63%, rgba(0, 0, 0, 0.39) 99.68%); 14776 position: relative; 14777 z-index: 5; 14778} 14779.home-event-container .content-container .event-content { 14780 padding: 20px 10px; 14781} 14782.home-event-container .content-container .event-content .event-title { 14783 margin: 0; 14784} 14785.home-event-container .content-container .event-content .event-dates { 14786 color: hsla(0, 0%, 100%, 0.83); 14787 font-weight: 600; 14788} 14789.home-event-container .content-container .event-content .c-divider { 14790 background-color: #fff; 14791 height: 1px; 14792 margin: 5px 0; 14793 width: 140px; 14794} 14795.home-event-container .content-container .event-content .event-description { 14796 color: hsla(0, 0%, 100%, 0.83); 14797 font-size: 10pt; 14798 height: 80px; 14799 overflow: hidden; 14800 text-overflow: ellipsis; 14801} 14802.card-inbox { 14803 border: 0 solid transparent !important; 14804 border-left: 5px solid #3bafff !important; 14805 border-radius: 0 !important; 14806} 14807.card-inbox .h6, 14808.card-inbox h6 { 14809 color: hsla(0, 0%, 100%, 0.95); 14810} 14811.card-inbox.read { 14812 border-left-color: #757575 !important; 14813} 14814.landing-card, 14815.landing-nav { 14816 -webkit-backdrop-filter: blur(21px); 14817 backdrop-filter: blur(21px); 14818 background: hsla(0, 0%, 5%, 0.51) !important; 14819 border: none; 14820 min-width: 420px; 14821} 14822.landing-card .input-group .input-group-text, 14823.landing-card .input-group input { 14824 background-color: #221207 !important; 14825} 14826.lead { 14827 font-weight: 500; 14828 opacity: 0.8; 14829} 14830.event-card { 14831 align-items: center; 14832 background: #ff7410; 14833 background: linear-gradient(180deg, #ff7410, #cd60ff); 14834 border: 0; 14835 border-radius: 18px; 14836 box-shadow: 14837 -3px -3px 15px 0 rgba(255, 116, 16, 0.25), 14838 3px 3px 15px 0 rgba(205, 96, 255, 0.25); 14839 display: flex; 14840 justify-content: center; 14841 padding: 4px; 14842 transition: 14843 transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 14844 box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 14845} 14846.event-card .place-card { 14847 background-color: #2e2931; 14848 height: 250px; 14849 margin: 0 !important; 14850 padding: 0; 14851 position: relative; 14852} 14853.event-card:hover .place-card { 14854 border-color: transparent !important; 14855 transform: scale(1); 14856 z-index: 98; 14857} 14858.event-card .card-body { 14859 padding: 2px !important; 14860} 14861.event-card:hover { 14862 box-shadow: 14863 -3px -3px 15px 0 rgba(255, 116, 16, 0.5), 14864 3px 3px 15px 0 rgba(205, 96, 255, 0.5); 14865 position: relative; 14866 transform: scale(1.05); 14867 z-index: 98; 14868} 14869.event-card:active { 14870 transform: scale(0.98); 14871} 14872.event-indication { 14873 background-color: #cd60fe; 14874 border-bottom-left-radius: 5px; 14875 border-bottom-right-radius: 5px; 14876 bottom: -34px; 14877 font-weight: 800; 14878 left: 50%; 14879 padding: 2px 10px; 14880 position: absolute; 14881 text-align: center; 14882 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); 14883 transform: translateX(-50%); 14884 z-index: 99; 14885} 14886@media (max-width: 575.98px) { 14887 .event-card { 14888 border-radius: 0; 14889 } 14890 .event-card .place-card { 14891 height: auto; 14892 } 14893 .event-indication { 14894 border-radius: 8px; 14895 bottom: 8px; 14896 left: auto; 14897 right: 8px; 14898 transform: translateX(0); 14899 width: 75px; 14900 } 14901} 14902.place-card { 14903 border: 3px solid transparent !important; 14904 cursor: pointer; 14905 display: inline-block; 14906 height: 256px; 14907 transition: 14908 transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 14909 border 0.3s cubic-bezier(0.16, 1, 0.3, 1); 14910 vertical-align: middle; 14911 width: 175px; 14912} 14913.place-card .card-body { 14914 padding: 6px; 14915} 14916@media (min-width: 576px) { 14917 .place-card:hover { 14918 border-color: var(--bs-card-border-color) !important; 14919 transform: scale(1.05); 14920 } 14921 .place-card .place-card-title { 14922 height: 45px; 14923 max-height: 45px; 14924 } 14925} 14926@media (max-width: 575.98px) { 14927 .place-card:not(.force-desktop) { 14928 display: block; 14929 height: 175px; 14930 width: 100%; 14931 } 14932 .place-card:not(.force-desktop) .card-body { 14933 display: flex; 14934 } 14935 .place-card:not(.force-desktop) .card-title { 14936 height: 116px; 14937 padding: 0 10px; 14938 } 14939} 14940.place-card .place-card-image { 14941 border-radius: 11px; 14942 height: 154px; 14943 width: 154px; 14944} 14945.place-card .place-card-title { 14946 color: hsla(0, 0%, 100%, 0.8); 14947 display: -webkit-box; 14948 font-weight: 600; 14949 line-height: 22px; 14950 overflow: hidden; 14951 text-align: left; 14952 text-overflow: ellipsis; 14953 -webkit-box-orient: vertical; 14954 -webkit-line-clamp: 2; 14955 font-size: 14px; 14956} 14957.place-setup-card { 14958 background-color: #000; 14959 background-color: #1c1c1c; 14960 border: 2px solid transparent; 14961 border-radius: 6px; 14962 cursor: pointer; 14963 margin: 10px 0; 14964 padding: 10px 15px; 14965 transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); 14966} 14967.place-setup-card.disabled { 14968 cursor: default; 14969 opacity: 0.3333333333; 14970} 14971.place-setup-card::not(.disabled):hover { 14972 transform: scale(1.03); 14973} 14974.place-setup-card.selected { 14975 background-color: #333; 14976 border-color: #cecece; 14977} 14978.place-setup-card .psctitle { 14979 margin-bottom: 2px; 14980} 14981.place-setup-card .psctitle .badge { 14982 margin-top: -3px; 14983 vertical-align: middle; 14984} 14985.place-setup-card .iconcont { 14986 align-items: center; 14987 display: flex; 14988 flex-direction: row; 14989} 14990.place-setup-card .iconcont i { 14991 font-size: 20px; 14992} 14993.ratings-container { 14994 align-items: center; 14995 display: inline-flex; 14996 flex-direction: column; 14997 -webkit-user-select: none; 14998 -moz-user-select: none; 14999 user-select: none; 15000} 15001.ratings-container .btns-container { 15002 align-items: center; 15003 background: #262626; 15004 border: 1px solid #484848; 15005 border-radius: 20px; 15006 display: inline-flex; 15007 overflow: hidden; 15008} 15009.ratings-container .btns-container .thumbup-button { 15010 color: rgba(var(--bs-success-rgb), 0.7); 15011} 15012.ratings-container .btns-container .thumbup-button.active { 15013 color: rgb(var(--bs-success-rgb)); 15014 position: relative; 15015} 15016@keyframes like { 15017 0% { 15018 transform: scale(0) rotate(0deg) translate(0); 15019 } 15020 75% { 15021 transform: scale(1.4) rotate(-10deg) translateY(-4px); 15022 } 15023 90% { 15024 transform: scale(0.8) rotate(0deg) translate(0); 15025 } 15026 to { 15027 transform: scale(1) rotate(0deg) translate(0); 15028 } 15029} 15030@keyframes like-fade { 15031 0% { 15032 opacity: 1; 15033 transform: scale(0); 15034 } 15035 75% { 15036 opacity: 1; 15037 transform: scale(10); 15038 } 15039 to { 15040 opacity: 0; 15041 transform: scale(10); 15042 } 15043} 15044@keyframes like-bubble { 15045 0% { 15046 box-shadow: 0 0 0 30px rgb(var(--bs-success-rgb)); 15047 opacity: 1; 15048 transform: scale(0); 15049 } 15050 60% { 15051 box-shadow: 0 0 0 1px rgb(var(--bs-success-rgb)); 15052 transform: scale(1); 15053 } 15054 to { 15055 opacity: 0; 15056 } 15057} 15058.ratings-container .btns-container .thumbup-button.active:not(.active-initially) #thumbup-icn { 15059 animation: like 0.55s ease; 15060} 15061.ratings-container .btns-container .thumbup-button.active:not(.active-initially):before { 15062 animation: like-fade 0.4s linear; 15063 background-color: rgba(var(--bs-success-rgb), 0.2); 15064 border-radius: 25px; 15065 content: ''; 15066 height: 32px; 15067 left: 8px; 15068 opacity: 0; 15069 position: absolute; 15070 top: 3px; 15071 width: 32px; 15072} 15073.ratings-container .btns-container .thumbup-button.active:not(.active-initially):after { 15074 animation: like-bubble 0.4s ease-in; 15075 border-radius: 25px; 15076 content: ''; 15077 height: 32px; 15078 left: 8px; 15079 position: absolute; 15080 top: 1px; 15081 width: 32px; 15082} 15083.ratings-container .btns-container .thumbdown-button { 15084 color: #757575; 15085} 15086.ratings-container .btns-container .thumbdown-button.active { 15087 color: #b3b3b3; 15088} 15089.ratings-container .btns-container .thumbdown-button, 15090.ratings-container .btns-container .thumbup-button { 15091 align-items: center; 15092 background-color: transparent; 15093 cursor: pointer; 15094 display: flex; 15095 font-size: 1.1em; 15096 font-weight: 500; 15097 justify-content: center; 15098 min-width: 85px; 15099 padding: 5px 0 5px 30px; 15100 position: relative; 15101 transition: background-color 0.2s ease; 15102} 15103.ratings-container .btns-container .thumbdown-button .thumb-icon, 15104.ratings-container .btns-container .thumbup-button .thumb-icon { 15105 left: 15px; 15106 position: absolute; 15107} 15108.ratings-container .btns-container .thumbdown-button:hover, 15109.ratings-container .btns-container .thumbup-button:hover { 15110 background-color: hsla(0, 0%, 100%, 0.1); 15111} 15112.ratings-container .btns-container .rating-divider { 15113 background-color: #484848; 15114 height: 25px; 15115 width: 1px; 15116} 15117.ratings-container .rating-ratio { 15118 background-color: #525252; 15119 flex-grow: 1; 15120 height: 1px; 15121 max-width: 135px; 15122 width: 100%; 15123} 15124.ratings-container .rating-ratio #ratio-fill { 15125 background-color: rgb(var(--bs-success-rgb)); 15126 height: 100%; 15127 transition: width 0.2s ease; 15128} 15129.favorites-counter { 15130 font-size: 1.15em; 15131 font-weight: 500; 15132} 15133#places-container { 15134 display: flex; 15135 flex-direction: column; 15136} 15137@media (min-width: 768px) { 15138 #places-container { 15139 display: grid; 15140 grid-auto-rows: 253px; 15141 grid-template-columns: repeat(auto-fill, 170px); 15142 grid-gap: 10px; 15143 justify-content: center; 15144 } 15145} 15146.store-category-check { 15147 border-bottom: 2px solid #000; 15148 border-radius: 2px; 15149 color: hsla(0, 0%, 100%, 0.581); 15150 margin-bottom: 5px; 15151 margin-top: 0; 15152 opacity: 0.9; 15153 padding: 2px 2px 2px 27px; 15154} 15155.store-category-check.active { 15156 color: #fff; 15157 opacity: 1; 15158} 15159.store-category-check .form-check-input { 15160 border-color: transparent; 15161} 15162.store-item-check { 15163 opacity: 0.6; 15164} 15165.store-item-check.active { 15166 opacity: 1; 15167} 15168.itemCardCont { 15169 cursor: pointer; 15170 transition: 15171 transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 15172 border 0.3s cubic-bezier(0.16, 1, 0.3, 1); 15173} 15174.itemCardCont:hover { 15175 border-color: var(--bs-card-border-color) !important; 15176 transform: scale(1.05); 15177} 15178.store-title { 15179 font-weight: 700; 15180} 15181.store-category { 15182 border-left: 3px solid transparent; 15183 font-weight: 500; 15184} 15185.store-category, 15186a.store-category:active, 15187a.store-category:focus, 15188a.store-category:hover { 15189 color: hsla(0, 0%, 100%, 0.8); 15190} 15191.store-category.active { 15192 border-color: #3bafff; 15193} 15194.asset-limited { 15195 border: 8px solid #347fdb; 15196} 15197.asset-limited-triangle { 15198 border-left: 100px solid transparent; 15199 border-top: 100px solid #347fdb; 15200 height: 0; 15201 position: absolute; 15202 right: 0; 15203 top: 0; 15204 width: 0; 15205} 15206.asset-limited-triangle > i { 15207 color: #fff; 15208 font-size: 30px; 15209 font-weight: 900; 15210 margin-left: -45px; 15211 margin-top: -85px; 15212 position: absolute; 15213} 15214.store-thumbnail { 15215 height: auto; 15216 width: 100%; 15217} 15218.trd-items-preview { 15219 display: flex; 15220 flex-direction: row-reverse; 15221 justify-content: flex-end; 15222} 15223.trd-items-preview .item { 15224 background-color: #1a1a1a; 15225 border: 2px solid #1a1a1a; 15226 box-shadow: 1px 0 3px rgba(0, 0, 0, 0.29); 15227 margin-right: -18px; 15228} 15229.trd-items-preview .item img { 15230 visibility: hidden; 15231} 15232.trd-items-preview .item img[src] { 15233 visibility: visible; 15234} 15235.trd-box { 15236 background: #1d1d1d; 15237 border: 3px solid transparent; 15238 border-radius: 9px; 15239 display: inline-block; 15240 height: 110px; 15241 margin: 0 5px 0 0; 15242 min-width: 110px; 15243 overflow: hidden; 15244 position: relative; 15245 transition: all 0.15s ease; 15246 -webkit-user-select: none; 15247 -moz-user-select: none; 15248 user-select: none; 15249 width: 110px; 15250} 15251.trd-box img { 15252 height: 100%; 15253 left: 0; 15254 position: absolute; 15255 top: 0; 15256 width: 100%; 15257} 15258.trd-box:not(.preview):not(.disabled) { 15259 cursor: pointer; 15260} 15261.trd-box.selected { 15262 border: 3px solid lime; 15263 opacity: 0.4; 15264} 15265.trd-box.selected:after { 15266 color: lime; 15267 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>'); 15268 font-size: 20px; 15269 position: absolute; 15270 right: 10px; 15271 top: 10px; 15272} 15273.trd-box.selected:hover { 15274 transform: scale(0.95); 15275} 15276.trd-box.disabled { 15277 cursor: default; 15278 opacity: 0.75; 15279} 15280.trd-box:not(.preview):not(.disabled):not(.selected):hover { 15281 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); 15282 transform: scale(1.05); 15283} 15284.trd-box-inner { 15285 box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.341); 15286 height: 100%; 15287 left: 0; 15288 position: absolute; 15289 top: 0; 15290 width: 100%; 15291} 15292.trd-box.preview .trd-box-inner { 15293 box-shadow: none; 15294} 15295.trd-box-val { 15296 background: linear-gradient(rgba(31, 31, 31, 0.58), #1f1f1f); 15297 border-top-right-radius: 9px; 15298 bottom: 0; 15299 font-size: 11px; 15300 height: 24px; 15301 left: 0; 15302 padding: 4px 7px 4px 1px; 15303 position: absolute; 15304} 15305.trd-items-list { 15306 padding-right: 60px; 15307} 15308.trd-items-list:before { 15309 background: linear-gradient(270deg, #262626 0, rgba(38, 38, 38, 0)); 15310 bottom: 41px; 15311 content: ''; 15312 position: absolute; 15313 right: 0; 15314 top: 41px; 15315 width: 100px; 15316 z-index: 100; 15317} 15318.membership-upgrade-table { 15319 border-collapse: separate; 15320 border-spacing: 0 5px; 15321} 15322.membership-upgrade-table .tier-logo { 15323 display: block; 15324 height: auto; 15325 margin: -10px auto; 15326} 15327.membership-upgrade-table tbody tr { 15328 border-radius: 10px; 15329} 15330.membership-upgrade-table tbody tr.primaryrow td { 15331 background: #000; 15332} 15333.membership-upgrade-table tbody tr td { 15334 background: #262626; 15335 color: #fff; 15336 font-size: 1.2em; 15337 font-weight: 500; 15338 padding: 15px; 15339} 15340.membership-upgrade-table tbody tr td:first-child { 15341 border-bottom-left-radius: 10px; 15342 border-top-left-radius: 10px; 15343} 15344.membership-upgrade-table tbody tr td:last-child { 15345 border-bottom-right-radius: 10px; 15346 border-top-right-radius: 10px; 15347} 15348.membership-upgrade-table tbody tr td:not(.membership-upgrade-table tbody tr td:first-child) { 15349 text-align: center; 15350} 15351.membership-upgrade-table tbody tr td.perk-free { 15352 color: #929292; 15353} 15354.membership-upgrade-table tbody tr td.perk-plus { 15355 color: #30bee5; 15356 font-size: 1.55em; 15357 font-weight: 600; 15358} 15359.membership-upgrade-table tbody tr td.perk-plusdx { 15360 color: #b536ff; 15361 font-size: 1.75em; 15362 font-weight: 600; 15363} 15364.membership-upgrade-table tbody tr.inv td { 15365 background: transparent; 15366 padding: 0; 15367} 15368.mbtn { 15369 border-radius: 6px; 15370 font-size: 1.4em; 15371 font-weight: 600; 15372 margin-bottom: 3px; 15373 padding: 4px; 15374 transition: 15375 color 0.1s ease-in-out, 15376 background-color 0.1s ease-in-out, 15377 border-color 0.1s ease-in-out; 15378 width: 150px; 15379} 15380.mbtn .sub { 15381 font-size: 0.75em; 15382 font-weight: 400; 15383} 15384.mbtn.mbplus { 15385 background: #30bee5; 15386 border: 3px solid #30bee5; 15387 color: #fff; 15388} 15389.mbtn.mbplus.mboutline { 15390 background: transparent; 15391 color: #30bee5; 15392} 15393.mbtn.mbplus.mboutline:hover { 15394 background: #30bee5; 15395 color: #fff; 15396} 15397.mbtn.mbplus.mbdisabled { 15398 cursor: default; 15399 font-size: 1.3em !important; 15400 font-weight: 400; 15401 opacity: 0.5; 15402} 15403.mbtn.mbplusdx { 15404 background: #b536ff; 15405 border: 3px solid #b536ff; 15406 color: #fff; 15407} 15408.mbtn.mbplusdx.mboutline { 15409 background: transparent; 15410 color: #b536ff; 15411} 15412.mbtn.mbplusdx.mboutline:hover { 15413 background: #b536ff; 15414 color: #fff; 15415} 15416.mbtn.mbplusdx.mbdisabled { 15417 cursor: default; 15418 font-size: 1.3em !important; 15419 font-weight: 400; 15420 opacity: 0.5; 15421} 15422.mbtn-mobile { 15423 border-radius: 6px; 15424 font-size: 1.4em; 15425 font-size: 20px; 15426 font-weight: 600; 15427 margin-bottom: 3px; 15428 padding: 4px; 15429 text-align: center; 15430 width: 125px; 15431} 15432.mbtn-mobile.mbplus { 15433 background: linear-gradient(180deg, #007a9b, #6cdfff); 15434} 15435.mbtn-mobile.mbplusdx { 15436 background: linear-gradient(180deg, #580589, #b536ff); 15437} 15438.mbtn-mobile .mbtitle { 15439 color: hsla(0, 0%, 100%, 0.79); 15440 font-size: 15px; 15441} 15442.brick-package { 15443 aspect-ratio: 788/449; 15444 background: linear-gradient(180deg, rgba(0, 0, 0, 0.77), transparent 100%, hsla(0, 0%, 100%, 0) 0), linear-gradient(180deg, #1c1c1c 17.19%, #0f0f0f 60.42%, #4e4e4e); 15445 background-position: 50%; 15446 background-repeat: no-repeat; 15447 background-size: cover; 15448 border: 5px solid #2f2f2f; 15449 border-radius: 25px; 15450 cursor: pointer; 15451 margin-bottom: 10px; 15452 transition: transform 0.2s ease; 15453} 15454.brick-package, 15455.brick-package.content { 15456 height: 100%; 15457 position: relative; 15458 width: 100%; 15459} 15460.brick-package.content { 15461 border-radius: 20px; 15462 overflow: hidden; 15463} 15464.brick-package.galaxy { 15465 border-color: #9d1fe6; 15466} 15467.brick-package.popular { 15468 border-color: #fff; 15469} 15470.brick-package:hover { 15471 transform: scale(1.025); 15472} 15473.brick-package .bg-image { 15474 bottom: 0; 15475 height: 100%; 15476 left: 0; 15477 right: 0; 15478 top: 0; 15479 width: 100%; 15480} 15481.brick-package .brick-image { 15482 bottom: 40px; 15483 height: 60%; 15484 left: -10px; 15485 -o-object-fit: contain; 15486 object-fit: contain; 15487 position: absolute; 15488 width: 60%; 15489} 15490.brick-package .priceline { 15491 align-items: center; 15492 background-color: rgba(0, 0, 0, 0.27); 15493 border-bottom-left-radius: 20px; 15494 border-bottom-right-radius: 20px; 15495 bottom: 0; 15496 display: flex; 15497 font-size: 1.7em; 15498 font-weight: 600; 15499 height: 25%; 15500 justify-content: center; 15501 left: 0; 15502 position: absolute; 15503 right: 0; 15504} 15505.brick-package .title { 15506 font-size: 2em; 15507 font-weight: 800; 15508 left: 30px; 15509 position: absolute; 15510 top: 10px; 15511} 15512.brick-package .title.galaxy { 15513 color: #d48aff; 15514} 15515.brick-package .amount { 15516 color: #63f353; 15517 font-size: 3.5em; 15518 font-weight: 800; 15519 letter-spacing: -0.025em; 15520 position: absolute; 15521 right: 5%; 15522 text-shadow: 0 0 0.5em #22bc11; 15523 top: 25%; 15524} 15525.brick-package .amount.galaxy { 15526 color: #d48aff; 15527 letter-spacing: -0.05em; 15528 text-shadow: 0 0 0.5em #b536ff; 15529} 15530.brick-package .am-x { 15531 font-size: 0.7em; 15532} 15533.brick-package .sunburst-image { 15534 bottom: 500px; 15535 height: 75%; 15536 opacity: 0.8; 15537 position: absolute; 15538 top: 0; 15539 width: 70%; 15540} 15541.brick-package .popular-tag { 15542 background-color: #fff; 15543 border-radius: 10px 10px 0 10px; 15544 color: #000; 15545 font-size: 1em; 15546 font-weight: 700; 15547 padding: 2%; 15548 position: absolute; 15549 right: -5px; 15550 top: -9%; 15551} 15552.arrow-anim-cont { 15553 animation: bg-scroll 1.5s linear infinite; 15554 background-color: #121212; 15555 background-image: url(https://c0.ptacdn.com/static/images/upgrade-bg.43d7e1a5.svg); 15556 background-repeat: repeat; 15557 background-size: 100px 100px; 15558 height: 100%; 15559 height: 0; 15560 left: 0; 15561 max-height: 100vh; 15562 min-height: 100vh; 15563 overflow: hidden; 15564 position: fixed; 15565 width: 100%; 15566} 15567@keyframes bg-scroll { 15568 0% { 15569 background-position: 100px 100px; 15570 } 15571 to { 15572 background-position: 0 0; 15573 } 15574} 15575.checkout-upgrade-perk { 15576 background-color: #000; 15577 border-radius: 5px; 15578 font-size: 1.2em; 15579 margin: 5px auto; 15580 max-width: 500px; 15581 padding: 10px; 15582} 15583.gift-self-toggle { 15584 background: #000; 15585 border: 3px solid #000; 15586 border-radius: 8px; 15587 display: flex; 15588 height: 70px; 15589 margin: auto; 15590 overflow: hidden; 15591 width: 300px; 15592} 15593.gift-self-toggle .gift-self-toggle-btn { 15594 align-items: center; 15595 background-color: #171717; 15596 border: 3px solid hsla(0, 0%, 85%, 0); 15597 border-radius: 5px; 15598 cursor: pointer; 15599 display: flex; 15600 justify-content: center; 15601 opacity: 0.5; 15602 transform: scale(0.9); 15603 transition: 15604 transform 0.2s ease-in-out, 15605 border-color 0.2s ease-in-out, 15606 opacity 0.2s ease-in-out; 15607 -webkit-user-select: none; 15608 -moz-user-select: none; 15609 user-select: none; 15610 width: 50%; 15611} 15612.gift-self-toggle .gift-self-toggle-btn .label { 15613 font-weight: 500; 15614 line-height: 1em; 15615} 15616.gift-self-toggle .gift-self-toggle-btn.active { 15617 border-color: #dadada; 15618} 15619.gift-self-toggle .gift-self-toggle-btn.active, 15620.gift-self-toggle .gift-self-toggle-btn:hover { 15621 opacity: 1; 15622 transform: scale(1); 15623} 15624.gift-self-toggle .gift-self-toggle-btn .gift-icn { 15625 height: 32px; 15626 margin: 0 14px; 15627 width: auto; 15628} 15629.user-badges { 15630 background: #161616; 15631 border-radius: 12px; 15632 display: flex; 15633 flex-wrap: wrap; 15634 margin: 10px -5px -3px; 15635 padding: 5px; 15636} 15637.user-badge { 15638 background-repeat: no-repeat; 15639 background-size: cover; 15640 height: 48px; 15641 margin-right: -4px; 15642 width: 48px; 15643} 15644.user-badge.badge-1 { 15645 background-position: 0 0; 15646 margin-right: 0; 15647} 15648.user-badge.badge-2 { 15649 background-position: -49px 0; 15650} 15651.user-badge.badge-3 { 15652 background-position: -98px 0; 15653} 15654.user-badge.badge-4 { 15655 background-position: -147px 0; 15656} 15657@media (min-width: 992px) { 15658 .user-right { 15659 max-width: 375px; 15660 } 15661} 15662div:where(.swal2-container) { 15663 z-index: 100000 !important; 15664}