avo 4.0.0.beta.12 → 4.0.0.beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4230,3622 +4230,7 @@
4230
4230
  opacity: 60%;
4231
4231
  }
4232
4232
  }
4233
- @charset "UTF-8";
4234
- :root {
4235
- --tagify-dd-color-primary: rgb(53,149,246);
4236
- --tagify-dd-text-color: black;
4237
- --tagify-dd-bg-color: white;
4238
- --tagify-dd-item-pad: .3em .5em;
4239
- --tagify-dd-max-height: 300px;
4240
- }
4241
- .tagify {
4242
- --tags-disabled-bg: #F1F1F1;
4243
- --tags-border-color: #DDD;
4244
- --tags-hover-border-color: #CCC;
4245
- --tags-focus-border-color: #3595f6;
4246
- --tag-border-radius: 3px;
4247
- --tag-bg: #E5E5E5;
4248
- --tag-hover: #D3E2E2;
4249
- --tag-text-color: black;
4250
- --tag-text-color--edit: black;
4251
- --tag-pad: 0.3em 0.5em;
4252
- --tag-inset-shadow-size: 1.2em;
4253
- --tag-invalid-color: #D39494;
4254
- --tag-invalid-bg: rgba(211, 148, 148, 0.5);
4255
- --tag--min-width: 1ch;
4256
- --tag--max-width: 100%;
4257
- --tag-hide-transition: 0.3s;
4258
- --tag-remove-bg: rgba(211, 148, 148, 0.3);
4259
- --tag-remove-btn-color: black;
4260
- --tag-remove-btn-bg: none;
4261
- --tag-remove-btn-bg--hover: #c77777;
4262
- --input-color: inherit;
4263
- --placeholder-color: rgba(0, 0, 0, 0.4);
4264
- --placeholder-color-focus: rgba(0, 0, 0, 0.25);
4265
- --loader-size: .8em;
4266
- --readonly-striped: 1;
4267
- display: inline-flex;
4268
- align-items: flex-start;
4269
- align-content: baseline;
4270
- flex-wrap: wrap;
4271
- border: 1px solid var(--tags-border-color);
4272
- padding: 0;
4273
- line-height: 0;
4274
- outline: 0;
4275
- position: relative;
4276
- box-sizing: border-box;
4277
- transition: .1s;
4278
- }
4279
- @keyframes tags--bump {
4280
- 30% {
4281
- transform: scale(1.2);
4282
- }
4283
- }
4284
- @keyframes rotateLoader {
4285
- to {
4286
- transform: rotate(1turn);
4287
- }
4288
- }
4289
- .tagify:has([contenteditable=true]) {
4290
- cursor: text;
4291
- }
4292
- .tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
4293
- --tags-border-color: var(--tags-hover-border-color);
4294
- }
4295
- .tagify[disabled] {
4296
- background: var(--tags-disabled-bg);
4297
- filter: saturate(0);
4298
- opacity: .5;
4299
- pointer-events: none;
4300
- }
4301
- .tagify[disabled].tagify--empty>.tagify__input::before {
4302
- position: relative;
4303
- }
4304
- .tagify[disabled].tagify--select,.tagify[readonly].tagify--select {
4305
- pointer-events: none;
4306
- }
4307
- .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty),.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) {
4308
- cursor: default;
4309
- }
4310
- .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input {
4311
- visibility: hidden;
4312
- width: 0;
4313
- margin: 5px 0;
4314
- }
4315
- .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div {
4316
- padding: var(--tag-pad);
4317
- }
4318
- .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div::before {
4319
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
4320
- }
4321
- @keyframes readonlyStyles {
4322
- 0% {
4323
- background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
4324
- box-shadow: none;
4325
- filter: brightness(.95);
4326
- }
4327
- }
4328
- .tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn {
4329
- display: none;
4330
- }
4331
- .tagify--loading .tagify__input>br:last-child {
4332
- display: none;
4333
- }
4334
- .tagify--loading .tagify__input::before {
4335
- content: none;
4336
- }
4337
- .tagify--loading .tagify__input::after {
4338
- content: "";
4339
- vertical-align: middle;
4340
- opacity: 1;
4341
- width: .7em;
4342
- height: .7em;
4343
- width: var(--loader-size);
4344
- height: var(--loader-size);
4345
- min-width: 0;
4346
- border: 3px solid;
4347
- border-color: #eee #bbb #888 transparent;
4348
- border-radius: 50%;
4349
- animation: rotateLoader .4s infinite linear;
4350
- content: "" !important;
4351
- margin: -2px 0 -2px .5em;
4352
- }
4353
- .tagify--loading .tagify__input:empty::after {
4354
- margin-left: 0;
4355
- }
4356
- .tagify+input,.tagify+textarea {
4357
- position: absolute !important;
4358
- left: -9999em !important;
4359
- transform: scale(0) !important;
4360
- }
4361
- .tagify__tag {
4362
- display: inline-flex;
4363
- align-items: center;
4364
- max-width: var(--tag--max-width);
4365
- margin-inline: 5px 0;
4366
- margin-block: 5px;
4367
- position: relative;
4368
- z-index: 1;
4369
- outline: 0;
4370
- line-height: normal;
4371
- cursor: default;
4372
- transition: .13s ease-out;
4373
- }
4374
- .tagify__tag>div {
4375
- display: flex;
4376
- flex: 1;
4377
- vertical-align: top;
4378
- box-sizing: border-box;
4379
- max-width: 100%;
4380
- padding: var(--tag-pad);
4381
- color: var(--tag-text-color);
4382
- line-height: inherit;
4383
- border-radius: var(--tag-border-radius);
4384
- white-space: nowrap;
4385
- transition: .13s ease-out;
4386
- }
4387
- .tagify__tag>div>* {
4388
- white-space: pre-wrap;
4389
- overflow: hidden;
4390
- text-overflow: ellipsis;
4391
- display: inline-block;
4392
- vertical-align: top;
4393
- min-width: var(--tag--min-width);
4394
- max-width: var(--tag--max-width);
4395
- transition: .8s ease,.1s color;
4396
- }
4397
- .tagify__tag>div>[contenteditable] {
4398
- display: block;
4399
- outline: 0;
4400
- -webkit-user-select: text;
4401
- user-select: text;
4402
- cursor: text;
4403
- margin: -2px;
4404
- padding: 2px;
4405
- max-width: 350px;
4406
- }
4407
- .tagify__tag>div>:only-child {
4408
- width: 100%;
4409
- }
4410
- .tagify__tag>div::before {
4411
- content: "";
4412
- position: absolute;
4413
- border-radius: inherit;
4414
- inset: var(--tag-bg-inset,0);
4415
- z-index: -1;
4416
- pointer-events: none;
4417
- transition: 120ms ease;
4418
- animation: tags--bump .3s ease-out 1;
4419
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
4420
- }
4421
- .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before {
4422
- --tag-bg-inset: -2.5px;
4423
- --tag-bg: var(--tag-hover);
4424
- }
4425
- .tagify__tag--loading {
4426
- pointer-events: none;
4427
- }
4428
- .tagify__tag--loading .tagify__tag__removeBtn {
4429
- display: none;
4430
- }
4431
- .tagify__tag--loading::after {
4432
- --loader-size: .4em;
4433
- content: "";
4434
- vertical-align: middle;
4435
- opacity: 1;
4436
- width: .7em;
4437
- height: .7em;
4438
- width: var(--loader-size);
4439
- height: var(--loader-size);
4440
- min-width: 0;
4441
- border: 3px solid;
4442
- border-color: #eee #bbb #888 transparent;
4443
- border-radius: 50%;
4444
- animation: rotateLoader .4s infinite linear;
4445
- margin: 0 .5em 0 -.1em;
4446
- }
4447
- .tagify__tag--flash div::before {
4448
- animation: none;
4449
- }
4450
- .tagify__tag--hide {
4451
- width: 0 !important;
4452
- padding-left: 0;
4453
- padding-right: 0;
4454
- margin-left: 0;
4455
- margin-right: 0;
4456
- opacity: 0;
4457
- transform: scale(0);
4458
- transition: var(--tag-hide-transition);
4459
- pointer-events: none;
4460
- }
4461
- .tagify__tag--hide>div>* {
4462
- white-space: nowrap;
4463
- }
4464
- .tagify__tag.tagify--noAnim>div::before {
4465
- animation: none;
4466
- }
4467
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span {
4468
- opacity: .5;
4469
- }
4470
- .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
4471
- --tag-bg: var(--tag-invalid-bg);
4472
- transition: .2s;
4473
- }
4474
- .tagify__tag[readonly] .tagify__tag__removeBtn {
4475
- display: none;
4476
- }
4477
- .tagify__tag[readonly]>div::before {
4478
- animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
4479
- }
4480
- @keyframes readonlyStyles {
4481
- 0% {
4482
- background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
4483
- box-shadow: none;
4484
- filter: brightness(.95);
4485
- }
4486
- }
4487
- .tagify__tag--editable>div {
4488
- color: var(--tag-text-color--edit);
4489
- }
4490
- .tagify__tag--editable>div::before {
4491
- box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
4492
- }
4493
- .tagify__tag--editable>.tagify__tag__removeBtn {
4494
- pointer-events: none;
4495
- opacity: 0;
4496
- transform: translateX(100%) translateX(5px);
4497
- }
4498
- .tagify__tag--editable.tagify--invalid>div::before {
4499
- box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
4500
- }
4501
- .tagify__tag__removeBtn {
4502
- order: 5;
4503
- display: inline-flex;
4504
- align-items: center;
4505
- justify-content: center;
4506
- border-radius: 50px;
4507
- cursor: pointer;
4508
- font: 14px/1 Arial;
4509
- background: var(--tag-remove-btn-bg);
4510
- color: var(--tag-remove-btn-color);
4511
- width: 14px;
4512
- height: 14px;
4513
- margin-inline: auto 4.6666666667px;
4514
- overflow: hidden;
4515
- transition: .2s ease-out;
4516
- }
4517
- .tagify__tag__removeBtn::after {
4518
- content: "×";
4519
- transition: .3s,color 0s;
4520
- }
4521
- .tagify__tag__removeBtn:hover {
4522
- color: #fff;
4523
- background: var(--tag-remove-btn-bg--hover);
4524
- }
4525
- .tagify__tag__removeBtn:hover+div>span {
4526
- opacity: .5;
4527
- }
4528
- .tagify__tag__removeBtn:hover+div::before {
4529
- box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important;
4530
- transition: box-shadow .2s;
4531
- }
4532
- .tagify:not(.tagify--mix) .tagify__input br {
4533
- display: none;
4534
- }
4535
- .tagify:not(.tagify--mix) .tagify__input * {
4536
- display: inline;
4537
- white-space: nowrap;
4538
- }
4539
- .tagify__input {
4540
- flex-grow: 1;
4541
- display: inline-block;
4542
- min-width: 110px;
4543
- margin: 5px;
4544
- padding: var(--tag-pad);
4545
- line-height: normal;
4546
- position: relative;
4547
- white-space: pre-wrap;
4548
- color: var(--input-color);
4549
- box-sizing: inherit;
4550
- overflow: hidden;
4551
- }
4552
- .tagify__input:focus {
4553
- outline: 0;
4554
- }
4555
- .tagify__input:focus::before {
4556
- transition: .2s ease-out;
4557
- opacity: 0;
4558
- transform: translatex(6px);
4559
- }
4560
- @supports (-ms-ime-align:auto) {
4561
- .tagify__input:focus::before {
4562
- display: none;
4563
- }
4564
- }
4565
- .tagify__input:focus:empty::before {
4566
- transition: .2s ease-out;
4567
- opacity: 1;
4568
- transform: none;
4569
- color: rgba(0,0,0,.25);
4570
- color: var(--placeholder-color-focus);
4571
- }
4572
- @-moz-document url-prefix() {
4573
- .tagify__input:focus:empty::after {
4574
- display: none;
4575
- }
4576
- }
4577
- .tagify__input::before {
4578
- content: attr(data-placeholder);
4579
- width: 100%;
4580
- height: 100%;
4581
- margin: auto 0;
4582
- z-index: 1;
4583
- color: var(--placeholder-color);
4584
- white-space: nowrap;
4585
- text-overflow: ellipsis;
4586
- overflow: hidden;
4587
- pointer-events: none;
4588
- opacity: 0;
4589
- position: absolute;
4590
- }
4591
- .tagify__input::after {
4592
- content: attr(data-suggest);
4593
- display: inline-block;
4594
- vertical-align: middle;
4595
- position: absolute;
4596
- min-width: calc(100% - 1.5em);
4597
- text-overflow: ellipsis;
4598
- overflow: hidden;
4599
- white-space: pre;
4600
- color: var(--tag-text-color);
4601
- opacity: .3;
4602
- pointer-events: none;
4603
- max-width: 100px;
4604
- }
4605
- .tagify__input .tagify__tag {
4606
- margin: 0 1px;
4607
- }
4608
- .tagify--mix {
4609
- display: block;
4610
- }
4611
- .tagify--mix .tagify__input {
4612
- padding: 5px;
4613
- margin: 0;
4614
- width: 100%;
4615
- height: 100%;
4616
- line-height: 1.5;
4617
- display: block;
4618
- }
4619
- .tagify--mix .tagify__input::before {
4620
- height: auto;
4621
- display: none;
4622
- line-height: inherit;
4623
- }
4624
- .tagify--mix .tagify__input::after {
4625
- content: none;
4626
- }
4627
- .tagify--select {
4628
- cursor: default;
4629
- }
4630
- .tagify--select::after {
4631
- content: ">";
4632
- opacity: .5;
4633
- position: absolute;
4634
- top: 50%;
4635
- right: 0;
4636
- bottom: 0;
4637
- font: 16px monospace;
4638
- line-height: 8px;
4639
- height: 8px;
4640
- pointer-events: none;
4641
- transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
4642
- transition: .2s ease-in-out;
4643
- }
4644
- .tagify--select[aria-expanded=true]::after {
4645
- transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2);
4646
- }
4647
- .tagify--select[aria-expanded=true] .tagify__tag__removeBtn {
4648
- pointer-events: none;
4649
- opacity: 0;
4650
- transform: translateX(100%) translateX(5px);
4651
- }
4652
- .tagify--select .tagify__tag {
4653
- flex: 1;
4654
- max-width: none;
4655
- margin-inline-end: 2em;
4656
- margin-block: 0;
4657
- padding-block: 5px;
4658
- cursor: text;
4659
- }
4660
- .tagify--select .tagify__tag div::before {
4661
- display: none;
4662
- }
4663
- .tagify--select .tagify__tag+.tagify__input {
4664
- display: none;
4665
- }
4666
- .tagify--empty .tagify__input::before {
4667
- transition: .2s ease-out;
4668
- opacity: 1;
4669
- transform: none;
4670
- display: inline-block;
4671
- width: auto;
4672
- }
4673
- .tagify--mix .tagify--empty .tagify__input::before {
4674
- display: inline-block;
4675
- }
4676
- .tagify--focus {
4677
- --tags-border-color: var(--tags-focus-border-color);
4678
- transition: 0s;
4679
- }
4680
- .tagify--invalid {
4681
- --tags-border-color: #D39494;
4682
- }
4683
- .tagify__dropdown {
4684
- position: absolute;
4685
- z-index: 9999;
4686
- transform: translateY(-1px);
4687
- border-top: 1px solid var(--tagify-dd-color-primary);
4688
- overflow: hidden;
4689
- }
4690
- .tagify__dropdown[dir=rtl] {
4691
- transform: translate(-100%,-1px);
4692
- }
4693
- .tagify__dropdown[placement=top] {
4694
- margin-top: 0;
4695
- transform: translateY(-100%);
4696
- }
4697
- .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
4698
- border-top-width: 1.1px;
4699
- border-bottom-width: 0;
4700
- }
4701
- .tagify__dropdown[position=text] {
4702
- box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
4703
- font-size: .9em;
4704
- }
4705
- .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
4706
- border-width: 1px;
4707
- }
4708
- .tagify__dropdown__wrapper {
4709
- scroll-behavior: auto;
4710
- max-height: var(--tagify-dd-max-height);
4711
- overflow: hidden;
4712
- overflow-x: hidden;
4713
- color: var(--tagify-dd-text-color);
4714
- background: var(--tagify-dd-bg-color);
4715
- border: 1px solid;
4716
- border-color: var(--tagify-dd-color-primary);
4717
- border-bottom-width: 1.5px;
4718
- border-top-width: 0;
4719
- box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
4720
- transition: .3s cubic-bezier(.5,0,.3,1),transform .15s;
4721
- animation: dd-wrapper-show 0s .3s forwards;
4722
- }
4723
- @keyframes dd-wrapper-show {
4724
- to {
4725
- overflow-y: auto;
4726
- }
4727
- }
4728
- .tagify__dropdown__header:empty {
4729
- display: none;
4730
- }
4731
- .tagify__dropdown__footer {
4732
- display: inline-block;
4733
- margin-top: .5em;
4734
- padding: var(--tagify-dd-item-pad);
4735
- font-size: .7em;
4736
- font-style: italic;
4737
- opacity: .5;
4738
- }
4739
- .tagify__dropdown__footer:empty {
4740
- display: none;
4741
- }
4742
- .tagify__dropdown--initial .tagify__dropdown__wrapper {
4743
- max-height: 20px;
4744
- transform: translateY(-1em);
4745
- }
4746
- .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
4747
- transform: translateY(2em);
4748
- }
4749
- .tagify__dropdown__item {
4750
- box-sizing: border-box;
4751
- padding: var(--tagify-dd-item-pad);
4752
- margin: 1px;
4753
- white-space: pre-wrap;
4754
- cursor: pointer;
4755
- border-radius: 2px;
4756
- outline: 0;
4757
- max-height: 60px;
4758
- max-width: 100%;
4759
- line-height: normal;
4760
- position: relative;
4761
- }
4762
- .tagify__dropdown__item--active {
4763
- background: var(--tagify-dd-color-primary);
4764
- color: #fff;
4765
- }
4766
- .tagify__dropdown__item:active {
4767
- filter: brightness(105%);
4768
- }
4769
- .tagify__dropdown__item--hidden {
4770
- padding-top: 0;
4771
- padding-bottom: 0;
4772
- margin: 0 1px;
4773
- pointer-events: none;
4774
- overflow: hidden;
4775
- max-height: 0;
4776
- transition: var(--tagify-dd-item--hidden-duration,.3s) !important;
4777
- }
4778
- .tagify__dropdown__item--hidden>* {
4779
- transform: translateY(-100%);
4780
- opacity: 0;
4781
- transition: inherit;
4782
- }
4783
- .tagify__dropdown__item--selected::before {
4784
- content: "✓";
4785
- font-family: monospace;
4786
- position: absolute;
4787
- inset-inline-start: 6px;
4788
- text-indent: 0;
4789
- line-height: 1.1;
4790
- }
4791
- .tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item {
4792
- text-indent: 1em;
4793
- }
4794
- @charset "UTF-8";
4795
- trix-editor {
4796
- border: 1px solid #bbb;
4797
- border-radius: 3px;
4798
- margin: 0;
4799
- padding: 0.4em 0.6em;
4800
- min-height: 5em;
4801
- outline: none;
4802
- }
4803
- trix-toolbar * {
4804
- box-sizing: border-box;
4805
- }
4806
- trix-toolbar .trix-button-row {
4807
- display: flex;
4808
- flex-wrap: nowrap;
4809
- justify-content: space-between;
4810
- overflow-x: auto;
4811
- }
4812
- trix-toolbar .trix-button-group {
4813
- display: flex;
4814
- margin-bottom: 10px;
4815
- border: 1px solid #bbb;
4816
- border-top-color: #ccc;
4817
- border-bottom-color: #888;
4818
- border-radius: 3px;
4819
- }
4820
- trix-toolbar .trix-button-group:not(:first-child) {
4821
- margin-left: 1.5vw;
4822
- }
4823
- @media (max-width: 768px) {
4824
- trix-toolbar .trix-button-group:not(:first-child) {
4825
- margin-left: 0;
4826
- }
4827
- }
4828
- trix-toolbar .trix-button-group-spacer {
4829
- flex-grow: 1;
4830
- }
4831
- @media (max-width: 768px) {
4832
- trix-toolbar .trix-button-group-spacer {
4833
- display: none;
4834
- }
4835
- }
4836
- trix-toolbar .trix-button {
4837
- position: relative;
4838
- float: left;
4839
- color: rgba(0, 0, 0, 0.6);
4840
- font-size: 0.75em;
4841
- font-weight: 600;
4842
- white-space: nowrap;
4843
- padding: 0 0.5em;
4844
- margin: 0;
4845
- outline: none;
4846
- border: none;
4847
- border-bottom: 1px solid #ddd;
4848
- border-radius: 0;
4849
- background: transparent;
4850
- }
4851
- trix-toolbar .trix-button:not(:first-child) {
4852
- border-left: 1px solid #ccc;
4853
- }
4854
- trix-toolbar .trix-button.trix-active {
4855
- background: #cbeefa;
4856
- color: rgb(0, 0, 0);
4857
- }
4858
- trix-toolbar .trix-button:not(:disabled) {
4859
- cursor: pointer;
4860
- }
4861
- trix-toolbar .trix-button:disabled {
4862
- color: rgba(0, 0, 0, 0.125);
4863
- }
4864
- @media (max-width: 768px) {
4865
- trix-toolbar .trix-button {
4866
- letter-spacing: -0.01em;
4867
- padding: 0 0.3em;
4868
- }
4869
- }
4870
- trix-toolbar .trix-button--icon {
4871
- font-size: inherit;
4872
- width: 2.6em;
4873
- height: 1.6em;
4874
- max-width: calc(0.8em + 4vw);
4875
- text-indent: -9999px;
4876
- }
4877
- @media (max-width: 768px) {
4878
- trix-toolbar .trix-button--icon {
4879
- height: 2em;
4880
- max-width: calc(0.8em + 3.5vw);
4881
- }
4882
- }
4883
- trix-toolbar .trix-button--icon::before {
4884
- display: inline-block;
4885
- position: absolute;
4886
- top: 0;
4887
- right: 0;
4888
- bottom: 0;
4889
- left: 0;
4890
- opacity: 0.6;
4891
- content: "";
4892
- background-position: center;
4893
- background-repeat: no-repeat;
4894
- background-size: contain;
4895
- }
4896
- @media (max-width: 768px) {
4897
- trix-toolbar .trix-button--icon::before {
4898
- right: 6%;
4899
- left: 6%;
4900
- }
4901
- }
4902
- trix-toolbar .trix-button--icon.trix-active::before {
4903
- opacity: 1;
4904
- }
4905
- trix-toolbar .trix-button--icon:disabled::before {
4906
- opacity: 0.125;
4907
- }
4908
- trix-toolbar .trix-button--icon-attach::before {
4909
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
4910
- top: 8%;
4911
- bottom: 4%;
4912
- }
4913
- trix-toolbar .trix-button--icon-bold::before {
4914
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4915
- }
4916
- trix-toolbar .trix-button--icon-italic::before {
4917
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4918
- }
4919
- trix-toolbar .trix-button--icon-link::before {
4920
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4921
- }
4922
- trix-toolbar .trix-button--icon-strike::before {
4923
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4924
- }
4925
- trix-toolbar .trix-button--icon-quote::before {
4926
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4927
- }
4928
- trix-toolbar .trix-button--icon-heading-1::before {
4929
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4930
- }
4931
- trix-toolbar .trix-button--icon-code::before {
4932
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4933
- }
4934
- trix-toolbar .trix-button--icon-bullet-list::before {
4935
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4936
- }
4937
- trix-toolbar .trix-button--icon-number-list::before {
4938
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4939
- }
4940
- trix-toolbar .trix-button--icon-undo::before {
4941
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4942
- }
4943
- trix-toolbar .trix-button--icon-redo::before {
4944
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4945
- }
4946
- trix-toolbar .trix-button--icon-decrease-nesting-level::before {
4947
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4948
- }
4949
- trix-toolbar .trix-button--icon-increase-nesting-level::before {
4950
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
4951
- }
4952
- trix-toolbar .trix-dialogs {
4953
- position: relative;
4954
- }
4955
- trix-toolbar .trix-dialog {
4956
- position: absolute;
4957
- top: 0;
4958
- left: 0;
4959
- right: 0;
4960
- font-size: 0.75em;
4961
- padding: 15px 10px;
4962
- background: #fff;
4963
- box-shadow: 0 0.3em 1em #ccc;
4964
- border-top: 2px solid #888;
4965
- border-radius: 5px;
4966
- z-index: 5;
4967
- }
4968
- trix-toolbar .trix-input--dialog {
4969
- font-size: inherit;
4970
- font-weight: normal;
4971
- padding: 0.5em 0.8em;
4972
- margin: 0 10px 0 0;
4973
- border-radius: 3px;
4974
- border: 1px solid #bbb;
4975
- background-color: #fff;
4976
- box-shadow: none;
4977
- outline: none;
4978
- -webkit-appearance: none;
4979
- -moz-appearance: none;
4980
- }
4981
- trix-toolbar .trix-input--dialog.validate:invalid {
4982
- box-shadow: #F00 0px 0px 1.5px 1px;
4983
- }
4984
- trix-toolbar .trix-button--dialog {
4985
- font-size: inherit;
4986
- padding: 0.5em;
4987
- border-bottom: none;
4988
- }
4989
- trix-toolbar .trix-dialog--link {
4990
- max-width: 600px;
4991
- }
4992
- trix-toolbar .trix-dialog__link-fields {
4993
- display: flex;
4994
- align-items: baseline;
4995
- }
4996
- trix-toolbar .trix-dialog__link-fields .trix-input {
4997
- flex: 1;
4998
- }
4999
- trix-toolbar .trix-dialog__link-fields .trix-button-group {
5000
- flex: 0 0 content;
5001
- margin: 0;
5002
- }
5003
- trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
5004
- -webkit-user-select: none;
5005
- -moz-user-select: none;
5006
- -ms-user-select: none;
5007
- user-select: none;
5008
- }
5009
- trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
5010
- background: none;
5011
- }
5012
- trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection {
5013
- background: none;
5014
- }
5015
- trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
5016
- background: highlight;
5017
- }
5018
- trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
5019
- background: highlight;
5020
- }
5021
- trix-editor [data-trix-mutable].attachment.attachment--file {
5022
- box-shadow: 0 0 0 2px highlight;
5023
- border-color: transparent;
5024
- }
5025
- trix-editor [data-trix-mutable].attachment img {
5026
- box-shadow: 0 0 0 2px highlight;
5027
- }
5028
- trix-editor .attachment {
5029
- position: relative;
5030
- }
5031
- trix-editor .attachment:hover {
5032
- cursor: default;
5033
- }
5034
- trix-editor .attachment--preview .attachment__caption:hover {
5035
- cursor: text;
5036
- }
5037
- trix-editor .attachment__progress {
5038
- position: absolute;
5039
- z-index: 1;
5040
- height: 20px;
5041
- top: calc(50% - 10px);
5042
- left: 5%;
5043
- width: 90%;
5044
- opacity: 0.9;
5045
- transition: opacity 200ms ease-in;
5046
- }
5047
- trix-editor .attachment__progress[value="100"] {
5048
- opacity: 0;
5049
- }
5050
- trix-editor .attachment__caption-editor {
5051
- display: inline-block;
5052
- width: 100%;
5053
- margin: 0;
5054
- padding: 0;
5055
- font-size: inherit;
5056
- font-family: inherit;
5057
- line-height: inherit;
5058
- color: inherit;
5059
- text-align: center;
5060
- vertical-align: top;
5061
- border: none;
5062
- outline: none;
5063
- -webkit-appearance: none;
5064
- -moz-appearance: none;
5065
- }
5066
- trix-editor .attachment__toolbar {
5067
- position: absolute;
5068
- z-index: 1;
5069
- top: -0.9em;
5070
- left: 0;
5071
- width: 100%;
5072
- text-align: center;
5073
- }
5074
- trix-editor .trix-button-group {
5075
- display: inline-flex;
5076
- }
5077
- trix-editor .trix-button {
5078
- position: relative;
5079
- float: left;
5080
- color: #666;
5081
- white-space: nowrap;
5082
- font-size: 80%;
5083
- padding: 0 0.8em;
5084
- margin: 0;
5085
- outline: none;
5086
- border: none;
5087
- border-radius: 0;
5088
- background: transparent;
5089
- }
5090
- trix-editor .trix-button:not(:first-child) {
5091
- border-left: 1px solid #ccc;
5092
- }
5093
- trix-editor .trix-button.trix-active {
5094
- background: #cbeefa;
5095
- }
5096
- trix-editor .trix-button:not(:disabled) {
5097
- cursor: pointer;
5098
- }
5099
- trix-editor .trix-button--remove {
5100
- text-indent: -9999px;
5101
- display: inline-block;
5102
- padding: 0;
5103
- outline: none;
5104
- width: 1.8em;
5105
- height: 1.8em;
5106
- line-height: 1.8em;
5107
- border-radius: 50%;
5108
- background-color: #fff;
5109
- border: 2px solid highlight;
5110
- box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
5111
- }
5112
- trix-editor .trix-button--remove::before {
5113
- display: inline-block;
5114
- position: absolute;
5115
- top: 0;
5116
- right: 0;
5117
- bottom: 0;
5118
- left: 0;
5119
- opacity: 0.7;
5120
- content: "";
5121
- background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
5122
- background-position: center;
5123
- background-repeat: no-repeat;
5124
- background-size: 90%;
5125
- }
5126
- trix-editor .trix-button--remove:hover {
5127
- border-color: #333;
5128
- }
5129
- trix-editor .trix-button--remove:hover::before {
5130
- opacity: 1;
5131
- }
5132
- trix-editor .attachment__metadata-container {
5133
- position: relative;
5134
- }
5135
- trix-editor .attachment__metadata {
5136
- position: absolute;
5137
- left: 50%;
5138
- top: 2em;
5139
- transform: translate(-50%, 0);
5140
- max-width: 90%;
5141
- padding: 0.1em 0.6em;
5142
- font-size: 0.8em;
5143
- color: #fff;
5144
- background-color: rgba(0, 0, 0, 0.7);
5145
- border-radius: 3px;
5146
- }
5147
- trix-editor .attachment__metadata .attachment__name {
5148
- display: inline-block;
5149
- max-width: 100%;
5150
- vertical-align: bottom;
5151
- overflow: hidden;
5152
- text-overflow: ellipsis;
5153
- white-space: nowrap;
5154
- }
5155
- trix-editor .attachment__metadata .attachment__size {
5156
- margin-left: 0.2em;
5157
- white-space: nowrap;
5158
- }
5159
- .trix-content {
5160
- line-height: 1.5;
5161
- overflow-wrap: break-word;
5162
- word-break: break-word;
5163
- }
5164
- .trix-content * {
5165
- box-sizing: border-box;
5166
- margin: 0;
5167
- padding: 0;
5168
- }
5169
- .trix-content h1 {
5170
- font-size: 1.2em;
5171
- line-height: 1.2;
5172
- }
5173
- .trix-content blockquote {
5174
- border: 0 solid #ccc;
5175
- border-left-width: 0.3em;
5176
- margin-left: 0.3em;
5177
- padding-left: 0.6em;
5178
- }
5179
- .trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] {
5180
- border-width: 0;
5181
- border-right-width: 0.3em;
5182
- margin-right: 0.3em;
5183
- padding-right: 0.6em;
5184
- }
5185
- .trix-content li {
5186
- margin-left: 1em;
5187
- }
5188
- .trix-content [dir=rtl] li {
5189
- margin-right: 1em;
5190
- }
5191
- .trix-content pre {
5192
- display: inline-block;
5193
- width: 100%;
5194
- vertical-align: top;
5195
- font-family: monospace;
5196
- font-size: 0.9em;
5197
- padding: 0.5em;
5198
- white-space: pre;
5199
- background-color: #eee;
5200
- overflow-x: auto;
5201
- }
5202
- .trix-content img {
5203
- max-width: 100%;
5204
- height: auto;
5205
- }
5206
- .trix-content .attachment {
5207
- display: inline-block;
5208
- position: relative;
5209
- max-width: 100%;
5210
- }
5211
- .trix-content .attachment a {
5212
- color: inherit;
5213
- text-decoration: none;
5214
- }
5215
- .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
5216
- color: inherit;
5217
- }
5218
- .trix-content .attachment__caption {
5219
- text-align: center;
5220
- }
5221
- .trix-content .attachment__caption .attachment__name + .attachment__size::before {
5222
- content: " •";
5223
- }
5224
- .trix-content .attachment--preview {
5225
- width: 100%;
5226
- text-align: center;
5227
- }
5228
- .trix-content .attachment--preview .attachment__caption {
5229
- color: #666;
5230
- font-size: 0.9em;
5231
- line-height: 1.2;
5232
- }
5233
- .trix-content .attachment--file {
5234
- color: #333;
5235
- line-height: 1;
5236
- margin: 0 2px 2px 2px;
5237
- padding: 0.4em 1em;
5238
- border: 1px solid #bbb;
5239
- border-radius: 5px;
5240
- }
5241
- .trix-content .attachment-gallery {
5242
- display: flex;
5243
- flex-wrap: wrap;
5244
- position: relative;
5245
- }
5246
- .trix-content .attachment-gallery .attachment {
5247
- flex: 1 0 33%;
5248
- padding: 0 0.5em;
5249
- max-width: 33%;
5250
- }
5251
- .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
5252
- flex-basis: 50%;
5253
- max-width: 50%;
5254
- }
5255
- .trix-content.hidden {
5256
- display: block !important;
5257
- overflow: hidden;
5258
- clip-path: inset(0 0 calc(100% - 50px) 0);
5259
- -webkit-mask-image: linear-gradient(to bottom, black 30px, transparent 50px);
5260
- mask-image: linear-gradient(to bottom, black 30px, transparent 50px);
5261
- max-height: 50px;
5262
- min-height: 0px;
5263
- }
5264
- .trix-content h1 {
5265
- margin-bottom: calc(var(--spacing) * 2);
5266
- font-size: var(--text-xl);
5267
- line-height: var(--tw-leading, var(--text-xl--line-height));
5268
- --tw-font-weight: var(--font-weight-bold);
5269
- font-weight: var(--font-weight-bold);
5270
- }
5271
- .trix-content ul {
5272
- list-style-type: disc;
5273
- }
5274
- .trix-content pre {
5275
- font-size: var(--text-base);
5276
- line-height: var(--tw-leading, var(--text-base--line-height));
5277
- }
5278
- .trix-content ol {
5279
- list-style-type: decimal;
5280
- }
5281
- trix-editor {
5282
- border-radius: var(--radius-lg);
5283
- border-style: var(--tw-border-style);
5284
- border-width: 1px;
5285
- border-color: var(--color-tertiary);
5286
- background-color: var(--color-primary);
5287
- color: var(--color-content);
5288
- &:empty::before {
5289
- color: var(--color-content-secondary) !important;
5290
- }
5291
- }
5292
- trix-toolbar {
5293
- .trix-button-row {
5294
- flex-wrap: wrap;
5295
- column-gap: calc(var(--spacing) * 5);
5296
- }
5297
- .trix-button-group {
5298
- border-style: var(--tw-border-style);
5299
- border-width: 1px;
5300
- border-color: var(--color-tertiary);
5301
- }
5302
- .trix-button-group:not(:first-child) {
5303
- margin-inline-start: calc(var(--spacing) * 0);
5304
- }
5305
- }
5306
- .trix-content {
5307
- & .trix-content {
5308
- --tw-border-style: none;
5309
- border-style: none;
5310
- }
5311
- }
5312
- .trix-content pre {
5313
- background-color: var(--color-tertiary);
5314
- color: var(--color-content);
5315
- }
5316
- trix-toolbar {
5317
- .trix-button-group {
5318
- border-color: var(--color-tertiary);
5319
- background-color: var(--color-secondary);
5320
- }
5321
- .trix-button {
5322
- border-color: var(--color-tertiary);
5323
- color: var(--color-content);
5324
- &:not(:disabled):hover {
5325
- background-color: var(--color-tertiary);
5326
- }
5327
- &.trix-active {
5328
- background-color: var(--color-tertiary);
5329
- }
5330
- }
5331
- .trix-dialog {
5332
- border-color: var(--color-tertiary);
5333
- background-color: var(--color-secondary);
5334
- --tw-shadow: 0 0 #0000;
5335
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5336
- }
5337
- .trix-input--dialog {
5338
- border-color: var(--color-tertiary);
5339
- background-color: var(--color-primary);
5340
- color: var(--color-content);
5341
- &::placeholder {
5342
- color: var(--color-content-secondary);
5343
- }
5344
- }
5345
- .trix-button--dialog {
5346
- border-color: var(--color-tertiary);
5347
- color: var(--color-content);
5348
- &:hover {
5349
- background-color: var(--color-tertiary);
5350
- }
5351
- }
5352
- }
5353
- .dark trix-toolbar .trix-button--icon::before {
5354
- filter: invert(1);
5355
- }
5356
- @layer components {
5357
- .CodeMirror {
5358
- font-family: monospace;
5359
- height: 300px;
5360
- color: #000;
5361
- direction: ltr;
5362
- }
5363
- .CodeMirror-lines {
5364
- padding: 4px 0;
5365
- }
5366
- .CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like {
5367
- padding: 0 4px;
5368
- }
5369
- .CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
5370
- background-color: #fff;
5371
- }
5372
- .CodeMirror-gutters {
5373
- border-right: 1px solid #ddd;
5374
- background-color: #f7f7f7;
5375
- white-space: nowrap;
5376
- }
5377
- .CodeMirror-linenumber {
5378
- padding: 0 3px 0 5px;
5379
- min-width: 20px;
5380
- text-align: right;
5381
- color: #999;
5382
- white-space: nowrap;
5383
- }
5384
- .CodeMirror-guttermarker {
5385
- color: #000;
5386
- }
5387
- .CodeMirror-guttermarker-subtle {
5388
- color: #999;
5389
- }
5390
- .CodeMirror-cursor {
5391
- border-left: 1px solid #000;
5392
- border-right: none;
5393
- width: 0;
5394
- }
5395
- .CodeMirror div.CodeMirror-secondarycursor {
5396
- border-left: 1px solid silver;
5397
- }
5398
- .cm-fat-cursor .CodeMirror-cursor {
5399
- width: auto;
5400
- border: 0 !important;
5401
- background: #7e7;
5402
- }
5403
- .cm-fat-cursor div.CodeMirror-cursors {
5404
- z-index: 1;
5405
- }
5406
- .cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection {
5407
- background: 0 0;
5408
- }
5409
- .cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
5410
- background: 0 0;
5411
- }
5412
- .cm-fat-cursor {
5413
- caret-color: transparent;
5414
- }
5415
- @-moz-keyframes blink {
5416
- 50% {
5417
- background-color: transparent;
5418
- }
5419
- }
5420
- @-webkit-keyframes blink {
5421
- 50% {
5422
- background-color: transparent;
5423
- }
5424
- }
5425
- @keyframes blink {
5426
- 50% {
5427
- background-color: transparent;
5428
- }
5429
- }
5430
- .cm-tab {
5431
- display: inline-block;
5432
- text-decoration: inherit;
5433
- }
5434
- .CodeMirror-rulers {
5435
- position: absolute;
5436
- left: 0;
5437
- right: 0;
5438
- top: -50px;
5439
- bottom: 0;
5440
- overflow: hidden;
5441
- }
5442
- .CodeMirror-ruler {
5443
- border-left: 1px solid #ccc;
5444
- top: 0;
5445
- bottom: 0;
5446
- position: absolute;
5447
- }
5448
- .cm-s-default .cm-header {
5449
- color: #00f;
5450
- }
5451
- .cm-s-default .cm-quote {
5452
- color: #090;
5453
- }
5454
- .cm-negative {
5455
- color: #d44;
5456
- }
5457
- .cm-positive {
5458
- color: #292;
5459
- }
5460
- .cm-header,.cm-strong {
5461
- font-weight: 700;
5462
- }
5463
- .cm-em {
5464
- font-style: italic;
5465
- }
5466
- .cm-link {
5467
- text-decoration: underline;
5468
- }
5469
- .cm-strikethrough {
5470
- text-decoration: line-through;
5471
- }
5472
- .cm-s-default .cm-keyword {
5473
- color: #708;
5474
- }
5475
- .cm-s-default .cm-atom {
5476
- color: #219;
5477
- }
5478
- .cm-s-default .cm-number {
5479
- color: #164;
5480
- }
5481
- .cm-s-default .cm-def {
5482
- color: #00f;
5483
- }
5484
- .cm-s-default .cm-variable-2 {
5485
- color: #05a;
5486
- }
5487
- .cm-s-default .cm-type,.cm-s-default .cm-variable-3 {
5488
- color: #085;
5489
- }
5490
- .cm-s-default .cm-comment {
5491
- color: #a50;
5492
- }
5493
- .cm-s-default .cm-string {
5494
- color: #a11;
5495
- }
5496
- .cm-s-default .cm-string-2 {
5497
- color: #f50;
5498
- }
5499
- .cm-s-default .cm-meta {
5500
- color: #555;
5501
- }
5502
- .cm-s-default .cm-qualifier {
5503
- color: #555;
5504
- }
5505
- .cm-s-default .cm-builtin {
5506
- color: #30a;
5507
- }
5508
- .cm-s-default .cm-bracket {
5509
- color: #997;
5510
- }
5511
- .cm-s-default .cm-tag {
5512
- color: #170;
5513
- }
5514
- .cm-s-default .cm-attribute {
5515
- color: #00c;
5516
- }
5517
- .cm-s-default .cm-hr {
5518
- color: #999;
5519
- }
5520
- .cm-s-default .cm-link {
5521
- color: #00c;
5522
- }
5523
- .cm-s-default .cm-error {
5524
- color: red;
5525
- }
5526
- .cm-invalidchar {
5527
- color: red;
5528
- }
5529
- .CodeMirror-composing {
5530
- border-bottom: 2px solid;
5531
- }
5532
- div.CodeMirror span.CodeMirror-matchingbracket {
5533
- color: #0b0;
5534
- }
5535
- div.CodeMirror span.CodeMirror-nonmatchingbracket {
5536
- color: #a22;
5537
- }
5538
- .CodeMirror-matchingtag {
5539
- background: rgba(255,150,0,.3);
5540
- }
5541
- .CodeMirror-activeline-background {
5542
- background: #e8f2ff;
5543
- }
5544
- .CodeMirror {
5545
- position: relative;
5546
- overflow: hidden;
5547
- background: #fff;
5548
- }
5549
- .CodeMirror-scroll {
5550
- overflow: scroll !important;
5551
- margin-bottom: -50px;
5552
- margin-right: -50px;
5553
- padding-bottom: 50px;
5554
- height: 100%;
5555
- outline: 0;
5556
- position: relative;
5557
- z-index: 0;
5558
- }
5559
- .CodeMirror-sizer {
5560
- position: relative;
5561
- border-right: 50px solid transparent;
5562
- }
5563
- .CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
5564
- position: absolute;
5565
- z-index: 6;
5566
- display: none;
5567
- outline: 0;
5568
- }
5569
- .CodeMirror-vscrollbar {
5570
- right: 0;
5571
- top: 0;
5572
- overflow-x: hidden;
5573
- overflow-y: scroll;
5574
- }
5575
- .CodeMirror-hscrollbar {
5576
- bottom: 0;
5577
- left: 0;
5578
- overflow-y: hidden;
5579
- overflow-x: scroll;
5580
- }
5581
- .CodeMirror-scrollbar-filler {
5582
- right: 0;
5583
- bottom: 0;
5584
- }
5585
- .CodeMirror-gutter-filler {
5586
- left: 0;
5587
- bottom: 0;
5588
- }
5589
- .CodeMirror-gutters {
5590
- position: absolute;
5591
- left: 0;
5592
- top: 0;
5593
- min-height: 100%;
5594
- z-index: 3;
5595
- }
5596
- .CodeMirror-gutter {
5597
- white-space: normal;
5598
- height: 100%;
5599
- display: inline-block;
5600
- vertical-align: top;
5601
- margin-bottom: -50px;
5602
- }
5603
- .CodeMirror-gutter-wrapper {
5604
- position: absolute;
5605
- z-index: 4;
5606
- background: 0 0 !important;
5607
- border: none !important;
5608
- }
5609
- .CodeMirror-gutter-background {
5610
- position: absolute;
5611
- top: 0;
5612
- bottom: 0;
5613
- z-index: 4;
5614
- }
5615
- .CodeMirror-gutter-elt {
5616
- position: absolute;
5617
- cursor: default;
5618
- z-index: 4;
5619
- }
5620
- .CodeMirror-gutter-wrapper ::selection {
5621
- background-color: transparent;
5622
- }
5623
- .CodeMirror-gutter-wrapper ::-moz-selection {
5624
- background-color: transparent;
5625
- }
5626
- .CodeMirror-lines {
5627
- cursor: text;
5628
- min-height: 1px;
5629
- }
5630
- .CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like {
5631
- -moz-border-radius: 0;
5632
- -webkit-border-radius: 0;
5633
- border-radius: 0;
5634
- border-width: 0;
5635
- background: 0 0;
5636
- font-family: inherit;
5637
- font-size: inherit;
5638
- margin: 0;
5639
- white-space: pre;
5640
- word-wrap: normal;
5641
- line-height: inherit;
5642
- color: inherit;
5643
- z-index: 2;
5644
- position: relative;
5645
- overflow: visible;
5646
- -webkit-tap-highlight-color: transparent;
5647
- -webkit-font-variant-ligatures: contextual;
5648
- font-variant-ligatures: contextual;
5649
- }
5650
- .CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like {
5651
- word-wrap: break-word;
5652
- white-space: pre-wrap;
5653
- word-break: normal;
5654
- }
5655
- .CodeMirror-linebackground {
5656
- position: absolute;
5657
- left: 0;
5658
- right: 0;
5659
- top: 0;
5660
- bottom: 0;
5661
- z-index: 0;
5662
- }
5663
- .CodeMirror-linewidget {
5664
- position: relative;
5665
- z-index: 2;
5666
- padding: .1px;
5667
- }
5668
- .CodeMirror-rtl pre {
5669
- direction: rtl;
5670
- }
5671
- .CodeMirror-code {
5672
- outline: 0;
5673
- }
5674
- .CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
5675
- -moz-box-sizing: content-box;
5676
- box-sizing: content-box;
5677
- }
5678
- .CodeMirror-measure {
5679
- position: absolute;
5680
- width: 100%;
5681
- height: 0;
5682
- overflow: hidden;
5683
- visibility: hidden;
5684
- }
5685
- .CodeMirror-cursor {
5686
- position: absolute;
5687
- pointer-events: none;
5688
- }
5689
- .CodeMirror-measure pre {
5690
- position: static;
5691
- }
5692
- div.CodeMirror-cursors {
5693
- visibility: hidden;
5694
- position: relative;
5695
- z-index: 3;
5696
- }
5697
- div.CodeMirror-dragcursors {
5698
- visibility: visible;
5699
- }
5700
- .CodeMirror-focused div.CodeMirror-cursors {
5701
- visibility: visible;
5702
- }
5703
- .CodeMirror-selected {
5704
- background: #d9d9d9;
5705
- }
5706
- .CodeMirror-focused .CodeMirror-selected {
5707
- background: #d7d4f0;
5708
- }
5709
- .CodeMirror-crosshair {
5710
- cursor: crosshair;
5711
- }
5712
- .CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
5713
- background: #d7d4f0;
5714
- }
5715
- .CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
5716
- background: #d7d4f0;
5717
- }
5718
- .cm-searching {
5719
- background-color: #ffa;
5720
- background-color: rgba(255,255,0,.4);
5721
- }
5722
- .cm-force-border {
5723
- padding-right: .1px;
5724
- }
5725
- @media print {
5726
- .CodeMirror div.CodeMirror-cursors {
5727
- visibility: hidden;
5728
- }
5729
- }
5730
- .cm-tab-wrap-hack:after {
5731
- content: '';
5732
- }
5733
- span.CodeMirror-selectedtext {
5734
- background: 0 0;
5735
- }
5736
- .EasyMDEContainer {
5737
- display: block;
5738
- }
5739
- .CodeMirror-rtl pre {
5740
- direction: rtl;
5741
- }
5742
- .EasyMDEContainer.sided--no-fullscreen {
5743
- display: flex;
5744
- flex-direction: row;
5745
- flex-wrap: wrap;
5746
- }
5747
- .EasyMDEContainer .CodeMirror {
5748
- box-sizing: border-box;
5749
- height: auto;
5750
- border: 1px solid #ced4da;
5751
- border-bottom-left-radius: 4px;
5752
- border-bottom-right-radius: 4px;
5753
- padding: 10px;
5754
- font: inherit;
5755
- z-index: 0;
5756
- word-wrap: break-word;
5757
- }
5758
- .EasyMDEContainer .CodeMirror-scroll {
5759
- cursor: text;
5760
- }
5761
- .EasyMDEContainer .CodeMirror-fullscreen {
5762
- background: #fff;
5763
- position: fixed !important;
5764
- top: 50px;
5765
- left: 0;
5766
- right: 0;
5767
- bottom: 0;
5768
- height: auto;
5769
- z-index: 8;
5770
- border-right: none !important;
5771
- border-bottom-right-radius: 0 !important;
5772
- }
5773
- .EasyMDEContainer .CodeMirror-sided {
5774
- width: 50% !important;
5775
- }
5776
- .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
5777
- border-right: none !important;
5778
- border-bottom-right-radius: 0;
5779
- position: relative;
5780
- flex: 1 1 auto;
5781
- }
5782
- .EasyMDEContainer .CodeMirror-placeholder {
5783
- opacity: .5;
5784
- }
5785
- .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
5786
- background: #d9d9d9;
5787
- }
5788
- .editor-toolbar {
5789
- position: relative;
5790
- -webkit-user-select: none;
5791
- -moz-user-select: none;
5792
- -ms-user-select: none;
5793
- -o-user-select: none;
5794
- user-select: none;
5795
- padding: 9px 10px;
5796
- border-top: 1px solid #ced4da;
5797
- border-left: 1px solid #ced4da;
5798
- border-right: 1px solid #ced4da;
5799
- border-top-left-radius: 4px;
5800
- border-top-right-radius: 4px;
5801
- }
5802
- .editor-toolbar.fullscreen {
5803
- width: 100%;
5804
- height: 50px;
5805
- padding-top: 10px;
5806
- padding-bottom: 10px;
5807
- box-sizing: border-box;
5808
- background: #fff;
5809
- border: 0;
5810
- position: fixed;
5811
- top: 0;
5812
- left: 0;
5813
- opacity: 1;
5814
- z-index: 9;
5815
- }
5816
- .editor-toolbar.fullscreen::before {
5817
- width: 20px;
5818
- height: 50px;
5819
- background: -moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
5820
- background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));
5821
- background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
5822
- background: -o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
5823
- background: -ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
5824
- background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
5825
- position: fixed;
5826
- top: 0;
5827
- left: 0;
5828
- margin: 0;
5829
- padding: 0;
5830
- }
5831
- .editor-toolbar.fullscreen::after {
5832
- width: 20px;
5833
- height: 50px;
5834
- background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
5835
- background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
5836
- background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
5837
- background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
5838
- background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
5839
- background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);
5840
- position: fixed;
5841
- top: 0;
5842
- right: 0;
5843
- margin: 0;
5844
- padding: 0;
5845
- }
5846
- .EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
5847
- width: 100%;
5848
- }
5849
- .editor-toolbar .easymde-dropdown,.editor-toolbar button {
5850
- background: 0 0;
5851
- display: inline-block;
5852
- text-align: center;
5853
- text-decoration: none !important;
5854
- height: 30px;
5855
- margin: 0;
5856
- padding: 0;
5857
- border: 1px solid transparent;
5858
- border-radius: 3px;
5859
- cursor: pointer;
5860
- }
5861
- .editor-toolbar button {
5862
- font-weight: 700;
5863
- min-width: 30px;
5864
- padding: 0 6px;
5865
- white-space: nowrap;
5866
- }
5867
- .editor-toolbar button.active,.editor-toolbar button:hover {
5868
- background: #fcfcfc;
5869
- border-color: #95a5a6;
5870
- }
5871
- .editor-toolbar i.separator {
5872
- display: inline-block;
5873
- width: 0;
5874
- border-left: 1px solid #d9d9d9;
5875
- border-right: 1px solid #fff;
5876
- color: transparent;
5877
- text-indent: -10px;
5878
- margin: 0 6px;
5879
- }
5880
- .editor-toolbar button:after {
5881
- font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
5882
- font-size: 65%;
5883
- vertical-align: text-bottom;
5884
- position: relative;
5885
- top: 2px;
5886
- }
5887
- .editor-toolbar button.heading-1:after {
5888
- content: "1";
5889
- }
5890
- .editor-toolbar button.heading-2:after {
5891
- content: "2";
5892
- }
5893
- .editor-toolbar button.heading-3:after {
5894
- content: "3";
5895
- }
5896
- .editor-toolbar button.heading-bigger:after {
5897
- content: "▲";
5898
- }
5899
- .editor-toolbar button.heading-smaller:after {
5900
- content: "▼";
5901
- }
5902
- .editor-toolbar.disabled-for-preview button:not(.no-disable) {
5903
- opacity: .6;
5904
- pointer-events: none;
5905
- }
5906
- @media only screen and (max-width:700px) {
5907
- .editor-toolbar i.no-mobile {
5908
- display: none;
5909
- }
5910
- }
5911
- .editor-statusbar {
5912
- padding: 8px 10px;
5913
- font-size: 12px;
5914
- color: #959694;
5915
- text-align: right;
5916
- }
5917
- .EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
5918
- width: 100%;
5919
- }
5920
- .editor-statusbar span {
5921
- display: inline-block;
5922
- min-width: 4em;
5923
- margin-left: 1em;
5924
- }
5925
- .editor-statusbar .lines:before {
5926
- content: 'lines: ';
5927
- }
5928
- .editor-statusbar .words:before {
5929
- content: 'words: ';
5930
- }
5931
- .editor-statusbar .characters:before {
5932
- content: 'characters: ';
5933
- }
5934
- .editor-preview-full {
5935
- position: absolute;
5936
- width: 100%;
5937
- height: 100%;
5938
- top: 0;
5939
- left: 0;
5940
- z-index: 7;
5941
- overflow: auto;
5942
- display: none;
5943
- box-sizing: border-box;
5944
- }
5945
- .editor-preview-side {
5946
- position: fixed;
5947
- bottom: 0;
5948
- width: 50%;
5949
- top: 50px;
5950
- right: 0;
5951
- z-index: 9;
5952
- overflow: auto;
5953
- display: none;
5954
- box-sizing: border-box;
5955
- border: 1px solid #ddd;
5956
- word-wrap: break-word;
5957
- }
5958
- .editor-preview-active-side {
5959
- display: block;
5960
- }
5961
- .EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side {
5962
- flex: 1 1 auto;
5963
- height: auto;
5964
- position: static;
5965
- }
5966
- .editor-preview-active {
5967
- display: block;
5968
- }
5969
- .editor-preview {
5970
- padding: 10px;
5971
- background: #fafafa;
5972
- }
5973
- .editor-preview>p {
5974
- margin-top: 0;
5975
- }
5976
- .editor-preview pre {
5977
- background: #eee;
5978
- margin-bottom: 10px;
5979
- }
5980
- .editor-preview table td,.editor-preview table th {
5981
- border: 1px solid #ddd;
5982
- padding: 5px;
5983
- }
5984
- .cm-s-easymde .cm-tag {
5985
- color: #63a35c;
5986
- }
5987
- .cm-s-easymde .cm-attribute {
5988
- color: #795da3;
5989
- }
5990
- .cm-s-easymde .cm-string {
5991
- color: #183691;
5992
- }
5993
- .cm-s-easymde .cm-header-1 {
5994
- font-size: calc(1.375rem + 1.5vw);
5995
- }
5996
- .cm-s-easymde .cm-header-2 {
5997
- font-size: calc(1.325rem + .9vw);
5998
- }
5999
- .cm-s-easymde .cm-header-3 {
6000
- font-size: calc(1.3rem + .6vw);
6001
- }
6002
- .cm-s-easymde .cm-header-4 {
6003
- font-size: calc(1.275rem + .3vw);
6004
- }
6005
- .cm-s-easymde .cm-header-5 {
6006
- font-size: 1.25rem;
6007
- }
6008
- .cm-s-easymde .cm-header-6 {
6009
- font-size: 1rem;
6010
- }
6011
- .cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6 {
6012
- margin-bottom: .5rem;
6013
- line-height: 1.2;
6014
- }
6015
- .cm-s-easymde .cm-comment {
6016
- background: rgba(0,0,0,.05);
6017
- border-radius: 2px;
6018
- }
6019
- .cm-s-easymde .cm-link {
6020
- color: #7f8c8d;
6021
- }
6022
- .cm-s-easymde .cm-url {
6023
- color: #aab2b3;
6024
- }
6025
- .cm-s-easymde .cm-quote {
6026
- color: #7f8c8d;
6027
- font-style: italic;
6028
- }
6029
- .editor-toolbar .easymde-dropdown {
6030
- position: relative;
6031
- background: linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);
6032
- border-radius: 0;
6033
- border: 1px solid #fff;
6034
- }
6035
- .editor-toolbar .easymde-dropdown:hover {
6036
- background: linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);
6037
- }
6038
- .easymde-dropdown-content {
6039
- display: block;
6040
- visibility: hidden;
6041
- position: absolute;
6042
- background-color: #f9f9f9;
6043
- box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
6044
- padding: 8px;
6045
- z-index: 2;
6046
- top: 30px;
6047
- }
6048
- .easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content {
6049
- visibility: visible;
6050
- }
6051
- .easymde-dropdown-content button {
6052
- display: block;
6053
- }
6054
- span[data-img-src]::after {
6055
- content: '';
6056
- background-image: var(--bg-image);
6057
- display: block;
6058
- max-height: 100%;
6059
- max-width: 100%;
6060
- background-size: contain;
6061
- height: 0;
6062
- padding-top: var(--height);
6063
- width: var(--width);
6064
- background-repeat: no-repeat;
6065
- }
6066
- .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
6067
- background: rgba(255,0,0,.15);
6068
- }
6069
- .tippy-box[data-animation=fade][data-state=hidden] {
6070
- opacity: 0;
6071
- }
6072
- [data-tippy-root] {
6073
- max-width: calc(100vw - 10px);
6074
- }
6075
- .tippy-box {
6076
- position: relative;
6077
- background-color: #333;
6078
- color: #fff;
6079
- border-radius: 4px;
6080
- font-size: 14px;
6081
- line-height: 1.4;
6082
- white-space: normal;
6083
- outline: 0;
6084
- transition-property: transform,visibility,opacity;
6085
- }
6086
- .tippy-box[data-placement^=top]>.tippy-arrow {
6087
- bottom: 0;
6088
- }
6089
- .tippy-box[data-placement^=top]>.tippy-arrow:before {
6090
- bottom: -7px;
6091
- left: 0;
6092
- border-width: 8px 8px 0;
6093
- border-top-color: initial;
6094
- transform-origin: center top;
6095
- }
6096
- .tippy-box[data-placement^=bottom]>.tippy-arrow {
6097
- top: 0;
6098
- }
6099
- .tippy-box[data-placement^=bottom]>.tippy-arrow:before {
6100
- top: -7px;
6101
- left: 0;
6102
- border-width: 0 8px 8px;
6103
- border-bottom-color: initial;
6104
- transform-origin: center bottom;
6105
- }
6106
- .tippy-box[data-placement^=left]>.tippy-arrow {
6107
- right: 0;
6108
- }
6109
- .tippy-box[data-placement^=left]>.tippy-arrow:before {
6110
- border-width: 8px 0 8px 8px;
6111
- border-left-color: initial;
6112
- right: -7px;
6113
- transform-origin: center left;
6114
- }
6115
- .tippy-box[data-placement^=right]>.tippy-arrow {
6116
- left: 0;
6117
- }
6118
- .tippy-box[data-placement^=right]>.tippy-arrow:before {
6119
- left: -7px;
6120
- border-width: 8px 8px 8px 0;
6121
- border-right-color: initial;
6122
- transform-origin: center right;
6123
- }
6124
- .tippy-box[data-inertia][data-state=visible] {
6125
- transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
6126
- }
6127
- .tippy-arrow {
6128
- width: 16px;
6129
- height: 16px;
6130
- color: #333;
6131
- }
6132
- .tippy-arrow:before {
6133
- content: "";
6134
- position: absolute;
6135
- border-color: transparent;
6136
- border-style: solid;
6137
- }
6138
- .tippy-content {
6139
- position: relative;
6140
- padding: 5px 9px;
6141
- z-index: 1;
6142
- }
6143
- .tippy-box[data-theme~=light] {
6144
- color: #26323d;
6145
- box-shadow: 0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);
6146
- background-color: #fff;
6147
- }
6148
- .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
6149
- border-top-color: #fff;
6150
- }
6151
- .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
6152
- border-bottom-color: #fff;
6153
- }
6154
- .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
6155
- border-left-color: #fff;
6156
- }
6157
- .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
6158
- border-right-color: #fff;
6159
- }
6160
- .tippy-box[data-theme~=light]>.tippy-backdrop {
6161
- background-color: #fff;
6162
- }
6163
- .tippy-box[data-theme~=light]>.tippy-svg-arrow {
6164
- fill: #fff;
6165
- }
6166
- .flatpickr-calendar {
6167
- background: transparent;
6168
- opacity: 0;
6169
- display: none;
6170
- text-align: center;
6171
- visibility: hidden;
6172
- padding: 0;
6173
- -webkit-animation: none;
6174
- animation: none;
6175
- direction: ltr;
6176
- border: 0;
6177
- font-size: 14px;
6178
- line-height: 24px;
6179
- border-radius: 5px;
6180
- position: absolute;
6181
- width: 307.875px;
6182
- -webkit-box-sizing: border-box;
6183
- box-sizing: border-box;
6184
- -ms-touch-action: manipulation;
6185
- touch-action: manipulation;
6186
- background: #fff;
6187
- -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
6188
- box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
6189
- }
6190
- .flatpickr-calendar.open, .flatpickr-calendar.inline {
6191
- opacity: 1;
6192
- max-height: 640px;
6193
- visibility: visible;
6194
- }
6195
- .flatpickr-calendar.open {
6196
- display: inline-block;
6197
- z-index: 99999;
6198
- }
6199
- .flatpickr-calendar.animate.open {
6200
- -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
6201
- animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
6202
- }
6203
- .flatpickr-calendar.inline {
6204
- display: block;
6205
- position: relative;
6206
- top: 2px;
6207
- }
6208
- .flatpickr-calendar.static {
6209
- position: absolute;
6210
- top: calc(100% + 2px);
6211
- }
6212
- .flatpickr-calendar.static.open {
6213
- z-index: 999;
6214
- display: block;
6215
- }
6216
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
6217
- -webkit-box-shadow: none !important;
6218
- box-shadow: none !important;
6219
- }
6220
- .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
6221
- -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
6222
- box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
6223
- }
6224
- .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
6225
- border-bottom: 0;
6226
- border-bottom-right-radius: 0;
6227
- border-bottom-left-radius: 0;
6228
- }
6229
- .flatpickr-calendar .hasWeeks .dayContainer {
6230
- border-left: 0;
6231
- }
6232
- .flatpickr-calendar.hasTime .flatpickr-time {
6233
- height: 40px;
6234
- border-top: 1px solid #e6e6e6;
6235
- }
6236
- .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
6237
- height: auto;
6238
- }
6239
- .flatpickr-calendar:before, .flatpickr-calendar:after {
6240
- position: absolute;
6241
- display: block;
6242
- pointer-events: none;
6243
- border: solid transparent;
6244
- content: '';
6245
- height: 0;
6246
- width: 0;
6247
- left: 22px;
6248
- }
6249
- .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
6250
- left: auto;
6251
- right: 22px;
6252
- }
6253
- .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
6254
- left: 50%;
6255
- right: 50%;
6256
- }
6257
- .flatpickr-calendar:before {
6258
- border-width: 5px;
6259
- margin: 0 -5px;
6260
- }
6261
- .flatpickr-calendar:after {
6262
- border-width: 4px;
6263
- margin: 0 -4px;
6264
- }
6265
- .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
6266
- bottom: 100%;
6267
- }
6268
- .flatpickr-calendar.arrowTop:before {
6269
- border-bottom-color: #e6e6e6;
6270
- }
6271
- .flatpickr-calendar.arrowTop:after {
6272
- border-bottom-color: #fff;
6273
- }
6274
- .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
6275
- top: 100%;
6276
- }
6277
- .flatpickr-calendar.arrowBottom:before {
6278
- border-top-color: #e6e6e6;
6279
- }
6280
- .flatpickr-calendar.arrowBottom:after {
6281
- border-top-color: #fff;
6282
- }
6283
- .flatpickr-calendar:focus {
6284
- outline: 0;
6285
- }
6286
- .flatpickr-wrapper {
6287
- position: relative;
6288
- display: inline-block;
6289
- }
6290
- .flatpickr-months {
6291
- display: -webkit-box;
6292
- display: -webkit-flex;
6293
- display: -ms-flexbox;
6294
- display: flex;
6295
- }
6296
- .flatpickr-months .flatpickr-month {
6297
- background: transparent;
6298
- color: rgba(0,0,0,0.9);
6299
- fill: rgba(0,0,0,0.9);
6300
- height: 34px;
6301
- line-height: 1;
6302
- text-align: center;
6303
- position: relative;
6304
- -webkit-user-select: none;
6305
- -moz-user-select: none;
6306
- -ms-user-select: none;
6307
- user-select: none;
6308
- overflow: hidden;
6309
- -webkit-box-flex: 1;
6310
- -webkit-flex: 1;
6311
- -ms-flex: 1;
6312
- flex: 1;
6313
- }
6314
- .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
6315
- -webkit-user-select: none;
6316
- -moz-user-select: none;
6317
- -ms-user-select: none;
6318
- user-select: none;
6319
- text-decoration: none;
6320
- cursor: pointer;
6321
- position: absolute;
6322
- top: 0;
6323
- height: 34px;
6324
- padding: 10px;
6325
- z-index: 3;
6326
- color: rgba(0,0,0,0.9);
6327
- fill: rgba(0,0,0,0.9);
6328
- }
6329
- .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
6330
- display: none;
6331
- }
6332
- .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
6333
- position: relative;
6334
- }
6335
- .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
6336
- left: 0;
6337
- }
6338
- .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
6339
- right: 0;
6340
- }
6341
- .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
6342
- color: #959ea9;
6343
- }
6344
- .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
6345
- fill: #f64747;
6346
- }
6347
- .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
6348
- width: 14px;
6349
- height: 14px;
6350
- }
6351
- .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
6352
- -webkit-transition: fill 0.1s;
6353
- transition: fill 0.1s;
6354
- fill: inherit;
6355
- }
6356
- .numInputWrapper {
6357
- position: relative;
6358
- height: auto;
6359
- }
6360
- .numInputWrapper input, .numInputWrapper span {
6361
- display: inline-block;
6362
- }
6363
- .numInputWrapper input {
6364
- width: 100%;
6365
- }
6366
- .numInputWrapper input::-ms-clear {
6367
- display: none;
6368
- }
6369
- .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
6370
- margin: 0;
6371
- -webkit-appearance: none;
6372
- }
6373
- .numInputWrapper span {
6374
- position: absolute;
6375
- right: 0;
6376
- width: 14px;
6377
- padding: 0 4px 0 2px;
6378
- height: 50%;
6379
- line-height: 50%;
6380
- opacity: 0;
6381
- cursor: pointer;
6382
- border: 1px solid rgba(57,57,57,0.15);
6383
- -webkit-box-sizing: border-box;
6384
- box-sizing: border-box;
6385
- }
6386
- .numInputWrapper span:hover {
6387
- background: rgba(0,0,0,0.1);
6388
- }
6389
- .numInputWrapper span:active {
6390
- background: rgba(0,0,0,0.2);
6391
- }
6392
- .numInputWrapper span:after {
6393
- display: block;
6394
- content: "";
6395
- position: absolute;
6396
- }
6397
- .numInputWrapper span.arrowUp {
6398
- top: 0;
6399
- border-bottom: 0;
6400
- }
6401
- .numInputWrapper span.arrowUp:after {
6402
- border-left: 4px solid transparent;
6403
- border-right: 4px solid transparent;
6404
- border-bottom: 4px solid rgba(57,57,57,0.6);
6405
- top: 26%;
6406
- }
6407
- .numInputWrapper span.arrowDown {
6408
- top: 50%;
6409
- }
6410
- .numInputWrapper span.arrowDown:after {
6411
- border-left: 4px solid transparent;
6412
- border-right: 4px solid transparent;
6413
- border-top: 4px solid rgba(57,57,57,0.6);
6414
- top: 40%;
6415
- }
6416
- .numInputWrapper span svg {
6417
- width: inherit;
6418
- height: auto;
6419
- }
6420
- .numInputWrapper span svg path {
6421
- fill: rgba(0,0,0,0.5);
6422
- }
6423
- .numInputWrapper:hover {
6424
- background: rgba(0,0,0,0.05);
6425
- }
6426
- .numInputWrapper:hover span {
6427
- opacity: 1;
6428
- }
6429
- .flatpickr-current-month {
6430
- font-size: 135%;
6431
- line-height: inherit;
6432
- font-weight: 300;
6433
- color: inherit;
6434
- position: absolute;
6435
- width: 75%;
6436
- left: 12.5%;
6437
- padding: 7.48px 0 0 0;
6438
- line-height: 1;
6439
- height: 34px;
6440
- display: inline-block;
6441
- text-align: center;
6442
- -webkit-transform: translate3d(0px, 0px, 0px);
6443
- transform: translate3d(0px, 0px, 0px);
6444
- }
6445
- .flatpickr-current-month span.cur-month {
6446
- font-family: inherit;
6447
- font-weight: 700;
6448
- color: inherit;
6449
- display: inline-block;
6450
- margin-left: 0.5ch;
6451
- padding: 0;
6452
- }
6453
- .flatpickr-current-month span.cur-month:hover {
6454
- background: rgba(0,0,0,0.05);
6455
- }
6456
- .flatpickr-current-month .numInputWrapper {
6457
- width: 6ch;
6458
- width: 7ch\0;
6459
- display: inline-block;
6460
- }
6461
- .flatpickr-current-month .numInputWrapper span.arrowUp:after {
6462
- border-bottom-color: rgba(0,0,0,0.9);
6463
- }
6464
- .flatpickr-current-month .numInputWrapper span.arrowDown:after {
6465
- border-top-color: rgba(0,0,0,0.9);
6466
- }
6467
- .flatpickr-current-month input.cur-year {
6468
- background: transparent;
6469
- -webkit-box-sizing: border-box;
6470
- box-sizing: border-box;
6471
- color: inherit;
6472
- cursor: text;
6473
- padding: 0 0 0 0.5ch;
6474
- margin: 0;
6475
- display: inline-block;
6476
- font-size: inherit;
6477
- font-family: inherit;
6478
- font-weight: 300;
6479
- line-height: inherit;
6480
- height: auto;
6481
- border: 0;
6482
- border-radius: 0;
6483
- vertical-align: initial;
6484
- -webkit-appearance: textfield;
6485
- -moz-appearance: textfield;
6486
- appearance: textfield;
6487
- }
6488
- .flatpickr-current-month input.cur-year:focus {
6489
- outline: 0;
6490
- }
6491
- .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
6492
- font-size: 100%;
6493
- color: rgba(0,0,0,0.5);
6494
- background: transparent;
6495
- pointer-events: none;
6496
- }
6497
- .flatpickr-current-month .flatpickr-monthDropdown-months {
6498
- appearance: menulist;
6499
- background: transparent;
6500
- border: none;
6501
- border-radius: 0;
6502
- box-sizing: border-box;
6503
- color: inherit;
6504
- cursor: pointer;
6505
- font-size: inherit;
6506
- font-family: inherit;
6507
- font-weight: 300;
6508
- height: auto;
6509
- line-height: inherit;
6510
- margin: -1px 0 0 0;
6511
- outline: none;
6512
- padding: 0 0 0 0.5ch;
6513
- position: relative;
6514
- vertical-align: initial;
6515
- -webkit-box-sizing: border-box;
6516
- -webkit-appearance: menulist;
6517
- -moz-appearance: menulist;
6518
- width: auto;
6519
- }
6520
- .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
6521
- outline: none;
6522
- }
6523
- .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
6524
- background: rgba(0,0,0,0.05);
6525
- }
6526
- .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
6527
- background-color: transparent;
6528
- outline: none;
6529
- padding: 0;
6530
- }
6531
- .flatpickr-weekdays {
6532
- background: transparent;
6533
- text-align: center;
6534
- overflow: hidden;
6535
- width: 100%;
6536
- display: -webkit-box;
6537
- display: -webkit-flex;
6538
- display: -ms-flexbox;
6539
- display: flex;
6540
- -webkit-box-align: center;
6541
- -webkit-align-items: center;
6542
- -ms-flex-align: center;
6543
- align-items: center;
6544
- height: 28px;
6545
- }
6546
- .flatpickr-weekdays .flatpickr-weekdaycontainer {
6547
- display: -webkit-box;
6548
- display: -webkit-flex;
6549
- display: -ms-flexbox;
6550
- display: flex;
6551
- -webkit-box-flex: 1;
6552
- -webkit-flex: 1;
6553
- -ms-flex: 1;
6554
- flex: 1;
6555
- }
6556
- span.flatpickr-weekday {
6557
- cursor: default;
6558
- font-size: 90%;
6559
- background: transparent;
6560
- color: rgba(0,0,0,0.54);
6561
- line-height: 1;
6562
- margin: 0;
6563
- text-align: center;
6564
- display: block;
6565
- -webkit-box-flex: 1;
6566
- -webkit-flex: 1;
6567
- -ms-flex: 1;
6568
- flex: 1;
6569
- font-weight: bolder;
6570
- }
6571
- .dayContainer, .flatpickr-weeks {
6572
- padding: 1px 0 0 0;
6573
- }
6574
- .flatpickr-days {
6575
- position: relative;
6576
- overflow: hidden;
6577
- display: -webkit-box;
6578
- display: -webkit-flex;
6579
- display: -ms-flexbox;
6580
- display: flex;
6581
- -webkit-box-align: start;
6582
- -webkit-align-items: flex-start;
6583
- -ms-flex-align: start;
6584
- align-items: flex-start;
6585
- width: 307.875px;
6586
- }
6587
- .flatpickr-days:focus {
6588
- outline: 0;
6589
- }
6590
- .dayContainer {
6591
- padding: 0;
6592
- outline: 0;
6593
- text-align: left;
6594
- width: 307.875px;
6595
- min-width: 307.875px;
6596
- max-width: 307.875px;
6597
- -webkit-box-sizing: border-box;
6598
- box-sizing: border-box;
6599
- display: inline-block;
6600
- display: -ms-flexbox;
6601
- display: -webkit-box;
6602
- display: -webkit-flex;
6603
- display: flex;
6604
- -webkit-flex-wrap: wrap;
6605
- flex-wrap: wrap;
6606
- -ms-flex-wrap: wrap;
6607
- -ms-flex-pack: justify;
6608
- -webkit-justify-content: space-around;
6609
- justify-content: space-around;
6610
- -webkit-transform: translate3d(0px, 0px, 0px);
6611
- transform: translate3d(0px, 0px, 0px);
6612
- opacity: 1;
6613
- }
6614
- .dayContainer + .dayContainer {
6615
- -webkit-box-shadow: -1px 0 0 #e6e6e6;
6616
- box-shadow: -1px 0 0 #e6e6e6;
6617
- }
6618
- .flatpickr-day {
6619
- background: none;
6620
- border: 1px solid transparent;
6621
- border-radius: 150px;
6622
- -webkit-box-sizing: border-box;
6623
- box-sizing: border-box;
6624
- color: #393939;
6625
- cursor: pointer;
6626
- font-weight: 400;
6627
- width: 14.2857143%;
6628
- -webkit-flex-basis: 14.2857143%;
6629
- -ms-flex-preferred-size: 14.2857143%;
6630
- flex-basis: 14.2857143%;
6631
- max-width: 39px;
6632
- height: 39px;
6633
- line-height: 39px;
6634
- margin: 0;
6635
- display: inline-block;
6636
- position: relative;
6637
- -webkit-box-pack: center;
6638
- -webkit-justify-content: center;
6639
- -ms-flex-pack: center;
6640
- justify-content: center;
6641
- text-align: center;
6642
- }
6643
- .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
6644
- cursor: pointer;
6645
- outline: 0;
6646
- background: #e6e6e6;
6647
- border-color: #e6e6e6;
6648
- }
6649
- .flatpickr-day.today {
6650
- border-color: #959ea9;
6651
- }
6652
- .flatpickr-day.today:hover, .flatpickr-day.today:focus {
6653
- border-color: #959ea9;
6654
- background: #959ea9;
6655
- color: #fff;
6656
- }
6657
- .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
6658
- background: #569ff7;
6659
- -webkit-box-shadow: none;
6660
- box-shadow: none;
6661
- color: #fff;
6662
- border-color: #569ff7;
6663
- }
6664
- .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
6665
- border-radius: 50px 0 0 50px;
6666
- }
6667
- .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
6668
- border-radius: 0 50px 50px 0;
6669
- }
6670
- .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
6671
- -webkit-box-shadow: -10px 0 0 #569ff7;
6672
- box-shadow: -10px 0 0 #569ff7;
6673
- }
6674
- .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
6675
- border-radius: 50px;
6676
- }
6677
- .flatpickr-day.inRange {
6678
- border-radius: 0;
6679
- -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
6680
- box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
6681
- }
6682
- .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
6683
- color: rgba(57,57,57,0.3);
6684
- background: transparent;
6685
- border-color: transparent;
6686
- cursor: default;
6687
- }
6688
- .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
6689
- cursor: not-allowed;
6690
- color: rgba(57,57,57,0.1);
6691
- }
6692
- .flatpickr-day.week.selected {
6693
- border-radius: 0;
6694
- -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
6695
- box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
6696
- }
6697
- .flatpickr-day.hidden {
6698
- visibility: hidden;
6699
- }
6700
- .rangeMode .flatpickr-day {
6701
- margin-top: 1px;
6702
- }
6703
- .flatpickr-weekwrapper {
6704
- float: left;
6705
- }
6706
- .flatpickr-weekwrapper .flatpickr-weeks {
6707
- padding: 0 12px;
6708
- -webkit-box-shadow: 1px 0 0 #e6e6e6;
6709
- box-shadow: 1px 0 0 #e6e6e6;
6710
- }
6711
- .flatpickr-weekwrapper .flatpickr-weekday {
6712
- float: none;
6713
- width: 100%;
6714
- line-height: 28px;
6715
- }
6716
- .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
6717
- display: block;
6718
- width: 100%;
6719
- max-width: none;
6720
- color: rgba(57,57,57,0.3);
6721
- background: transparent;
6722
- cursor: default;
6723
- border: none;
6724
- }
6725
- .flatpickr-innerContainer {
6726
- display: block;
6727
- display: -webkit-box;
6728
- display: -webkit-flex;
6729
- display: -ms-flexbox;
6730
- display: flex;
6731
- -webkit-box-sizing: border-box;
6732
- box-sizing: border-box;
6733
- overflow: hidden;
6734
- }
6735
- .flatpickr-rContainer {
6736
- display: inline-block;
6737
- padding: 0;
6738
- -webkit-box-sizing: border-box;
6739
- box-sizing: border-box;
6740
- }
6741
- .flatpickr-time {
6742
- text-align: center;
6743
- outline: 0;
6744
- display: block;
6745
- height: 0;
6746
- line-height: 40px;
6747
- max-height: 40px;
6748
- -webkit-box-sizing: border-box;
6749
- box-sizing: border-box;
6750
- overflow: hidden;
6751
- display: -webkit-box;
6752
- display: -webkit-flex;
6753
- display: -ms-flexbox;
6754
- display: flex;
6755
- }
6756
- .flatpickr-time:after {
6757
- content: "";
6758
- display: table;
6759
- clear: both;
6760
- }
6761
- .flatpickr-time .numInputWrapper {
6762
- -webkit-box-flex: 1;
6763
- -webkit-flex: 1;
6764
- -ms-flex: 1;
6765
- flex: 1;
6766
- width: 40%;
6767
- height: 40px;
6768
- float: left;
6769
- }
6770
- .flatpickr-time .numInputWrapper span.arrowUp:after {
6771
- border-bottom-color: #393939;
6772
- }
6773
- .flatpickr-time .numInputWrapper span.arrowDown:after {
6774
- border-top-color: #393939;
6775
- }
6776
- .flatpickr-time.hasSeconds .numInputWrapper {
6777
- width: 26%;
6778
- }
6779
- .flatpickr-time.time24hr .numInputWrapper {
6780
- width: 49%;
6781
- }
6782
- .flatpickr-time input {
6783
- background: transparent;
6784
- -webkit-box-shadow: none;
6785
- box-shadow: none;
6786
- border: 0;
6787
- border-radius: 0;
6788
- text-align: center;
6789
- margin: 0;
6790
- padding: 0;
6791
- height: inherit;
6792
- line-height: inherit;
6793
- color: #393939;
6794
- font-size: 14px;
6795
- position: relative;
6796
- -webkit-box-sizing: border-box;
6797
- box-sizing: border-box;
6798
- -webkit-appearance: textfield;
6799
- -moz-appearance: textfield;
6800
- appearance: textfield;
6801
- }
6802
- .flatpickr-time input.flatpickr-hour {
6803
- font-weight: bold;
6804
- }
6805
- .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
6806
- font-weight: 400;
6807
- }
6808
- .flatpickr-time input:focus {
6809
- outline: 0;
6810
- border: 0;
6811
- }
6812
- .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
6813
- height: inherit;
6814
- float: left;
6815
- line-height: inherit;
6816
- color: #393939;
6817
- font-weight: bold;
6818
- width: 2%;
6819
- -webkit-user-select: none;
6820
- -moz-user-select: none;
6821
- -ms-user-select: none;
6822
- user-select: none;
6823
- -webkit-align-self: center;
6824
- -ms-flex-item-align: center;
6825
- align-self: center;
6826
- }
6827
- .flatpickr-time .flatpickr-am-pm {
6828
- outline: 0;
6829
- width: 18%;
6830
- cursor: pointer;
6831
- text-align: center;
6832
- font-weight: 400;
6833
- }
6834
- .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
6835
- background: #eee;
6836
- }
6837
- .flatpickr-input[readonly] {
6838
- cursor: pointer;
6839
- }
6840
- @-webkit-keyframes fpFadeInDown {
6841
- from {
6842
- opacity: 0;
6843
- -webkit-transform: translate3d(0, -20px, 0);
6844
- transform: translate3d(0, -20px, 0);
6845
- }
6846
- to {
6847
- opacity: 1;
6848
- -webkit-transform: translate3d(0, 0, 0);
6849
- transform: translate3d(0, 0, 0);
6850
- }
6851
- }
6852
- @keyframes fpFadeInDown {
6853
- from {
6854
- opacity: 0;
6855
- -webkit-transform: translate3d(0, -20px, 0);
6856
- transform: translate3d(0, -20px, 0);
6857
- }
6858
- to {
6859
- opacity: 1;
6860
- -webkit-transform: translate3d(0, 0, 0);
6861
- transform: translate3d(0, 0, 0);
6862
- }
6863
- }
6864
- /*! @algolia/autocomplete-theme-classic 1.19.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
6865
- :root {
6866
- --aa-search-input-height: 44px;
6867
- --aa-input-icon-size: 20px;
6868
- --aa-base-unit: 16;
6869
- --aa-spacing-factor: 1;
6870
- --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
6871
- --aa-spacing-half: calc(var(--aa-spacing) / 2);
6872
- --aa-panel-max-height: 650px;
6873
- --aa-base-z-index: 9999;
6874
- --aa-font-size: calc(var(--aa-base-unit) * 1px);
6875
- --aa-font-family: inherit;
6876
- --aa-font-weight-medium: 500;
6877
- --aa-font-weight-semibold: 600;
6878
- --aa-font-weight-bold: 700;
6879
- --aa-icon-size: 20px;
6880
- --aa-icon-stroke-width: 1.6;
6881
- --aa-icon-color-rgb: 119, 119, 163;
6882
- --aa-icon-color-alpha: 1;
6883
- --aa-action-icon-size: 20px;
6884
- --aa-text-color-rgb: 38, 38, 39;
6885
- --aa-text-color-alpha: 1;
6886
- --aa-primary-color-rgb: 62, 52, 211;
6887
- --aa-primary-color-alpha: 0.2;
6888
- --aa-muted-color-rgb: 128, 126, 163;
6889
- --aa-muted-color-alpha: 0.6;
6890
- --aa-panel-border-color-rgb: 128, 126, 163;
6891
- --aa-panel-border-color-alpha: 0.3;
6892
- --aa-input-border-color-rgb: 128, 126, 163;
6893
- --aa-input-border-color-alpha: 0.8;
6894
- --aa-background-color-rgb: 255, 255, 255;
6895
- --aa-background-color-alpha: 1;
6896
- --aa-input-background-color-rgb: 255, 255, 255;
6897
- --aa-input-background-color-alpha: 1;
6898
- --aa-selected-color-rgb: 179, 173, 214;
6899
- --aa-selected-color-alpha: 0.205;
6900
- --aa-description-highlight-background-color-rgb: 245, 223, 77;
6901
- --aa-description-highlight-background-color-alpha: 0.5;
6902
- --aa-detached-media-query: (max-width: 680px);
6903
- --aa-detached-modal-media-query: (min-width: 680px);
6904
- --aa-detached-modal-max-width: 680px;
6905
- --aa-detached-modal-max-height: 500px;
6906
- --aa-overlay-color-rgb: 115, 114, 129;
6907
- --aa-overlay-color-alpha: 0.4;
6908
- --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, .1),
6909
- 0 6px 16px -4px rgba(35, 38, 59, .15);
6910
- --aa-scrollbar-width: 13px;
6911
- --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
6912
- --aa-scrollbar-track-background-color-alpha: 1;
6913
- --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
6914
- --aa-scrollbar-thumb-background-color-alpha: 1;
6915
- }
6916
- @media (hover: none) and (pointer: coarse) {
6917
- :root {
6918
- --aa-spacing-factor: 1.2;
6919
- --aa-action-icon-size: 22px;
6920
- }
6921
- }
6922
- body[data-theme=dark], body.dark {
6923
- --aa-text-color-rgb: 183, 192, 199;
6924
- --aa-primary-color-rgb: 146, 138, 255;
6925
- --aa-muted-color-rgb: 146, 138, 255;
6926
- --aa-input-background-color-rgb: 0, 3, 9;
6927
- --aa-background-color-rgb: 21, 24, 42;
6928
- --aa-selected-color-rgb: 146, 138, 255;
6929
- --aa-selected-color-alpha: 0.25;
6930
- --aa-description-highlight-background-color-rgb: 0 255 255;
6931
- --aa-description-highlight-background-color-alpha: 0.25;
6932
- --aa-icon-color-rgb: 119, 119, 163;
6933
- --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),
6934
- 0 3px 8px 0 rgb(0, 3, 9);
6935
- --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
6936
- --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
6937
- }
6938
- .aa-Panel *, .aa-Autocomplete *, .aa-DetachedFormContainer * {
6939
- box-sizing: border-box;
6940
- }
6941
- .aa-Panel, .aa-Autocomplete, .aa-DetachedFormContainer {
6942
- color: rgba(38, 38, 39, 1);
6943
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
6944
- font-family: inherit;
6945
- font-family: var(--aa-font-family);
6946
- font-size: calc(16 * 1px);
6947
- font-size: var(--aa-font-size);
6948
- font-weight: normal;
6949
- line-height: 1em;
6950
- margin: 0;
6951
- padding: 0;
6952
- text-align: left;
6953
- }
6954
- .aa-Form {
6955
- align-items: center;
6956
- background-color: rgba(255, 255, 255, 1);
6957
- background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
6958
- border: 1px solid rgba(128, 126, 163, 0.8);
6959
- border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
6960
- border-radius: 3px;
6961
- display: flex;
6962
- line-height: 1em;
6963
- margin: 0;
6964
- position: relative;
6965
- width: 100%;
6966
- }
6967
- .aa-Form:focus-within {
6968
- border-color: rgba(62, 52, 211, 1);
6969
- border-color: rgba(var(--aa-primary-color-rgb), 1);
6970
- box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px;
6971
- box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
6972
- outline: currentColor none medium;
6973
- }
6974
- .aa-InputWrapperPrefix {
6975
- align-items: center;
6976
- display: flex;
6977
- flex-shrink: 0;
6978
- height: 44px;
6979
- height: var(--aa-search-input-height);
6980
- order: 1;
6981
- }
6982
- .aa-Label, .aa-LoadingIndicator {
6983
- cursor: auto;
6984
- cursor: initial;
6985
- flex-shrink: 0;
6986
- height: 100%;
6987
- padding: 0;
6988
- text-align: left;
6989
- }
6990
- .aa-Label svg, .aa-LoadingIndicator svg {
6991
- color: rgba(62, 52, 211, 1);
6992
- color: rgba(var(--aa-primary-color-rgb), 1);
6993
- height: auto;
6994
- max-height: 20px;
6995
- max-height: var(--aa-input-icon-size);
6996
- stroke-width: 1.6;
6997
- stroke-width: var(--aa-icon-stroke-width);
6998
- width: 20px;
6999
- width: var(--aa-input-icon-size);
7000
- }
7001
- .aa-SubmitButton, .aa-LoadingIndicator {
7002
- height: 100%;
7003
- padding-left: calc((16 * 1 * 1px) * 0.75 - 1px);
7004
- padding-left: calc(calc(16 * 1 * 1px) * 0.75 - 1px);
7005
- padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
7006
- padding-right: calc((16 * 1 * 1px) / 2);
7007
- padding-right: calc(calc(16 * 1 * 1px) / 2);
7008
- padding-right: var(--aa-spacing-half);
7009
- width: calc((16 * 1 * 1px) * 1.75 + 20px - 1px);
7010
- width: calc(calc(16 * 1 * 1px) * 1.75 + 20px - 1px);
7011
- width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);
7012
- }
7013
- @media (hover: none) and (pointer: coarse) {
7014
- .aa-SubmitButton, .aa-LoadingIndicator {
7015
- padding-left: calc(((16 * 1 * 1px) / 2) / 2 - 1px);
7016
- padding-left: calc(calc(calc(16 * 1 * 1px) / 2) / 2 - 1px);
7017
- padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
7018
- width: calc(20px + (16 * 1 * 1px) * 1.25 - 1px);
7019
- width: calc(20px + calc(16 * 1 * 1px) * 1.25 - 1px);
7020
- width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);
7021
- }
7022
- }
7023
- .aa-SubmitButton {
7024
- -webkit-appearance: none;
7025
- -moz-appearance: none;
7026
- appearance: none;
7027
- background: none;
7028
- border: 0;
7029
- margin: 0;
7030
- }
7031
- .aa-LoadingIndicator {
7032
- align-items: center;
7033
- display: flex;
7034
- justify-content: center;
7035
- }
7036
- .aa-LoadingIndicator[hidden] {
7037
- display: none;
7038
- }
7039
- .aa-InputWrapper {
7040
- order: 3;
7041
- position: relative;
7042
- width: 100%;
7043
- }
7044
- .aa-Input {
7045
- -webkit-appearance: none;
7046
- -moz-appearance: none;
7047
- appearance: none;
7048
- background: none;
7049
- border: 0;
7050
- color: rgba(38, 38, 39, 1);
7051
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7052
- font: inherit;
7053
- height: 44px;
7054
- height: var(--aa-search-input-height);
7055
- padding: 0;
7056
- width: 100%;
7057
- }
7058
- .aa-Input::-moz-placeholder {
7059
- color: rgba(128, 126, 163, 0.6);
7060
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7061
- opacity: 1;
7062
- }
7063
- .aa-Input::placeholder {
7064
- color: rgba(128, 126, 163, 0.6);
7065
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7066
- opacity: 1;
7067
- }
7068
- .aa-Input:focus {
7069
- border-color: none;
7070
- box-shadow: none;
7071
- outline: none;
7072
- }
7073
- .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
7074
- -webkit-appearance: none;
7075
- appearance: none;
7076
- }
7077
- .aa-InputWrapperSuffix {
7078
- align-items: center;
7079
- display: flex;
7080
- height: 44px;
7081
- height: var(--aa-search-input-height);
7082
- order: 4;
7083
- }
7084
- .aa-ClearButton {
7085
- align-items: center;
7086
- background: none;
7087
- border: 0;
7088
- color: rgba(128, 126, 163, 0.6);
7089
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7090
- cursor: pointer;
7091
- display: flex;
7092
- height: 100%;
7093
- margin: 0;
7094
- padding: 0 calc((16 * 1 * 1px) * 0.8333333333 - 0.5px);
7095
- padding: 0 calc(calc(16 * 1 * 1px) * 0.8333333333 - 0.5px);
7096
- padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);
7097
- }
7098
- @media (hover: none) and (pointer: coarse) {
7099
- .aa-ClearButton {
7100
- padding: 0 calc((16 * 1 * 1px) * 0.6666666667 - 0.5px);
7101
- padding: 0 calc(calc(16 * 1 * 1px) * 0.6666666667 - 0.5px);
7102
- padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);
7103
- }
7104
- }
7105
- .aa-ClearButton:hover, .aa-ClearButton:focus {
7106
- color: rgba(38, 38, 39, 1);
7107
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7108
- }
7109
- .aa-ClearButton[hidden] {
7110
- display: none;
7111
- }
7112
- .aa-ClearButton svg {
7113
- stroke-width: 1.6;
7114
- stroke-width: var(--aa-icon-stroke-width);
7115
- width: 20px;
7116
- width: var(--aa-icon-size);
7117
- }
7118
- .aa-Panel {
7119
- background-color: rgba(255, 255, 255, 1);
7120
- background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7121
- border-radius: calc((16 * 1 * 1px) / 4);
7122
- border-radius: calc(calc(16 * 1 * 1px) / 4);
7123
- border-radius: calc(var(--aa-spacing) / 4);
7124
- box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
7125
- box-shadow: var(--aa-panel-shadow);
7126
- margin: 8px 0 0;
7127
- overflow: hidden;
7128
- position: absolute;
7129
- transition: opacity 200ms ease-in, filter 200ms ease-in;
7130
- }
7131
- @media screen and (prefers-reduced-motion) {
7132
- .aa-Panel {
7133
- transition: none;
7134
- }
7135
- }
7136
- .aa-Panel button {
7137
- -webkit-appearance: none;
7138
- -moz-appearance: none;
7139
- appearance: none;
7140
- background: none;
7141
- border: 0;
7142
- margin: 0;
7143
- padding: 0;
7144
- }
7145
- .aa-PanelLayout {
7146
- height: 100%;
7147
- margin: 0;
7148
- max-height: 650px;
7149
- max-height: var(--aa-panel-max-height);
7150
- overflow-y: auto;
7151
- padding: 0;
7152
- position: relative;
7153
- text-align: left;
7154
- }
7155
- .aa-PanelLayoutColumns--twoGolden {
7156
- display: grid;
7157
- grid-template-columns: 39.2% auto;
7158
- overflow: hidden;
7159
- padding: 0;
7160
- }
7161
- .aa-PanelLayoutColumns--two {
7162
- display: grid;
7163
- grid-template-columns: repeat(2, minmax(0, 1fr));
7164
- overflow: hidden;
7165
- padding: 0;
7166
- }
7167
- .aa-PanelLayoutColumns--three {
7168
- display: grid;
7169
- grid-template-columns: repeat(3, minmax(0, 1fr));
7170
- overflow: hidden;
7171
- padding: 0;
7172
- }
7173
- .aa-Panel--stalled .aa-Source {
7174
- filter: grayscale(1);
7175
- opacity: 0.8;
7176
- }
7177
- .aa-Panel--scrollable {
7178
- margin: 0;
7179
- max-height: 650px;
7180
- max-height: var(--aa-panel-max-height);
7181
- overflow-x: hidden;
7182
- overflow-y: auto;
7183
- padding: calc((16 * 1 * 1px) / 2);
7184
- padding: calc(calc(16 * 1 * 1px) / 2);
7185
- padding: var(--aa-spacing-half);
7186
- scrollbar-color: rgba(255, 255, 255, 1) rgba(234, 234, 234, 1);
7187
- scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
7188
- scrollbar-width: thin;
7189
- }
7190
- .aa-Panel--scrollable::-webkit-scrollbar {
7191
- width: 13px;
7192
- width: var(--aa-scrollbar-width);
7193
- }
7194
- .aa-Panel--scrollable::-webkit-scrollbar-track {
7195
- background-color: rgba(234, 234, 234, 1);
7196
- background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
7197
- }
7198
- .aa-Panel--scrollable::-webkit-scrollbar-thumb {
7199
- background-color: rgba(255, 255, 255, 1);
7200
- background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
7201
- border-color: rgba(234, 234, 234, 1);
7202
- border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
7203
- border-radius: 9999px;
7204
- border-style: solid;
7205
- border-width: 3px 2px 3px 3px;
7206
- }
7207
- .aa-Source {
7208
- margin: 0;
7209
- padding: 0;
7210
- position: relative;
7211
- width: 100%;
7212
- }
7213
- .aa-Source:empty {
7214
- display: none;
7215
- }
7216
- .aa-SourceNoResults {
7217
- font-size: 1em;
7218
- margin: 0;
7219
- padding: calc(16 * 1 * 1px);
7220
- padding: var(--aa-spacing);
7221
- }
7222
- .aa-List {
7223
- list-style: none;
7224
- margin: 0;
7225
- padding: 0;
7226
- position: relative;
7227
- }
7228
- .aa-SourceHeader {
7229
- margin: calc((16 * 1 * 1px) / 2) 0.5em calc((16 * 1 * 1px) / 2) 0;
7230
- margin: calc(calc(16 * 1 * 1px) / 2) 0.5em calc(calc(16 * 1 * 1px) / 2) 0;
7231
- margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;
7232
- padding: 0;
7233
- position: relative;
7234
- }
7235
- .aa-SourceHeader:empty {
7236
- display: none;
7237
- }
7238
- .aa-SourceHeaderTitle {
7239
- background: rgba(255, 255, 255, 1);
7240
- background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7241
- color: rgba(62, 52, 211, 1);
7242
- color: rgba(var(--aa-primary-color-rgb), 1);
7243
- display: inline-block;
7244
- font-size: 0.8em;
7245
- font-weight: 600;
7246
- font-weight: var(--aa-font-weight-semibold);
7247
- margin: 0;
7248
- padding: 0 calc((16 * 1 * 1px) / 2) 0 0;
7249
- padding: 0 calc(calc(16 * 1 * 1px) / 2) 0 0;
7250
- padding: 0 var(--aa-spacing-half) 0 0;
7251
- position: relative;
7252
- z-index: 9999;
7253
- z-index: var(--aa-base-z-index);
7254
- }
7255
- .aa-SourceHeaderLine {
7256
- border-bottom: solid 1px rgba(62, 52, 211, 1);
7257
- border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);
7258
- display: block;
7259
- height: 2px;
7260
- left: 0;
7261
- margin: 0;
7262
- opacity: 0.3;
7263
- padding: 0;
7264
- position: absolute;
7265
- right: 0;
7266
- top: calc((16 * 1 * 1px) / 2);
7267
- top: calc(calc(16 * 1 * 1px) / 2);
7268
- top: var(--aa-spacing-half);
7269
- z-index: calc(9999 - 1);
7270
- z-index: calc(var(--aa-base-z-index) - 1);
7271
- }
7272
- .aa-SourceFooterSeeAll {
7273
- background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(128, 126, 163, 0.14));
7274
- background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
7275
- border: 1px solid rgba(128, 126, 163, 0.6);
7276
- border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7277
- border-radius: 5px;
7278
- box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);
7279
- color: inherit;
7280
- font-size: 0.95em;
7281
- font-weight: 500;
7282
- font-weight: var(--aa-font-weight-medium);
7283
- padding: 0.475em 1em 0.6em;
7284
- -webkit-text-decoration: none;
7285
- text-decoration: none;
7286
- }
7287
- .aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
7288
- border: 1px solid rgba(62, 52, 211, 1);
7289
- border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
7290
- color: rgba(62, 52, 211, 1);
7291
- color: rgba(var(--aa-primary-color-rgb), 1);
7292
- }
7293
- .aa-Item {
7294
- align-items: center;
7295
- border-radius: 3px;
7296
- cursor: pointer;
7297
- display: grid;
7298
- min-height: calc((16 * 1 * 1px) * 2.5);
7299
- min-height: calc(calc(16 * 1 * 1px) * 2.5);
7300
- min-height: calc(var(--aa-spacing) * 2.5);
7301
- padding: calc(((16 * 1 * 1px) / 2) / 2);
7302
- padding: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7303
- padding: calc(var(--aa-spacing-half) / 2);
7304
- }
7305
- .aa-Item[aria-selected=true] {
7306
- background-color: rgba(179, 173, 214, 0.205);
7307
- background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha));
7308
- }
7309
- .aa-Item[aria-selected=true] .aa-ItemActionButton, .aa-Item[aria-selected=true] .aa-ActiveOnly {
7310
- visibility: visible;
7311
- }
7312
- .aa-ItemIcon {
7313
- align-items: center;
7314
- background: rgba(255, 255, 255, 1);
7315
- background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7316
- border-radius: 3px;
7317
- box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
7318
- box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
7319
- color: rgba(119, 119, 163, 1);
7320
- color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
7321
- display: flex;
7322
- flex-shrink: 0;
7323
- font-size: 0.7em;
7324
- height: calc(20px + ((16 * 1 * 1px) / 2));
7325
- height: calc(20px + calc(calc(16 * 1 * 1px) / 2));
7326
- height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
7327
- justify-content: center;
7328
- overflow: hidden;
7329
- stroke-width: 1.6;
7330
- stroke-width: var(--aa-icon-stroke-width);
7331
- text-align: center;
7332
- width: calc(20px + ((16 * 1 * 1px) / 2));
7333
- width: calc(20px + calc(calc(16 * 1 * 1px) / 2));
7334
- width: calc(var(--aa-icon-size) + var(--aa-spacing-half));
7335
- }
7336
- .aa-ItemIcon img {
7337
- height: auto;
7338
- max-height: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
7339
- max-height: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
7340
- max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
7341
- max-width: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
7342
- max-width: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
7343
- max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
7344
- width: auto;
7345
- }
7346
- .aa-ItemIcon svg {
7347
- height: 20px;
7348
- height: var(--aa-icon-size);
7349
- width: 20px;
7350
- width: var(--aa-icon-size);
7351
- }
7352
- .aa-ItemIcon--alignTop {
7353
- align-self: flex-start;
7354
- }
7355
- .aa-ItemIcon--noBorder {
7356
- background: none;
7357
- box-shadow: none;
7358
- }
7359
- .aa-ItemIcon--picture {
7360
- height: 96px;
7361
- width: 96px;
7362
- }
7363
- .aa-ItemIcon--picture img {
7364
- max-height: 100%;
7365
- max-width: 100%;
7366
- padding: calc((16 * 1 * 1px) / 2);
7367
- padding: calc(calc(16 * 1 * 1px) / 2);
7368
- padding: var(--aa-spacing-half);
7369
- }
7370
- .aa-ItemContent {
7371
- align-items: center;
7372
- cursor: pointer;
7373
- display: grid;
7374
- gap: calc((16 * 1 * 1px) / 2);
7375
- gap: calc(calc(16 * 1 * 1px) / 2);
7376
- grid-gap: calc((16 * 1 * 1px) / 2);
7377
- grid-gap: calc(calc(16 * 1 * 1px) / 2);
7378
- grid-gap: var(--aa-spacing-half);
7379
- gap: var(--aa-spacing-half);
7380
- grid-auto-flow: column;
7381
- line-height: 1.25em;
7382
- overflow: hidden;
7383
- }
7384
- .aa-ItemContent:empty {
7385
- display: none;
7386
- }
7387
- .aa-ItemContent mark {
7388
- background: none;
7389
- color: rgba(38, 38, 39, 1);
7390
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7391
- font-style: normal;
7392
- font-weight: 700;
7393
- font-weight: var(--aa-font-weight-bold);
7394
- }
7395
- .aa-ItemContent--dual {
7396
- display: flex;
7397
- flex-direction: column;
7398
- justify-content: space-between;
7399
- text-align: left;
7400
- }
7401
- .aa-ItemContent--dual .aa-ItemContentTitle, .aa-ItemContent--dual .aa-ItemContentSubtitle {
7402
- display: block;
7403
- }
7404
- .aa-ItemContent--indented {
7405
- padding-left: calc(20px + (16 * 1 * 1px));
7406
- padding-left: calc(20px + calc(16 * 1 * 1px));
7407
- padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));
7408
- }
7409
- .aa-ItemContentBody {
7410
- display: grid;
7411
- gap: calc(((16 * 1 * 1px) / 2) / 2);
7412
- gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7413
- grid-gap: calc(((16 * 1 * 1px) / 2) / 2);
7414
- grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7415
- grid-gap: calc(var(--aa-spacing-half) / 2);
7416
- gap: calc(var(--aa-spacing-half) / 2);
7417
- }
7418
- .aa-ItemContentTitle {
7419
- display: inline-block;
7420
- margin: 0 0.5em 0 0;
7421
- max-width: 100%;
7422
- overflow: hidden;
7423
- padding: 0;
7424
- text-overflow: ellipsis;
7425
- white-space: nowrap;
7426
- }
7427
- .aa-ItemContentSubtitle {
7428
- font-size: 0.92em;
7429
- }
7430
- .aa-ItemContentSubtitleIcon::before {
7431
- border-color: rgba(128, 126, 163, 0.64);
7432
- border-color: rgba(var(--aa-muted-color-rgb), 0.64);
7433
- border-style: solid;
7434
- content: "";
7435
- display: inline-block;
7436
- left: 1px;
7437
- position: relative;
7438
- top: -3px;
7439
- }
7440
- .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {
7441
- border-width: 0 0 1.5px;
7442
- margin-left: calc((16 * 1 * 1px) / 2);
7443
- margin-left: calc(calc(16 * 1 * 1px) / 2);
7444
- margin-left: var(--aa-spacing-half);
7445
- margin-right: calc(((16 * 1 * 1px) / 2) / 2);
7446
- margin-right: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7447
- margin-right: calc(var(--aa-spacing-half) / 2);
7448
- width: calc(((16 * 1 * 1px) / 2) + 2px);
7449
- width: calc(calc(calc(16 * 1 * 1px) / 2) + 2px);
7450
- width: calc(var(--aa-spacing-half) + 2px);
7451
- }
7452
- .aa-ItemContentSubtitle--standalone {
7453
- align-items: center;
7454
- color: rgba(38, 38, 39, 1);
7455
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7456
- display: grid;
7457
- gap: calc((16 * 1 * 1px) / 2);
7458
- gap: calc(calc(16 * 1 * 1px) / 2);
7459
- grid-gap: calc((16 * 1 * 1px) / 2);
7460
- grid-gap: calc(calc(16 * 1 * 1px) / 2);
7461
- grid-gap: var(--aa-spacing-half);
7462
- gap: var(--aa-spacing-half);
7463
- grid-auto-flow: column;
7464
- justify-content: start;
7465
- }
7466
- .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {
7467
- border-radius: 0 0 0 3px;
7468
- border-width: 0 0 1.5px 1.5px;
7469
- height: calc((16 * 1 * 1px) / 2);
7470
- height: calc(calc(16 * 1 * 1px) / 2);
7471
- height: var(--aa-spacing-half);
7472
- width: calc((16 * 1 * 1px) / 2);
7473
- width: calc(calc(16 * 1 * 1px) / 2);
7474
- width: var(--aa-spacing-half);
7475
- }
7476
- .aa-ItemContentSubtitleCategory {
7477
- color: rgba(128, 126, 163, 1);
7478
- color: rgba(var(--aa-muted-color-rgb), 1);
7479
- font-weight: 500;
7480
- }
7481
- .aa-ItemContentDescription {
7482
- color: rgba(38, 38, 39, 1);
7483
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7484
- font-size: 0.85em;
7485
- max-width: 100%;
7486
- overflow-x: hidden;
7487
- text-overflow: ellipsis;
7488
- }
7489
- .aa-ItemContentDescription:empty {
7490
- display: none;
7491
- }
7492
- .aa-ItemContentDescription mark {
7493
- background: rgba(245, 223, 77, 0.5);
7494
- background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
7495
- color: rgba(38, 38, 39, 1);
7496
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7497
- font-style: normal;
7498
- font-weight: 500;
7499
- font-weight: var(--aa-font-weight-medium);
7500
- }
7501
- .aa-ItemContentDash {
7502
- color: rgba(128, 126, 163, 0.6);
7503
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7504
- display: none;
7505
- opacity: 0.4;
7506
- }
7507
- .aa-ItemContentTag {
7508
- background-color: rgba(62, 52, 211, 0.2);
7509
- background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
7510
- border-radius: 3px;
7511
- margin: 0 0.4em 0 0;
7512
- padding: 0.08em 0.3em;
7513
- }
7514
- .aa-ItemWrapper, .aa-ItemLink {
7515
- align-items: center;
7516
- color: inherit;
7517
- display: grid;
7518
- gap: calc(((16 * 1 * 1px) / 2) / 2);
7519
- gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7520
- grid-gap: calc(((16 * 1 * 1px) / 2) / 2);
7521
- grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2);
7522
- grid-gap: calc(var(--aa-spacing-half) / 2);
7523
- gap: calc(var(--aa-spacing-half) / 2);
7524
- grid-auto-flow: column;
7525
- justify-content: space-between;
7526
- width: 100%;
7527
- }
7528
- .aa-ItemLink {
7529
- color: inherit;
7530
- -webkit-text-decoration: none;
7531
- text-decoration: none;
7532
- }
7533
- .aa-ItemActions {
7534
- display: grid;
7535
- grid-auto-flow: column;
7536
- height: 100%;
7537
- justify-self: end;
7538
- margin: 0 calc((16 * 1 * 1px) / -3);
7539
- margin: 0 calc(calc(16 * 1 * 1px) / -3);
7540
- margin: 0 calc(var(--aa-spacing) / -3);
7541
- padding: 0 2px 0 0;
7542
- }
7543
- .aa-ItemActionButton {
7544
- align-items: center;
7545
- background: none;
7546
- border: 0;
7547
- color: rgba(128, 126, 163, 0.6);
7548
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7549
- cursor: pointer;
7550
- display: flex;
7551
- flex-shrink: 0;
7552
- padding: 0;
7553
- }
7554
- .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
7555
- color: rgba(38, 38, 39, 1);
7556
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7557
- }
7558
- @media (hover: none) and (pointer: coarse) {
7559
- .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
7560
- color: inherit;
7561
- }
7562
- }
7563
- .aa-ItemActionButton svg {
7564
- color: rgba(128, 126, 163, 0.6);
7565
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7566
- margin: 0;
7567
- margin: calc(calc(16 * 1 * 1px) / 3);
7568
- margin: calc(var(--aa-spacing) / 3);
7569
- stroke-width: 1.6;
7570
- stroke-width: var(--aa-icon-stroke-width);
7571
- width: 20px;
7572
- width: var(--aa-action-icon-size);
7573
- }
7574
- .aa-ActiveOnly {
7575
- visibility: hidden;
7576
- }
7577
- .aa-PanelHeader {
7578
- align-items: center;
7579
- background: rgba(62, 52, 211, 1);
7580
- background: rgba(var(--aa-primary-color-rgb), 1);
7581
- color: #fff;
7582
- display: grid;
7583
- height: var(--aa-modal-header-height);
7584
- margin: 0;
7585
- padding: calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
7586
- padding: calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
7587
- padding: var(--aa-spacing-half) var(--aa-spacing);
7588
- position: relative;
7589
- }
7590
- .aa-PanelHeader::after {
7591
- background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
7592
- background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
7593
- bottom: calc(((16 * 1 * 1px) / 2) * -1);
7594
- bottom: calc(calc(calc(16 * 1 * 1px) / 2) * -1);
7595
- bottom: calc(var(--aa-spacing-half) * -1);
7596
- content: "";
7597
- height: calc((16 * 1 * 1px) / 2);
7598
- height: calc(calc(16 * 1 * 1px) / 2);
7599
- height: var(--aa-spacing-half);
7600
- left: 0;
7601
- pointer-events: none;
7602
- position: absolute;
7603
- right: 0;
7604
- z-index: 9999;
7605
- z-index: var(--aa-base-z-index);
7606
- }
7607
- .aa-PanelFooter {
7608
- background-color: rgba(255, 255, 255, 1);
7609
- background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7610
- box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);
7611
- box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
7612
- display: flex;
7613
- justify-content: space-between;
7614
- margin: 0;
7615
- padding: calc(16 * 1 * 1px);
7616
- padding: var(--aa-spacing);
7617
- position: relative;
7618
- z-index: 9999;
7619
- z-index: var(--aa-base-z-index);
7620
- }
7621
- .aa-PanelFooter::after {
7622
- background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 126, 163, 0.6));
7623
- background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
7624
- content: "";
7625
- height: calc(16 * 1 * 1px);
7626
- height: var(--aa-spacing);
7627
- left: 0;
7628
- opacity: 0.12;
7629
- pointer-events: none;
7630
- position: absolute;
7631
- right: 0;
7632
- top: calc((16 * 1 * 1px) * -1);
7633
- top: calc(calc(16 * 1 * 1px) * -1);
7634
- top: calc(var(--aa-spacing) * -1);
7635
- z-index: calc(9999 - 1);
7636
- z-index: calc(var(--aa-base-z-index) - 1);
7637
- }
7638
- .aa-DetachedContainer {
7639
- background: rgba(255, 255, 255, 1);
7640
- background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7641
- bottom: 0;
7642
- box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
7643
- box-shadow: var(--aa-panel-shadow);
7644
- display: flex;
7645
- flex-direction: column;
7646
- left: 0;
7647
- margin: 0;
7648
- overflow: hidden;
7649
- padding: 0;
7650
- position: fixed;
7651
- right: 0;
7652
- top: 0;
7653
- z-index: 9999;
7654
- z-index: var(--aa-base-z-index);
7655
- }
7656
- .aa-DetachedContainer::after {
7657
- height: 32px;
7658
- }
7659
- .aa-DetachedContainer .aa-SourceHeader {
7660
- margin: calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px;
7661
- margin: calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px;
7662
- margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;
7663
- }
7664
- .aa-DetachedContainer .aa-Panel {
7665
- background-color: rgba(255, 255, 255, 1);
7666
- background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
7667
- border-radius: 0;
7668
- box-shadow: none;
7669
- flex-grow: 1;
7670
- margin: 0;
7671
- padding: 0;
7672
- position: relative;
7673
- }
7674
- .aa-DetachedContainer .aa-PanelLayout {
7675
- bottom: 0;
7676
- box-shadow: none;
7677
- left: 0;
7678
- margin: 0;
7679
- max-height: none;
7680
- overflow-y: auto;
7681
- position: absolute;
7682
- right: 0;
7683
- top: 0;
7684
- width: 100%;
7685
- }
7686
- .aa-DetachedFormContainer {
7687
- border-bottom: solid 1px rgba(128, 126, 163, 0.3);
7688
- border-bottom: solid 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
7689
- display: flex;
7690
- flex-direction: row;
7691
- justify-content: space-between;
7692
- margin: 0;
7693
- padding: calc((16 * 1 * 1px) / 2);
7694
- padding: calc(calc(16 * 1 * 1px) / 2);
7695
- padding: var(--aa-spacing-half);
7696
- }
7697
- .aa-DetachedCancelButton {
7698
- background: none;
7699
- border: 0;
7700
- border-radius: 3px;
7701
- color: inherit;
7702
- color: rgba(38, 38, 39, 1);
7703
- color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
7704
- cursor: pointer;
7705
- font: inherit;
7706
- margin: 0 0 0 calc((16 * 1 * 1px) / 2);
7707
- margin: 0 0 0 calc(calc(16 * 1 * 1px) / 2);
7708
- margin: 0 0 0 var(--aa-spacing-half);
7709
- padding: 0 calc((16 * 1 * 1px) / 2);
7710
- padding: 0 calc(calc(16 * 1 * 1px) / 2);
7711
- padding: 0 var(--aa-spacing-half);
7712
- }
7713
- .aa-DetachedCancelButton:hover, .aa-DetachedCancelButton:focus {
7714
- box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
7715
- box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
7716
- }
7717
- .aa-DetachedContainer--modal {
7718
- border-radius: 6px;
7719
- bottom: inherit;
7720
- height: auto;
7721
- margin: 0 auto;
7722
- max-width: 680px;
7723
- max-width: var(--aa-detached-modal-max-width);
7724
- position: absolute;
7725
- top: 3%;
7726
- }
7727
- .aa-DetachedContainer--modal .aa-PanelLayout {
7728
- max-height: 500px;
7729
- max-height: var(--aa-detached-modal-max-height);
7730
- padding-bottom: calc((16 * 1 * 1px) / 2);
7731
- padding-bottom: calc(calc(16 * 1 * 1px) / 2);
7732
- padding-bottom: var(--aa-spacing-half);
7733
- position: static;
7734
- }
7735
- .aa-DetachedContainer--modal .aa-PanelLayout:empty {
7736
- display: none;
7737
- }
7738
- .aa-DetachedSearchButton {
7739
- align-items: center;
7740
- background-color: rgba(255, 255, 255, 1);
7741
- background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
7742
- border: 1px solid rgba(128, 126, 163, 0.8);
7743
- border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
7744
- border-radius: 3px;
7745
- color: rgba(128, 126, 163, 0.6);
7746
- color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
7747
- cursor: pointer;
7748
- display: flex;
7749
- font: inherit;
7750
- font-family: inherit;
7751
- font-family: var(--aa-font-family);
7752
- font-size: calc(16 * 1px);
7753
- font-size: var(--aa-font-size);
7754
- height: 44px;
7755
- height: var(--aa-search-input-height);
7756
- margin: 0;
7757
- padding: 0 calc(44px / 8);
7758
- padding: 0 calc(var(--aa-search-input-height) / 8);
7759
- position: relative;
7760
- text-align: left;
7761
- width: 100%;
7762
- }
7763
- .aa-DetachedSearchButton:focus {
7764
- border-color: rgba(62, 52, 211, 1);
7765
- border-color: rgba(var(--aa-primary-color-rgb), 1);
7766
- box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px;
7767
- box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
7768
- outline: currentColor none medium;
7769
- }
7770
- .aa-DetachedSearchButtonIcon {
7771
- align-items: center;
7772
- color: rgba(62, 52, 211, 1);
7773
- color: rgba(var(--aa-primary-color-rgb), 1);
7774
- cursor: auto;
7775
- cursor: initial;
7776
- display: flex;
7777
- flex-shrink: 0;
7778
- height: 100%;
7779
- justify-content: center;
7780
- width: calc(20px + (16 * 1 * 1px));
7781
- width: calc(20px + calc(16 * 1 * 1px));
7782
- width: calc(var(--aa-icon-size) + var(--aa-spacing));
7783
- }
7784
- .aa-DetachedSearchButtonQuery {
7785
- color: rgba(38, 38, 39, 1);
7786
- color: rgba(var(--aa-text-color-rgb), 1);
7787
- line-height: 1.25em;
7788
- overflow: hidden;
7789
- text-overflow: ellipsis;
7790
- white-space: nowrap;
7791
- }
7792
- .aa-DetachedSearchButtonPlaceholder[hidden] {
7793
- display: none;
7794
- }
7795
- .aa-Detached {
7796
- height: 100vh;
7797
- overflow: hidden;
7798
- }
7799
- .aa-DetachedOverlay {
7800
- background-color: rgba(115, 114, 129, 0.4);
7801
- background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
7802
- height: 100vh;
7803
- left: 0;
7804
- margin: 0;
7805
- padding: 0;
7806
- position: fixed;
7807
- right: 0;
7808
- top: 0;
7809
- z-index: calc(9999 - 1);
7810
- z-index: calc(var(--aa-base-z-index) - 1);
7811
- }
7812
- .aa-GradientTop, .aa-GradientBottom {
7813
- height: calc((16 * 1 * 1px) / 2);
7814
- height: calc(calc(16 * 1 * 1px) / 2);
7815
- height: var(--aa-spacing-half);
7816
- left: 0;
7817
- pointer-events: none;
7818
- position: absolute;
7819
- right: 0;
7820
- z-index: 9999;
7821
- z-index: var(--aa-base-z-index);
7822
- }
7823
- .aa-GradientTop {
7824
- background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
7825
- background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
7826
- top: 0;
7827
- }
7828
- .aa-GradientBottom {
7829
- background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
7830
- background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
7831
- border-bottom-left-radius: calc((16 * 1 * 1px) / 4);
7832
- border-bottom-left-radius: calc(calc(16 * 1 * 1px) / 4);
7833
- border-bottom-left-radius: calc(var(--aa-spacing) / 4);
7834
- border-bottom-right-radius: calc((16 * 1 * 1px) / 4);
7835
- border-bottom-right-radius: calc(calc(16 * 1 * 1px) / 4);
7836
- border-bottom-right-radius: calc(var(--aa-spacing) / 4);
7837
- bottom: 0;
7838
- }
7839
- @media (hover: none) and (pointer: coarse) {
7840
- .aa-DesktopOnly {
7841
- display: none;
7842
- }
7843
- }
7844
- @media (hover: hover) {
7845
- .aa-TouchOnly {
7846
- display: none;
7847
- }
7848
- }
4233
+ @layer components {
7849
4234
  @font-face {
7850
4235
  font-family: 'Inter';
7851
4236
  font-style: normal;
@@ -9609,6 +5994,107 @@ trix-toolbar {
9609
5994
  width: calc(var(--spacing) * 4);
9610
5995
  height: calc(var(--spacing) * 4);
9611
5996
  }
5997
+ .trix-content.hidden {
5998
+ display: block !important;
5999
+ overflow: hidden;
6000
+ clip-path: inset(0 0 calc(100% - 50px) 0);
6001
+ -webkit-mask-image: linear-gradient(to bottom, black 30px, transparent 50px);
6002
+ mask-image: linear-gradient(to bottom, black 30px, transparent 50px);
6003
+ max-height: 50px;
6004
+ min-height: 0px;
6005
+ }
6006
+ .trix-content h1 {
6007
+ margin-bottom: calc(var(--spacing) * 2);
6008
+ font-size: var(--text-xl);
6009
+ line-height: var(--tw-leading, var(--text-xl--line-height));
6010
+ --tw-font-weight: var(--font-weight-bold);
6011
+ font-weight: var(--font-weight-bold);
6012
+ }
6013
+ .trix-content ul {
6014
+ list-style-type: disc;
6015
+ }
6016
+ .trix-content pre {
6017
+ font-size: var(--text-base);
6018
+ line-height: var(--tw-leading, var(--text-base--line-height));
6019
+ }
6020
+ .trix-content ol {
6021
+ list-style-type: decimal;
6022
+ }
6023
+ trix-editor {
6024
+ border-radius: var(--radius-lg);
6025
+ border-style: var(--tw-border-style);
6026
+ border-width: 1px;
6027
+ border-color: var(--color-tertiary);
6028
+ background-color: var(--color-primary);
6029
+ color: var(--color-content);
6030
+ &:empty::before {
6031
+ color: var(--color-content-secondary) !important;
6032
+ }
6033
+ }
6034
+ trix-toolbar {
6035
+ .trix-button-row {
6036
+ flex-wrap: wrap;
6037
+ column-gap: calc(var(--spacing) * 5);
6038
+ }
6039
+ .trix-button-group {
6040
+ border-style: var(--tw-border-style);
6041
+ border-width: 1px;
6042
+ border-color: var(--color-tertiary);
6043
+ }
6044
+ .trix-button-group:not(:first-child) {
6045
+ margin-inline-start: calc(var(--spacing) * 0);
6046
+ }
6047
+ }
6048
+ .trix-content {
6049
+ & .trix-content {
6050
+ --tw-border-style: none;
6051
+ border-style: none;
6052
+ }
6053
+ }
6054
+ .trix-content pre {
6055
+ background-color: var(--color-tertiary);
6056
+ color: var(--color-content);
6057
+ }
6058
+ trix-toolbar {
6059
+ .trix-button-group {
6060
+ border-color: var(--color-tertiary);
6061
+ background-color: var(--color-secondary);
6062
+ }
6063
+ .trix-button {
6064
+ border-color: var(--color-tertiary);
6065
+ color: var(--color-content);
6066
+ &:not(:disabled):hover {
6067
+ background-color: var(--color-tertiary);
6068
+ }
6069
+ &.trix-active {
6070
+ background-color: var(--color-tertiary);
6071
+ }
6072
+ }
6073
+ .trix-dialog {
6074
+ border-color: var(--color-tertiary);
6075
+ background-color: var(--color-secondary);
6076
+ --tw-shadow: 0 0 #0000;
6077
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6078
+ }
6079
+ .trix-input--dialog {
6080
+ border-color: var(--color-tertiary);
6081
+ background-color: var(--color-primary);
6082
+ color: var(--color-content);
6083
+ &::placeholder {
6084
+ color: var(--color-content-secondary);
6085
+ }
6086
+ }
6087
+ .trix-button--dialog {
6088
+ border-color: var(--color-tertiary);
6089
+ color: var(--color-content);
6090
+ &:hover {
6091
+ background-color: var(--color-tertiary);
6092
+ }
6093
+ }
6094
+ }
6095
+ .dark trix-toolbar .trix-button--icon::before {
6096
+ filter: invert(1);
6097
+ }
9612
6098
  tags.tagify {
9613
6099
  --tags-border-color: var(--color-tertiary);
9614
6100
  --tags-hover-border-color: var(--color-tertiary);