git.squeep.com Git - akkoma/blob - priv/static/static/css/2.4e6541aa0979ab5fe8ab.css

   1 .importer-uploading {
   2   font-size: 1.5em;
   3   margin: 0.25em;
   4 }
   5 .exporter-processing {
   6   margin: 0.25em;
   7 }
   8 .autosuggest {
   9   position: relative;
  10 }
  11 .autosuggest-input {
  12   display: block;
  13   width: 100%;
  14 }
  15 .autosuggest-results {
  16   position: absolute;
  17   left: 0;
  18   top: 100%;
  19   right: 0;
  20   max-height: 400px;
  21   background-color: #121a24;
  22   background-color: var(--bg, #121a24);
  23   border-style: solid;
  24   border-width: 1px;
  25   border-color: #222;
  26   border-color: var(--border, #222);
  27   border-radius: 4px;
  28   border-radius: var(--inputRadius, 4px);
  29   border-top-left-radius: 0;
  30   border-top-right-radius: 0;
  31   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  32   box-shadow: var(--panelShadow);
  33   overflow-y: auto;
  34   z-index: 1;
  35 }
  36 .block-card-content-container {
  37   margin-top: 0.5em;
  38   text-align: right;
  39 }
  40 .block-card-content-container button {
  41   width: 10em;
  42 }
  43 .mute-card-content-container {
  44   margin-top: 0.5em;
  45   text-align: right;
  46 }
  47 .mute-card-content-container button {
  48   width: 10em;
  49 }
  50 .domain-mute-card {
  51   -ms-flex: 1 0;
  52       flex: 1 0;
  53   display: -ms-flexbox;
  54   display: flex;
  55   -ms-flex-pack: justify;
  56       justify-content: space-between;
  57   -ms-flex-align: center;
  58       align-items: center;
  59   padding: 0.6em 1em 0.6em 0;
  60 }
  61 .domain-mute-card-domain {
  62   margin-right: 1em;
  63   overflow: hidden;
  64   text-overflow: ellipsis;
  65 }
  66 .domain-mute-card button {
  67   width: 10em;
  68 }
  69 .autosuggest-results .domain-mute-card {
  70   padding-left: 1em;
  71 }
  72 .selectable-list-item-inner {
  73   display: -ms-flexbox;
  74   display: flex;
  75   -ms-flex-align: center;
  76       align-items: center;
  77 }
  78 .selectable-list-item-inner > * {
  79   min-width: 0;
  80 }
  81 .selectable-list-item-selected-inner {
  82   background-color: #151e2a;
  83   background-color: var(--selectedMenu, #151e2a);
  84   color: var(--selectedMenuText, #b9b9ba);
  85   --faint: var(--selectedMenuFaintText, $fallback--faint);
  86   --faintLink: var(--selectedMenuFaintLink, $fallback--faint);
  87   --lightText: var(--selectedMenuLightText, $fallback--lightText);
  88   --icon: var(--selectedMenuIcon, $fallback--icon);
  89 }
  90 .selectable-list-header {
  91   display: -ms-flexbox;
  92   display: flex;
  93   -ms-flex-align: center;
  94       align-items: center;
  95   padding: 0.6em 0;
  96   border-bottom: 2px solid;
  97   border-bottom-color: #222;
  98   border-bottom-color: var(--border, #222);
  99 }
 100 .selectable-list-header-actions {
 101   -ms-flex: 1;
 102       flex: 1;
 103 }
 104 .selectable-list-checkbox-wrapper {
 105   padding: 0 10px;
 106   -ms-flex: none;
 107       flex: none;
 108 }
 109 .with-subscription-loading {
 110   padding: 10px;
 111   text-align: center;
 112 }
 113 .with-subscription-loading .error {
 114   font-size: 1rem;
 115 }
 116 .mutes-and-blocks-tab {
 117   height: 100%;
 118 }
 119 .mutes-and-blocks-tab .usersearch-wrapper {
 120   padding: 1em;
 121 }
 122 .mutes-and-blocks-tab .bulk-actions {
 123   text-align: right;
 124   padding: 0 1em;
 125   min-height: 2em;
 126 }
 127 .mutes-and-blocks-tab .bulk-action-button {
 128   width: 10em;
 129 }
 130 .mutes-and-blocks-tab .domain-mute-form {
 131   padding: 1em;
 132   display: -ms-flexbox;
 133   display: flex;
 134   -ms-flex-direction: column;
 135       flex-direction: column;
 136 }
 137 .mutes-and-blocks-tab .domain-mute-button {
 138   -ms-flex-item-align: end;
 139       align-self: flex-end;
 140   margin-top: 1em;
 141   width: 10em;
 142 }
 143 .ModifiedIndicator {
 144   display: inline-block;
 145   position: relative;
 146 }
 147 .ModifiedIndicator .modified-tooltip {
 148   margin: 0.5em 1em;
 149   min-width: 10em;
 150   text-align: center;
 151 }
 152 .ServerSideIndicator {
 153   display: inline-block;
 154   position: relative;
 155 }
 156 .ServerSideIndicator .serverside-tooltip {
 157   margin: 0.5em 1em;
 158   min-width: 10em;
 159   text-align: center;
 160 }
 161
 162 .mfa-backup-codes .warning {
 163   color: orange;
 164   color: var(--cOrange, orange);
 165 }
 166 .mfa-backup-codes .backup-codes {
 167   font-family: var(--postCodeFont, monospace);
 168 }
 169 .mfa-settings .mfa-heading, .mfa-settings .method-item {
 170   display: -ms-flexbox;
 171   display: flex;
 172   -ms-flex-wrap: wrap;
 173       flex-wrap: wrap;
 174   -ms-flex-pack: justify;
 175       justify-content: space-between;
 176   -ms-flex-align: baseline;
 177       align-items: baseline;
 178 }
 179 .mfa-settings .warning {
 180   color: orange;
 181   color: var(--cOrange, orange);
 182 }
 183 .mfa-settings .setup-otp {
 184   display: -ms-flexbox;
 185   display: flex;
 186   -ms-flex-pack: center;
 187       justify-content: center;
 188   -ms-flex-wrap: wrap;
 189       flex-wrap: wrap;
 190 }
 191 .mfa-settings .setup-otp .qr-code {
 192   -ms-flex: 1;
 193       flex: 1;
 194   padding-right: 10px;
 195 }
 196 .mfa-settings .setup-otp .verify {
 197   -ms-flex: 1;
 198       flex: 1;
 199 }
 200 .mfa-settings .setup-otp .error {
 201   margin: 4px 0 0 0;
 202 }
 203 .mfa-settings .setup-otp .confirm-otp-actions button {
 204   width: 15em;
 205   margin-top: 5px;
 206 }
 207 .image-cropper-img-input {
 208   display: none;
 209 }
 210 .image-cropper-image-container {
 211   position: relative;
 212 }
 213 .image-cropper-image-container img {
 214   display: block;
 215   max-width: 100%;
 216 }
 217 .image-cropper-buttons-wrapper {
 218   margin-top: 10px;
 219 }
 220 .image-cropper-buttons-wrapper button {
 221   margin-top: 5px;
 222 }
 223 .profile-tab .bio {
 224   margin: 0;
 225 }
 226 .profile-tab .visibility-tray {
 227   padding-top: 5px;
 228 }
 229 .profile-tab input[type=file] {
 230   padding: 5px;
 231   height: auto;
 232 }
 233 .profile-tab .banner-background-preview {
 234   max-width: 100%;
 235   width: 300px;
 236   position: relative;
 237 }
 238 .profile-tab .banner-background-preview img {
 239   width: 100%;
 240 }
 241 .profile-tab .uploading {
 242   font-size: 1.5em;
 243   margin: 0.25em;
 244 }
 245 .profile-tab .name-changer {
 246   width: 100%;
 247 }
 248 .profile-tab .current-avatar-container {
 249   position: relative;
 250   width: 150px;
 251   height: 150px;
 252 }
 253 .profile-tab .current-avatar {
 254   display: block;
 255   width: 100%;
 256   height: 100%;
 257   border-radius: 4px;
 258   border-radius: var(--avatarRadius, 4px);
 259 }
 260 .profile-tab .reset-button {
 261   position: absolute;
 262   top: 0.2em;
 263   right: 0.2em;
 264   border-radius: 5px;
 265   border-radius: var(--tooltipRadius, 5px);
 266   background-color: rgba(0, 0, 0, 0.6);
 267   opacity: 0.7;
 268   width: 1.5em;
 269   height: 1.5em;
 270   text-align: center;
 271   line-height: 1.5em;
 272   font-size: 1.5em;
 273   cursor: pointer;
 274 }
 275 .profile-tab .reset-button:hover {
 276   opacity: 1;
 277 }
 278 .profile-tab .reset-button svg {
 279   color: white;
 280 }
 281 .profile-tab .oauth-tokens {
 282   width: 100%;
 283 }
 284 .profile-tab .oauth-tokens th {
 285   text-align: left;
 286 }
 287 .profile-tab .oauth-tokens .actions {
 288   text-align: right;
 289 }
 290 .profile-tab-usersearch-wrapper {
 291   padding: 1em;
 292 }
 293 .profile-tab-bulk-actions {
 294   text-align: right;
 295   padding: 0 1em;
 296   min-height: 2em;
 297 }
 298 .profile-tab-bulk-actions button {
 299   width: 10em;
 300 }
 301 .profile-tab-domain-mute-form {
 302   padding: 1em;
 303   display: -ms-flexbox;
 304   display: flex;
 305   -ms-flex-direction: column;
 306       flex-direction: column;
 307 }
 308 .profile-tab-domain-mute-form button {
 309   -ms-flex-item-align: end;
 310       align-self: flex-end;
 311   margin-top: 1em;
 312   width: 10em;
 313 }
 314 .profile-tab .setting-subitem {
 315   margin-left: 1.75em;
 316 }
 317 .profile-tab .profile-fields {
 318   display: -ms-flexbox;
 319   display: flex;
 320 }
 321 .profile-tab .profile-fields > .emoji-input {
 322   -ms-flex: 1 1 auto;
 323       flex: 1 1 auto;
 324   margin: 0 0.2em 0.5em;
 325   min-width: 0;
 326 }
 327 .profile-tab .profile-fields .delete-field {
 328   width: 20px;
 329   -ms-flex-item-align: center;
 330       -ms-grid-row-align: center;
 331       align-self: center;
 332   margin: 0 0.2em 0.5em;
 333   padding: 0 0.5em;
 334 }
 335 .color-input {
 336   display: -ms-inline-flexbox;
 337   display: inline-flex;
 338 }
 339 .color-input-field.input {
 340   display: -ms-inline-flexbox;
 341   display: inline-flex;
 342   -ms-flex: 0 0 0px;
 343       flex: 0 0 0;
 344   max-width: 9em;
 345   -ms-flex-align: stretch;
 346       align-items: stretch;
 347   padding: 0.2em 8px;
 348 }
 349 .color-input-field.input input {
 350   background: none;
 351   color: #b9b9ba;
 352   color: var(--inputText, #b9b9ba);
 353   border: none;
 354   padding: 0;
 355   margin: 0;
 356 }
 357 .color-input-field.input input.textColor {
 358   -ms-flex: 1 0 3em;
 359       flex: 1 0 3em;
 360   min-width: 3em;
 361   padding: 0;
 362 }
 363 .color-input-field.input input.nativeColor {
 364   -ms-flex: 0 0 2em;
 365       flex: 0 0 2em;
 366   min-width: 2em;
 367   -ms-flex-item-align: center;
 368       -ms-grid-row-align: center;
 369       align-self: center;
 370   height: 100%;
 371 }
 372 .color-input-field.input .computedIndicator,
 373 .color-input-field.input .transparentIndicator {
 374   -ms-flex: 0 0 2em;
 375       flex: 0 0 2em;
 376   min-width: 2em;
 377   -ms-flex-item-align: center;
 378       -ms-grid-row-align: center;
 379       align-self: center;
 380   height: 100%;
 381 }
 382 .color-input-field.input .transparentIndicator {
 383   background-color: #FF00FF;
 384   position: relative;
 385 }
 386 .color-input-field.input .transparentIndicator::before, .color-input-field.input .transparentIndicator::after {
 387   display: block;
 388   content: "";
 389   background-color: #000000;
 390   position: absolute;
 391   height: 50%;
 392   width: 50%;
 393 }
 394 .color-input-field.input .transparentIndicator::after {
 395   top: 0;
 396   left: 0;
 397 }
 398 .color-input-field.input .transparentIndicator::before {
 399   bottom: 0;
 400   right: 0;
 401 }
 402 .color-input .label {
 403   -ms-flex: 1 1 auto;
 404       flex: 1 1 auto;
 405 }
 406 .color-control input.text-input {
 407   max-width: 7em;
 408   -ms-flex: 1;
 409       flex: 1;
 410 }
 411 .shadow-control {
 412   display: -ms-flexbox;
 413   display: flex;
 414   -ms-flex-wrap: wrap;
 415       flex-wrap: wrap;
 416   -ms-flex-pack: center;
 417       justify-content: center;
 418   margin-bottom: 1em;
 419 }
 420 .shadow-control .shadow-preview-container,
 421 .shadow-control .shadow-tweak {
 422   margin: 5px 6px 0 0;
 423 }
 424 .shadow-control .shadow-preview-container {
 425   -ms-flex: 0;
 426       flex: 0;
 427   display: -ms-flexbox;
 428   display: flex;
 429   -ms-flex-wrap: wrap;
 430       flex-wrap: wrap;
 431 }
 432 .shadow-control .shadow-preview-container input[type=number] {
 433   width: 5em;
 434   min-width: 2em;
 435 }
 436 .shadow-control .shadow-preview-container .x-shift-control,
 437 .shadow-control .shadow-preview-container .y-shift-control {
 438   display: -ms-flexbox;
 439   display: flex;
 440   -ms-flex: 0;
 441       flex: 0;
 442 }
 443 .shadow-control .shadow-preview-container .x-shift-control[disabled=disabled] *,
 444 .shadow-control .shadow-preview-container .y-shift-control[disabled=disabled] * {
 445   opacity: 0.5;
 446 }
 447 .shadow-control .shadow-preview-container .x-shift-control {
 448   -ms-flex-align: start;
 449       align-items: flex-start;
 450 }
 451 .shadow-control .shadow-preview-container .x-shift-control .wrap,
 452 .shadow-control .shadow-preview-container input[type=range] {
 453   margin: 0;
 454   width: 15em;
 455   height: 2em;
 456 }
 457 .shadow-control .shadow-preview-container .y-shift-control {
 458   -ms-flex-direction: column;
 459       flex-direction: column;
 460   -ms-flex-align: end;
 461       align-items: flex-end;
 462 }
 463 .shadow-control .shadow-preview-container .y-shift-control .wrap {
 464   width: 2em;
 465   height: 15em;
 466 }
 467 .shadow-control .shadow-preview-container .y-shift-control input[type=range] {
 468   transform-origin: 1em 1em;
 469   transform: rotate(90deg);
 470 }
 471 .shadow-control .shadow-preview-container .preview-window {
 472   -ms-flex: 1;
 473       flex: 1;
 474   background-color: #999999;
 475   display: -ms-flexbox;
 476   display: flex;
 477   -ms-flex-align: center;
 478       align-items: center;
 479   -ms-flex-pack: center;
 480       justify-content: center;
 481   background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%);
 482   background-size: 20px 20px;
 483   background-position: 0 0, 0 10px, 10px -10px, -10px 0;
 484   border-radius: 4px;
 485   border-radius: var(--inputRadius, 4px);
 486 }
 487 .shadow-control .shadow-preview-container .preview-window .preview-block {
 488   width: 33%;
 489   height: 33%;
 490   background-color: #121a24;
 491   background-color: var(--bg, #121a24);
 492   border-radius: 10px;
 493   border-radius: var(--panelRadius, 10px);
 494 }
 495 .shadow-control .shadow-tweak {
 496   -ms-flex: 1;
 497       flex: 1;
 498   min-width: 280px;
 499 }
 500 .shadow-control .shadow-tweak .id-control {
 501   -ms-flex-align: stretch;
 502       align-items: stretch;
 503 }
 504 .shadow-control .shadow-tweak .id-control .shadow-switcher {
 505   -ms-flex: 1;
 506       flex: 1;
 507 }
 508 .shadow-control .shadow-tweak .id-control .shadow-switcher, .shadow-control .shadow-tweak .id-control .btn {
 509   min-width: 1px;
 510   margin-right: 5px;
 511 }
 512 .shadow-control .shadow-tweak .id-control .btn {
 513   padding: 0 0.4em;
 514   margin: 0 0.1em;
 515 }
 516 .font-control input.custom-font {
 517   min-width: 10em;
 518 }
 519 .font-control.custom {
 520   /* TODO Should make proper joiners... */
 521 }
 522 .font-control.custom .font-switcher {
 523   border-top-right-radius: 0;
 524   border-bottom-right-radius: 0;
 525 }
 526 .font-control.custom .custom-font {
 527   border-top-left-radius: 0;
 528   border-bottom-left-radius: 0;
 529 }
 530 .contrast-ratio {
 531   display: -ms-flexbox;
 532   display: flex;
 533   -ms-flex-pack: end;
 534       justify-content: flex-end;
 535   margin-top: -4px;
 536   margin-bottom: 5px;
 537 }
 538 .contrast-ratio .label {
 539   margin-right: 1em;
 540 }
 541 .contrast-ratio .rating {
 542   display: inline-block;
 543   text-align: center;
 544   margin-left: 0.5em;
 545 }
 546 .preview-container {
 547   position: relative;
 548 }
 549 .underlay-preview {
 550   position: absolute;
 551   top: 0;
 552   bottom: 0;
 553   left: 10px;
 554   right: 10px;
 555 }
 556 .theme-tab {
 557   padding-bottom: 2em;
 558 }
 559 .theme-tab .theme-warning {
 560   display: -ms-flexbox;
 561   display: flex;
 562   -ms-flex-align: baseline;
 563       align-items: baseline;
 564   margin-bottom: 0.5em;
 565 }
 566 .theme-tab .theme-warning .buttons .btn {
 567   margin-bottom: 0.5em;
 568 }
 569 .theme-tab .preset-switcher {
 570   margin-right: 1em;
 571 }
 572 .theme-tab .style-control {
 573   display: -ms-flexbox;
 574   display: flex;
 575   -ms-flex-align: baseline;
 576       align-items: baseline;
 577   margin-bottom: 5px;
 578 }
 579 .theme-tab .style-control .label {
 580   -ms-flex: 1;
 581       flex: 1;
 582 }
 583 .theme-tab .style-control.disabled input, .theme-tab .style-control.disabled select {
 584   opacity: 0.5;
 585 }
 586 .theme-tab .style-control .opt {
 587   margin: 0.5em;
 588 }
 589 .theme-tab .style-control .color-input {
 590   -ms-flex: 0 0 0px;
 591       flex: 0 0 0;
 592 }
 593 .theme-tab .style-control input, .theme-tab .style-control select {
 594   min-width: 3em;
 595   margin: 0;
 596   -ms-flex: 0;
 597       flex: 0;
 598 }
 599 .theme-tab .style-control input[type=number], .theme-tab .style-control select[type=number] {
 600   min-width: 5em;
 601 }
 602 .theme-tab .style-control input[type=range], .theme-tab .style-control select[type=range] {
 603   -ms-flex: 1;
 604       flex: 1;
 605   min-width: 3em;
 606   -ms-flex-item-align: start;
 607       align-self: flex-start;
 608 }
 609 .theme-tab .reset-container {
 610   -ms-flex-wrap: wrap;
 611       flex-wrap: wrap;
 612 }
 613 .theme-tab .fonts-container,
 614 .theme-tab .reset-container,
 615 .theme-tab .apply-container,
 616 .theme-tab .radius-container,
 617 .theme-tab .color-container {
 618   display: -ms-flexbox;
 619   display: flex;
 620 }
 621 .theme-tab .fonts-container,
 622 .theme-tab .radius-container {
 623   -ms-flex-direction: column;
 624       flex-direction: column;
 625 }
 626 .theme-tab .color-container {
 627   -ms-flex-wrap: wrap;
 628       flex-wrap: wrap;
 629   -ms-flex-pack: justify;
 630       justify-content: space-between;
 631 }
 632 .theme-tab .color-container > h4 {
 633   width: 99%;
 634 }
 635 .theme-tab .fonts-container,
 636 .theme-tab .color-container,
 637 .theme-tab .shadow-container,
 638 .theme-tab .radius-container,
 639 .theme-tab .presets-container {
 640   margin: 1em 1em 0;
 641 }
 642 .theme-tab .tab-header {
 643   display: -ms-flexbox;
 644   display: flex;
 645   -ms-flex-pack: justify;
 646       justify-content: space-between;
 647   -ms-flex-align: baseline;
 648       align-items: baseline;
 649   width: 100%;
 650   min-height: 30px;
 651   margin-bottom: 1em;
 652 }
 653 .theme-tab .tab-header p {
 654   -ms-flex: 1;
 655       flex: 1;
 656   margin: 0;
 657   margin-right: 0.5em;
 658 }
 659 .theme-tab .tab-header-buttons {
 660   display: -ms-flexbox;
 661   display: flex;
 662   -ms-flex-direction: column;
 663       flex-direction: column;
 664 }
 665 .theme-tab .tab-header-buttons .btn {
 666   min-width: 1px;
 667   -ms-flex: 0 auto;
 668       flex: 0 auto;
 669   padding: 0 1em;
 670   margin-bottom: 0.5em;
 671 }
 672 .theme-tab .shadow-selector .override {
 673   -ms-flex: 1;
 674       flex: 1;
 675   margin-left: 0.5em;
 676 }
 677 .theme-tab .shadow-selector .select-container {
 678   margin-top: -4px;
 679   margin-bottom: -3px;
 680 }
 681 .theme-tab .save-load,
 682 .theme-tab .save-load-options {
 683   display: -ms-flexbox;
 684   display: flex;
 685   -ms-flex-pack: center;
 686       justify-content: center;
 687   -ms-flex-align: baseline;
 688       align-items: baseline;
 689   -ms-flex-wrap: wrap;
 690       flex-wrap: wrap;
 691 }
 692 .theme-tab .save-load .presets,
 693 .theme-tab .save-load .import-export,
 694 .theme-tab .save-load-options .presets,
 695 .theme-tab .save-load-options .import-export {
 696   margin-bottom: 0.5em;
 697 }
 698 .theme-tab .save-load .import-export,
 699 .theme-tab .save-load-options .import-export {
 700   display: -ms-flexbox;
 701   display: flex;
 702 }
 703 .theme-tab .save-load .override,
 704 .theme-tab .save-load-options .override {
 705   margin-left: 0.5em;
 706 }
 707 .theme-tab .save-load-options {
 708   -ms-flex-wrap: wrap;
 709       flex-wrap: wrap;
 710   margin-top: 0.5em;
 711   -ms-flex-pack: center;
 712       justify-content: center;
 713 }
 714 .theme-tab .save-load-options .keep-option {
 715   margin: 0 0.5em 0.5em;
 716   min-width: 25%;
 717 }
 718 .theme-tab .preview-container {
 719   border-top: 1px dashed;
 720   border-bottom: 1px dashed;
 721   border-color: #222;
 722   border-color: var(--border, #222);
 723   margin: 1em 0;
 724   padding: 1em;
 725   background-color: var(--wallpaper);
 726   background-image: var(--body-background-image);
 727   background-size: cover;
 728   background-position: 50% 50%;
 729 }
 730 .theme-tab .preview-container .dummy .post {
 731   font-family: var(--postFont);
 732   display: -ms-flexbox;
 733   display: flex;
 734 }
 735 .theme-tab .preview-container .dummy .post .content {
 736   -ms-flex: 1;
 737       flex: 1;
 738 }
 739 .theme-tab .preview-container .dummy .post .content h4 {
 740   margin-bottom: 0.25em;
 741 }
 742 .theme-tab .preview-container .dummy .post .content .icons {
 743   margin-top: 0.5em;
 744   display: -ms-flexbox;
 745   display: flex;
 746 }
 747 .theme-tab .preview-container .dummy .post .content .icons i {
 748   margin-right: 1em;
 749 }
 750 .theme-tab .preview-container .dummy .after-post {
 751   margin-top: 1em;
 752   display: -ms-flexbox;
 753   display: flex;
 754   -ms-flex-align: center;
 755       align-items: center;
 756 }
 757 .theme-tab .preview-container .dummy .avatar, .theme-tab .preview-container .dummy .avatar-alt {
 758   background: linear-gradient(135deg, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
 759   color: black;
 760   font-family: sans-serif;
 761   text-align: center;
 762   margin-right: 1em;
 763 }
 764 .theme-tab .preview-container .dummy .avatar-alt {
 765   -ms-flex: 0 auto;
 766       flex: 0 auto;
 767   margin-left: 28px;
 768   font-size: 12px;
 769   min-width: 20px;
 770   min-height: 20px;
 771   line-height: 20px;
 772   border-radius: 10px;
 773   border-radius: var(--avatarAltRadius, 10px);
 774 }
 775 .theme-tab .preview-container .dummy .avatar {
 776   -ms-flex: 0 auto;
 777       flex: 0 auto;
 778   width: 48px;
 779   height: 48px;
 780   font-size: 14px;
 781   line-height: 48px;
 782 }
 783 .theme-tab .preview-container .dummy .actions {
 784   display: -ms-flexbox;
 785   display: flex;
 786   -ms-flex-align: baseline;
 787       align-items: baseline;
 788 }
 789 .theme-tab .preview-container .dummy .actions .checkbox {
 790   display: -ms-inline-flexbox;
 791   display: inline-flex;
 792   -ms-flex-align: baseline;
 793       align-items: baseline;
 794   margin-right: 1em;
 795   -ms-flex: 1;
 796       flex: 1;
 797 }
 798 .theme-tab .preview-container .dummy .separator {
 799   margin: 1em;
 800   border-bottom: 1px solid;
 801   border-color: #222;
 802   border-color: var(--border, #222);
 803 }
 804 .theme-tab .preview-container .dummy .btn {
 805   min-width: 3em;
 806 }
 807 .theme-tab .radius-item,
 808 .theme-tab .color-item {
 809   min-width: 20em;
 810   margin: 5px 6px 0 0;
 811   display: -ms-flexbox;
 812   display: flex;
 813   -ms-flex-direction: column;
 814       flex-direction: column;
 815   -ms-flex: 1 1 0px;
 816       flex: 1 1 0;
 817 }
 818 .theme-tab .radius-item.wide,
 819 .theme-tab .color-item.wide {
 820   min-width: 60%;
 821 }
 822 .theme-tab .radius-item:not(.wide):nth-child(2n+1),
 823 .theme-tab .color-item:not(.wide):nth-child(2n+1) {
 824   margin-right: 7px;
 825 }
 826 .theme-tab .radius-item .color, .theme-tab .radius-item .opacity,
 827 .theme-tab .color-item .color,
 828 .theme-tab .color-item .opacity {
 829   display: -ms-flexbox;
 830   display: flex;
 831   -ms-flex-align: baseline;
 832       align-items: baseline;
 833 }
 834 .theme-tab .radius-item {
 835   -ms-flex-preferred-size: auto;
 836       flex-basis: auto;
 837 }
 838 .theme-tab .theme-radius-rn,
 839 .theme-tab .theme-color-cl {
 840   border: 0;
 841   box-shadow: none;
 842   background: transparent;
 843   color: var(--faint, rgba(185, 185, 186, 0.5));
 844   -ms-flex-item-align: stretch;
 845       -ms-grid-row-align: stretch;
 846       align-self: stretch;
 847 }
 848 .theme-tab .theme-color-cl,
 849 .theme-tab .theme-radius-in,
 850 .theme-tab .theme-color-in {
 851   margin-left: 4px;
 852 }
 853 .theme-tab .theme-radius-in {
 854   min-width: 1em;
 855 }
 856 .theme-tab .theme-radius-in {
 857   max-width: 7em;
 858   -ms-flex: 1;
 859       flex: 1;
 860 }
 861 .theme-tab .theme-radius-lb {
 862   max-width: 50em;
 863 }
 864 .theme-tab .theme-preview-content {
 865   padding: 20px;
 866 }
 867 .theme-tab .btn {
 868   margin-left: 0.25em;
 869   margin-right: 0.25em;
 870 }
 871 .extra-content .apply-container {
 872   display: -ms-flexbox;
 873   display: flex;
 874   -ms-flex-direction: row;
 875       flex-direction: row;
 876   -ms-flex-pack: distribute;
 877       justify-content: space-around;
 878   -ms-flex-positive: 1;
 879       flex-grow: 1;
 880 }
 881 .extra-content .apply-container .btn {
 882   -ms-flex-positive: 1;
 883       flex-grow: 1;
 884   min-height: 2em;
 885   min-width: 0;
 886   max-width: 10em;
 887   padding: 0;
 888 }
 889 .settings_tab-switcher {
 890   height: 100%;
 891 }
 892 .settings_tab-switcher .setting-item {
 893   border-bottom: 2px solid var(--fg, #182230);
 894   margin: 1em 1em 1.4em;
 895   padding-bottom: 1.4em;
 896 }
 897 .settings_tab-switcher .setting-item > div,
 898 .settings_tab-switcher .setting-item > label {
 899   display: block;
 900   margin-bottom: 0.5em;
 901 }
 902 .settings_tab-switcher .setting-item > div:last-child,
 903 .settings_tab-switcher .setting-item > label:last-child {
 904   margin-bottom: 0;
 905 }
 906 .settings_tab-switcher .setting-item .select-multiple {
 907   display: -ms-flexbox;
 908   display: flex;
 909 }
 910 .settings_tab-switcher .setting-item .select-multiple .option-list {
 911   margin: 0;
 912   padding-left: 0.5em;
 913 }
 914 .settings_tab-switcher .setting-item:last-child {
 915   border-bottom: none;
 916   padding-bottom: 0;
 917   margin-bottom: 1em;
 918 }
 919 .settings_tab-switcher .setting-item select {
 920   min-width: 10em;
 921 }
 922 .settings_tab-switcher .setting-item textarea {
 923   width: 100%;
 924   max-width: 100%;
 925   height: 100px;
 926 }
 927 .settings_tab-switcher .setting-item .unavailable,
 928 .settings_tab-switcher .setting-item .unavailable svg {
 929   color: var(--cRed, #ff0000);
 930   color: #ff0000;
 931 }
 932 .settings_tab-switcher .setting-item .number-input {
 933   max-width: 6em;
 934 }
 935
 936 /*# sourceMappingURL=2.4e6541aa0979ab5fe8ab.css.map*/