@team_yumi/ramen 1.2.3 → 1.2.4-alpha-test

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.
package/index.css CHANGED
@@ -4266,1846 +4266,3 @@ body {
4266
4266
  flex-direction: column;
4267
4267
  width: 100%;
4268
4268
  }
4269
-
4270
- .root-module_xpage__jLdFj {
4271
- position: fixed;
4272
-
4273
- /* -16px is applied because in iphones with notch it look bad */
4274
- top: max(calc(env(safe-area-inset-top) - 16px), 0px);
4275
- bottom: env(safe-area-inset-bottom);
4276
- left: env(safe-area-inset-left);
4277
- right: env(safe-area-inset-right);
4278
-
4279
- overflow: auto;
4280
- background-color: var(--color-neutral-lightest);
4281
- color: var(--color-neutral-darkest);
4282
- }
4283
-
4284
- .root-module_xheader__ltsHI {
4285
- position: sticky;
4286
- top: 0px;
4287
- padding: var(--xbox-padding-xl) var(--xbox-padding-xl) var(--xbox-padding-s)
4288
- var(--xbox-padding-xl);
4289
- background-color: var(--color-neutral-lightest);
4290
- z-index: 10;
4291
- }
4292
-
4293
- .root-module_xheader--sticky__fWSS6 {
4294
- position: sticky;
4295
- /* 16px margin top + 20px title height */
4296
- top: -36px;
4297
- }
4298
-
4299
- .root-module_xheader-sticky_pinned__AtZRg {
4300
- box-shadow: var(--shadow);
4301
- }
4302
-
4303
- .root-module_xheader__bar__JeTrZ {
4304
- height: var(--xbox-size-11);
4305
- display: flex;
4306
- align-items: center;
4307
- justify-content: space-between;
4308
- gap: var(--xbox-padding-xs);
4309
- background-color: var(--color-neutral-lightest);
4310
- min-height: var(--xbox-size-9);
4311
- }
4312
-
4313
- .root-module_xheader--sticky__fWSS6 .root-module_xheader__bar__JeTrZ {
4314
- position: sticky;
4315
- /* 24px margin top */
4316
- top: var(--xbox-padding-xl);
4317
- }
4318
-
4319
- .root-module_xheader__bar__back__N7CQj {
4320
- cursor: pointer;
4321
- transition: all 0.25s ease-in-out;
4322
- transition-property: transform, opacity;
4323
- display: flex;
4324
- }
4325
-
4326
- .root-module_xheader__bar__back__N7CQj:hover {
4327
- transform: scale(1.025);
4328
- }
4329
-
4330
- .root-module_xheader__bar__back__N7CQj:active {
4331
- transform: scale(0.95);
4332
- }
4333
-
4334
- .root-module_xheader__bar__title__2bvoW {
4335
- visibility: hidden;
4336
- flex: 1;
4337
- width: 0px;
4338
- display: flex;
4339
- flex-direction: column;
4340
- gap: var(--xbox-padding-xxs);
4341
- }
4342
-
4343
- .root-module_xheader__bar__title__2bvoW > div {
4344
- padding-left: 4px;
4345
- }
4346
-
4347
- .root-module_xheader-sticky_pinned__AtZRg .root-module_xheader__bar__title__2bvoW {
4348
- visibility: visible;
4349
- width: auto;
4350
- }
4351
-
4352
- .root-module_xheader__bar__search__Qt1ja {
4353
- display: flex;
4354
- position: relative;
4355
- align-items: center;
4356
- justify-content: flex-end;
4357
- cursor: pointer;
4358
- width: 100%;
4359
- gap: 8px;
4360
- }
4361
-
4362
- .root-module_xheader__bar__search__icon__RoMXy {
4363
- display: flex;
4364
- align-items: center;
4365
- }
4366
-
4367
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search--active__YDeiM {
4368
- width: 100%;
4369
- }
4370
-
4371
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search__input__aPllG {
4372
- width: 100%;
4373
- }
4374
-
4375
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search__input__aPllG > input {
4376
- border: 0px solid var(--color-neutral-light);
4377
- width: 95%;
4378
- background: transparent;
4379
- }
4380
-
4381
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search__input__aPllG > input:focus {
4382
- outline: none;
4383
- }
4384
-
4385
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search__input__aPllG > input::-moz-placeholder {
4386
- font-size: var(--xtext-size-11);
4387
- color: var(--color-neutral-dim);
4388
- -webkit-font-smoothing: antialiased;
4389
- letter-spacing: var(--xtext-letterspacing);
4390
- }
4391
-
4392
- .root-module_xheader__bar__search__Qt1ja .root-module_xheader__bar__search__input__aPllG > input::placeholder {
4393
- font-size: var(--xtext-size-11);
4394
- color: var(--color-neutral-dim);
4395
- -webkit-font-smoothing: antialiased;
4396
- letter-spacing: var(--xtext-letterspacing);
4397
- }
4398
-
4399
- .root-module_xheader__bar__filter__MdUXJ {
4400
- position: relative;
4401
- display: flex;
4402
- align-items: center;
4403
- justify-content: center;
4404
- cursor: pointer;
4405
- }
4406
-
4407
- .root-module_xheader__bar__filter__MdUXJ .root-module_xheader__bar__filter__badge__fddsm {
4408
- width: 8px;
4409
- height: 8px;
4410
- position: absolute;
4411
- top: -5px;
4412
- right: -3px;
4413
- border-radius: 100px;
4414
- border: 1px solid var(--neutral-white);
4415
- background: var(--color-turquoise);
4416
- }
4417
-
4418
- .root-module_xheader__bar__extra__eR9h3 {
4419
- display: flex;
4420
- gap: var(--xbox-padding-xs);
4421
- align-items: center;
4422
- }
4423
-
4424
- .root-module_xheader__bar__tag_first__B2yMW {
4425
- display: block;
4426
- }
4427
-
4428
- .root-module_xheader-sticky_pinned__AtZRg .root-module_xheader__bar__tag_first__B2yMW {
4429
- display: none;
4430
- }
4431
-
4432
- .root-module_xheader__content__-drE9 {
4433
- margin-top: var(--xbox-padding-m);
4434
- display: flex;
4435
- flex-direction: column;
4436
- align-items: flex-start;
4437
- gap: var(--xbox-padding-m);
4438
- }
4439
-
4440
- .root-module_header__content__title__N8qSY {
4441
- visibility: visible;
4442
- display: flex;
4443
- flex-direction: column;
4444
- gap: var(--xbox-padding-xxs);
4445
- }
4446
-
4447
- .root-module_xheader-sticky_pinned__AtZRg .root-module_header__content__title__N8qSY {
4448
- visibility: hidden;
4449
- }
4450
-
4451
- /* SKELETON */
4452
- .root-module_xheader__ltsHI.root-module_xheader--skeleton__ommej .root-module_xheader__bar__JeTrZ {
4453
- background-color: transparent;
4454
- }
4455
-
4456
- .root-module_xheader__ltsHI.root-module_xheader--skeleton__ommej .root-module_xheader__bar__title__2bvoW,
4457
- .root-module_xheader__ltsHI.root-module_xheader--skeleton__ommej .root-module_header__content__title__N8qSY {
4458
- width: 100%;
4459
- }
4460
-
4461
- .root-module_xbody__CnPY6 {
4462
- padding: var(--xbox-padding-s) var(--xbox-padding-xl) var(--xbox-padding-xl)
4463
- var(--xbox-padding-xl);
4464
- }
4465
-
4466
- .root-module_xbody--without-header__xEJDC {
4467
- padding: var(--xbox-padding-xl);
4468
- }
4469
-
4470
- .root-module_xfooter__rEMlw {
4471
- padding: var(--xbox-padding-xs) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
4472
- position: fixed;
4473
- left: 0;
4474
- right: 0;
4475
- bottom: env(safe-area-inset-bottom, 0);
4476
- z-index: 9;
4477
- }
4478
-
4479
- .root-module_xfooter--backround-solid__2TaB0 {
4480
- background-color: var(--color-neutral-lightest);
4481
- }
4482
-
4483
- .root-module_xfooter--backround-gradient__H-bTz {
4484
- padding: var(--xbox-padding-xl) var(--xbox-padding-xl) var(--xbox-padding-xs) var(--xbox-padding-xl);
4485
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-neutral-lightest) 22.97%);
4486
- }
4487
-
4488
- .root-module_xfooter--backround-transparent__-XITq {
4489
- background-color: transparent;
4490
- }
4491
-
4492
- .root-module_xfooter--shadow__YwU5t {
4493
- background-color: var(--color-neutral-lightest);
4494
- box-shadow: var(--shadow-up-m);
4495
- }
4496
- .root-module_xselect__G1bH- {
4497
- display: flex;
4498
- flex-direction: column;
4499
- align-items: stretch;
4500
- cursor: pointer;
4501
- position: relative;
4502
- width: 100%;
4503
- }
4504
-
4505
- .root-module_xselect__content__hr2ZL {
4506
- display: flex;
4507
- align-items: center;
4508
- padding: var(--xbox-padding-s) var(--xbox-padding-m);
4509
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
4510
- border-radius: 999px;
4511
- -webkit-user-select: none;
4512
- -moz-user-select: none;
4513
- user-select: none;
4514
- }
4515
-
4516
- .root-module_xselect__content--border-shadow__WTyLq {
4517
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
4518
- }
4519
-
4520
- .root-module_xselect__content__hr2ZL:active:not(.root-module_xselect__content--disabled__VzAHy) {
4521
- box-shadow: none;
4522
- color: var(--color-neutral-darkest);
4523
- background: linear-gradient(white, white) padding-box,
4524
- var(--primary-color-border-input, #000000) border-box;
4525
- border: 1px solid transparent;
4526
- }
4527
-
4528
- .root-module_xselect__content--border-dashed__Sm5j0 {
4529
- box-shadow: none;
4530
- border: 1px dashed var(--color-neutral-dim);
4531
- }
4532
-
4533
- .root-module_xselect__content--border-solid__i8gAQ {
4534
- box-shadow: none;
4535
- border: 1px solid var(--neutral-dark-30, #D6D6D6);
4536
- }
4537
-
4538
- .root-module_xselect__content--border-gradient__Fyr4S {
4539
- box-shadow: none;
4540
- border: 1px solid transparent;
4541
- color: var(--color-neutral-darkest);
4542
- background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
4543
- border-color: transparent;
4544
- }
4545
-
4546
- .root-module_xselect__tag_container__DTgLg {
4547
- display: flex;
4548
- flex-flow: wrap;
4549
- padding: 8px;
4550
- gap: 8px;
4551
- width: 100%;
4552
- }
4553
-
4554
- .root-module_xselect--has-error__Nt0PV .root-module_xselect__content__hr2ZL {
4555
- border: 1px solid var(--global-error-red-50);
4556
- }
4557
-
4558
- .root-module_xselect--disabled__Z3KGO .root-module_xselect__content__hr2ZL {
4559
- background-color: var(--color-neutral-light);
4560
- }
4561
-
4562
- .root-module_xselect--size-s__By597 .root-module_xselect__content__hr2ZL {
4563
- display: flex;
4564
- align-items: center;
4565
- padding: 9px var(--xbox-padding-m);
4566
- }
4567
-
4568
- .root-module_xselect__icon__M0to2 {
4569
- margin-right: var(--xbox-padding-xs);
4570
- color: var(--color-neutral-dim);
4571
- display: flex;
4572
- }
4573
-
4574
- .root-module_xselect__icon__M0to2:last-child {
4575
- margin-right: 0;
4576
- margin-left: var(--xbox-padding-xs);
4577
- }
4578
-
4579
- .root-module_xselect--has-error__Nt0PV .root-module_xselect__icon__M0to2 {
4580
- color: var(--global-error-red-50);
4581
- }
4582
-
4583
- .root-module_xselect__text__rIWkR {
4584
- flex: 1;
4585
- text-align: left;
4586
- height: var(--xbox-size-9);
4587
- font-size: var(--xtext-size-10);
4588
- font-weight: var(--xtext-weight-normal);
4589
- letter-spacing: -0.05em;
4590
- background: transparent;
4591
- display: flex;
4592
- align-items: center;
4593
- min-width: 0;
4594
- -webkit-user-select: none;
4595
- -moz-user-select: none;
4596
- user-select: none;
4597
- }
4598
-
4599
- .root-module_xselect__text__rIWkR,
4600
- .root-module_xselect__placeholder__IWYS1 {
4601
- width: 168px;
4602
- }
4603
-
4604
- .root-module_xselect__text__rIWkR > div {
4605
- white-space: nowrap;
4606
- overflow: hidden;
4607
- text-overflow: ellipsis;
4608
- padding-bottom: 2px;
4609
- }
4610
-
4611
- .root-module_xselect--size-s__By597 .root-module_xselect__text__rIWkR {
4612
- height: var(--xbox-size-12);
4613
- font-size: var(--xtext-size-11);
4614
- }
4615
-
4616
- .root-module_xselect--has-error__Nt0PV .root-module_xselect__text__rIWkR {
4617
- color: var(--global-error-red-50);
4618
- }
4619
-
4620
- .root-module_xselect__placeholder__IWYS1 {
4621
- flex: 1;
4622
- text-align: left;
4623
- font-size: var(--xtext-size-10);
4624
- /* color: var(--color-neutral-dim); */
4625
- }
4626
-
4627
- .root-module_xselect--has-error__Nt0PV .root-module_xselect__placeholder__IWYS1 {
4628
- color: var(--global-error-red-50);
4629
- }
4630
-
4631
- .root-module_xselect--size-s__By597 .root-module_xselect__placeholder__IWYS1 {
4632
- font-size: var(--xtext-size-11);
4633
- }
4634
-
4635
- .root-module_xselect__modal_searchable_text__sdv5A {
4636
- padding: var(--xbox-padding-xs) var(--xbox-padding-m) 0;
4637
- }
4638
-
4639
- .root-module_modal__zyaYw {
4640
- gap: 8px;
4641
- display: flex;
4642
- flex-direction: column;
4643
- }
4644
-
4645
- .root-module_modal__zyaYw > .root-module_modal__item__wSm2F {
4646
- cursor: pointer;
4647
- }
4648
-
4649
- .root-module_modal__item__wSm2F {
4650
- border: 2px solid #f5f5f5;
4651
- padding: 12px 16px 12px 24px;
4652
- gap: 16px;
4653
- border-radius: 24px;
4654
- }
4655
-
4656
- .root-module_modal__item--selected__L1Cz- {
4657
- background: linear-gradient(white, white) padding-box,
4658
- var(--primary-color-border-input, #000000) border-box;
4659
- border: 2px solid transparent;
4660
- }
4661
-
4662
- .root-module_modal__item--selected__L1Cz- > div > div:nth-child(1) {
4663
- border: 2px solid #1f1f1f;
4664
- }
4665
-
4666
- .root-module_xfloat-button__TVa6z {
4667
- position: fixed;
4668
- bottom: calc(env(safe-area-inset-bottom, 33px) + var(--xbox-padding-xs));
4669
- z-index: 20;
4670
- }
4671
-
4672
- .root-module_xfloat-button--placement-left__8-F96 {
4673
- left: 24px;
4674
- }
4675
-
4676
- .root-module_xfloat-button--placement-right__5Xd9k {
4677
- right: 24px;
4678
- }
4679
-
4680
- .root-module_xfloat-button--bottom-s__4zaxw {
4681
- bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-s) * 2));
4682
- }
4683
-
4684
- .root-module_xfloat-button--bottom-m__sVWCS {
4685
- bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-m) * 3));
4686
- }
4687
-
4688
- .root-module_xfloat-button--bottom-l__4FRlz {
4689
- bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-xl) * 3));
4690
- }
4691
-
4692
- .root-module_xfloat-button--bottom-xl__Htp2V {
4693
- bottom: calc(env(safe-area-inset-bottom, 33px) + calc(var(--xbox-padding-xl) * 4));
4694
- }
4695
-
4696
- .root-module_xfloat-button__TVa6z .root-module_xfloat-button-tooltip__2VaKz {
4697
- gap: 10px;
4698
- border-top-left-radius: 24px;
4699
- border-top-right-radius: 16px;
4700
- border-bottom-left-radius: 24px;
4701
- padding-top: 8px;
4702
- padding-right: 12px;
4703
- padding-bottom: 8px;
4704
- padding-left: 12px;
4705
- background-color: rgba(235, 235, 235, 1);
4706
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
4707
- position: absolute;
4708
- right: auto;
4709
- left: 55px;
4710
- }
4711
-
4712
- .root-module_xfloat-button__TVa6z .root-module_xfloat-button-tooltip__2VaKz.root-module_xfloat-button-tooltip-right__nyJMq {
4713
- position: absolute;
4714
- right: 55px;
4715
- left: auto;
4716
- }
4717
-
4718
- .root-module_xselectmultiple__ac2Qt {
4719
- display: flex;
4720
- flex-direction: column;
4721
- align-items: stretch;
4722
- cursor: pointer;
4723
- position: relative;
4724
- width: 100%;
4725
- }
4726
-
4727
- .root-module_xselectmultiple__content__njYTF {
4728
- display: flex;
4729
- align-items: center;
4730
- padding: var(--xbox-padding-s) var(--xbox-padding-m);
4731
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
4732
- border-radius: 16px;
4733
- -webkit-user-select: none;
4734
- -moz-user-select: none;
4735
- user-select: none;
4736
- }
4737
-
4738
- .root-module_xselectmultiple__content__njYTF:active:not(.root-module_xselectmultiple__content--disabled__cEDwq) {
4739
- box-shadow: none;
4740
- color: var(--color-neutral-darkest);
4741
- background: linear-gradient(white, white) padding-box,
4742
- var(--primary-color-border-input, #000000) border-box;
4743
- border: 1px solid transparent;
4744
- }
4745
-
4746
- .root-module_xselectmultiple__content--border-dashed__izxmY {
4747
- box-shadow: none;
4748
- border: 1px dashed var(--color-neutral-dim);
4749
- }
4750
-
4751
- .root-module_xselectmultiple__content--border-solid__UxUvc {
4752
- box-shadow: none;
4753
- border: 1px solid var(--neutral-dark-30, #D6D6D6);
4754
- }
4755
-
4756
- .root-module_xselectmultiple__content--border-gradient__N-dhO {
4757
- box-shadow: none;
4758
- border: 1px solid transparent;
4759
- color: var(--color-neutral-darkest);
4760
- background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
4761
- border-color: transparent;
4762
- }
4763
-
4764
- .root-module_xselectmultiple__tag_container__-MM4v {
4765
- display: flex;
4766
- flex-flow: wrap;
4767
- padding: 8px;
4768
- gap: 8px;
4769
- width: 100%;
4770
- }
4771
-
4772
- .root-module_xselectmultiple--has-error__Xh4-q .root-module_xselectmultiple__content__njYTF {
4773
- border: 1px solid var(--global-error-red-50);
4774
- }
4775
-
4776
- .root-module_xselectmultiple--disabled__xCO6U .root-module_xselectmultiple__content__njYTF {
4777
- background-color: var(--color-neutral-light);
4778
- }
4779
-
4780
- .root-module_xselectmultiple--size-s__yMDG9 .root-module_xselectmultiple__content__njYTF {
4781
- display: flex;
4782
- align-items: center;
4783
- padding: 9px var(--xbox-padding-m);
4784
- }
4785
-
4786
- .root-module_xselectmultiple__icon__bwuIn {
4787
- margin-right: var(--xbox-padding-xs);
4788
- color: var(--color-neutral-dark);
4789
- display: flex;
4790
- }
4791
-
4792
- .root-module_xselectmultiple__symbol__wmWDj {
4793
- color: var(--color-neutral-dim);
4794
- }
4795
-
4796
- .root-module_xselectmultiple__icon__bwuIn:last-child {
4797
- margin-right: 0;
4798
- margin-left: var(--xbox-padding-xs);
4799
- }
4800
-
4801
- .root-module_xselectmultiple--has-error__Xh4-q .root-module_xselectmultiple__icon__bwuIn {
4802
- color: var(--global-error-red-50);
4803
- }
4804
-
4805
- .root-module_xselectmultiple__text__L5Toi {
4806
- flex: 1;
4807
- text-align: left;
4808
- height: var(--xbox-size-9);
4809
- font-size: var(--xtext-size-10);
4810
- font-weight: var(--xtext-weight-normal);
4811
- letter-spacing: -0.05em;
4812
- background: transparent;
4813
- display: flex;
4814
- align-items: center;
4815
- min-width: 0;
4816
- -webkit-user-select: none;
4817
- -moz-user-select: none;
4818
- user-select: none;
4819
- }
4820
-
4821
- .root-module_xselectmultiple__text__L5Toi,
4822
- .root-module_xselectmultiple__placeholder__gtavF {
4823
- width: 168px;
4824
- }
4825
-
4826
- .root-module_xselectmultiple__text__L5Toi > div {
4827
- white-space: nowrap;
4828
- overflow: hidden;
4829
- text-overflow: ellipsis;
4830
- padding-bottom: 2px;
4831
- }
4832
-
4833
- .root-module_xselectmultiple--size-s__yMDG9 .root-module_xselectmultiple__text__L5Toi {
4834
- height: var(--xbox-size-12);
4835
- font-size: var(--xtext-size-11);
4836
- }
4837
-
4838
- .root-module_xselectmultiple--has-error__Xh4-q .root-module_xselectmultiple__text__L5Toi {
4839
- color: var(--global-error-red-50);
4840
- }
4841
-
4842
- .root-module_xselectmultiple__placeholder__gtavF {
4843
- flex: 1;
4844
- text-align: left;
4845
- font-size: var(--xtext-size-10);
4846
- color: var(--color-neutral-dark);
4847
- }
4848
-
4849
- .root-module_xselectmultiple--has-error__Xh4-q .root-module_xselectmultiple__placeholder__gtavF {
4850
- color: var(--global-error-red-50);
4851
- }
4852
-
4853
- .root-module_xselectmultiple--size-s__yMDG9 .root-module_xselectmultiple__placeholder__gtavF {
4854
- font-size: var(--xtext-size-11);
4855
- }
4856
-
4857
- .root-module_modal__5kltj {
4858
- gap: 8px;
4859
- display: flex;
4860
- flex-direction: column;
4861
- }
4862
-
4863
- .root-module_modal__5kltj > .root-module_modal__item__TRU2T {
4864
- cursor: pointer;
4865
- }
4866
-
4867
- .root-module_modal__item__TRU2T {
4868
- border: 2px solid #f5f5f5;
4869
- padding: 12px 16px 12px 24px;
4870
- border-radius: 24px;
4871
- display: flex;
4872
- justify-content: space-between;
4873
- align-items: center;
4874
- }
4875
-
4876
- .root-module_modal__item--selected__1dTpE {
4877
- background: linear-gradient(white, white) padding-box,
4878
- var(--primary-color-border-input, #000000) border-box;
4879
- border: 2px solid transparent;
4880
- }
4881
-
4882
- .root-module_modal__item--selected__1dTpE > div > div:nth-child(1) {
4883
- border: 2px solid #1f1f1f;
4884
- }
4885
-
4886
- .root-module_modal__item--disabled__xK3kd {
4887
- opacity: 0.5;
4888
- }
4889
-
4890
- .root-module_modal__item--disabled__xK3kd.root-module_modal__item--selected__1dTpE {
4891
- border: 2px solid #f5f5f5;
4892
- }
4893
-
4894
- .root-module_modal__item--disabled__xK3kd.root-module_modal__item--selected__1dTpE > div > div:nth-child(1) {
4895
- border: 2px solid var(--color-neutral-light);
4896
- }
4897
-
4898
- .root-module_xapp__lL4E1 {
4899
- }
4900
-
4901
- .snackbar-module_xsnackbar-container__8hsKX {
4902
- position: absolute;
4903
- display: flex;
4904
- flex-direction: column;
4905
- gap: 8px;
4906
- left: 8px;
4907
- right: 8px;
4908
- }
4909
-
4910
- .snackbar-module_xsnackbar-container--bottom__Gfv7x {
4911
- bottom: max(env(safe-area-inset-bottom), 8px);
4912
- }
4913
-
4914
- .snackbar-module_xsnackbar-container--top__PMBxG {
4915
- top: max(calc(env(safe-area-inset-top) - 8px), 8px);
4916
- }
4917
-
4918
- .snackbar-module_xsnackbar__fAdAU {
4919
- -webkit-user-select: none;
4920
- -moz-user-select: none;
4921
- user-select: none;
4922
- gap: 8px;
4923
- z-index: 10;
4924
- background: var(--color-neutral-darkest);
4925
- box-shadow: 0px 6px 12px -1px rgba(24, 39, 75, 0.1);
4926
- border-radius: 16px;
4927
- padding: var(--xbox-padding-s) var(--xbox-padding-m);
4928
- display: flex;
4929
- align-items: center;
4930
- }
4931
-
4932
- .snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--info__xYUDr {
4933
- /*background: #ebf3fb;*/
4934
- display: flex;
4935
- }
4936
-
4937
- .snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--success__yyAnP {
4938
- /*background: var(--color-success-lightest);*/
4939
- display: flex;
4940
- }
4941
-
4942
- .snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--warning__sC88N {
4943
- /*background: var(--color-warning-lightest);*/
4944
- display: flex;
4945
- }
4946
-
4947
- .snackbar-module_xsnackbar__fAdAU.snackbar-module_xsnackbar--error__NsB-o {
4948
- /*background: var(--color-error-lightest);*/
4949
- display: flex;
4950
- }
4951
-
4952
- .snackbar-module_xsnackbar--loading__vYwM- {
4953
- color: var(--color-neutral-lightest);
4954
- display: flex;
4955
- align-items: center;
4956
- justify-content: center;
4957
- }
4958
-
4959
- .snackbar-module_xsnackbar--loading__vYwM- > div {
4960
- color: var(--color-neutral-lightest);
4961
- }
4962
-
4963
- .snackbar-module_xsnackbar__text__t130r {
4964
- display: flex;
4965
- flex: 1;
4966
- }
4967
-
4968
- .snackbar-module_xsnackbar__text__t130r > div {
4969
- color: var(--color-neutral-lightest);
4970
- }
4971
-
4972
- .snackbar-module_xsnackbar__close__3-MWE {
4973
- display: flex;
4974
- align-items: center;
4975
- justify-content: center;
4976
- padding: 4px;
4977
- cursor: pointer;
4978
- }
4979
-
4980
- .snackbar-module_xsnackbar__close__3-MWE > div {
4981
- color: var(--color-neutral-lightest);
4982
- }
4983
-
4984
- .snackbar-module_xsnackbar__action__-hxFp button {
4985
- background-color: var(--color-neutral-dark);
4986
- }
4987
-
4988
- .root-module_xcard-image__KBEnN {
4989
- background: var(--color-neutral-lightest);
4990
- border-radius: var(--xbox-size-11);
4991
- display: flex;
4992
- align-items: center;
4993
- gap: var(--xbox-padding-m);
4994
- text-align: left;
4995
- cursor: pointer;
4996
- box-shadow: 0 3px 8px -1px rgba(24, 39, 75, 0.08);
4997
- /* border: 1px solid var(--color-neutral-light); */
4998
- }
4999
-
5000
- .root-module_xcard-image--size-s__KxG31 {
5001
- padding: var(--xbox-padding-xs);
5002
- }
5003
-
5004
- .root-module_xcard-image--size-m__1JoBK {
5005
- padding: var(--xbox-padding-xs) var(--xbox-padding-m);
5006
- }
5007
-
5008
- .root-module_xcard-image--size-l__zzXir {
5009
- padding: var(--xbox-padding-m);
5010
- }
5011
-
5012
- .root-module_xcard-image__img__mwp5q {
5013
- width: 100%;
5014
- border-radius: var(--ximage-border-radius-m);
5015
- }
5016
-
5017
- .root-module_xcard-image--size-s__KxG31 .root-module_xcard-image__img__mwp5q {
5018
- border-radius: 8px;
5019
- height: 32px;
5020
- width: 32px;
5021
- }
5022
-
5023
- .root-module_xcard-image--size-m__1JoBK .root-module_xcard-image__img__mwp5q {
5024
- height: 88px;
5025
- width: 88px;
5026
- }
5027
-
5028
- .root-module_xcard-image--size-l__zzXir .root-module_xcard-image__img__mwp5q {
5029
- width: 100%;
5030
- }
5031
-
5032
- .root-module_xcard-image__icon__9UaKO > div {
5033
- color: var(--color-neutral-dim);
5034
- }
5035
-
5036
- .root-module_xcalendar__S7Opc {
5037
- display: flex;
5038
- flex-direction: column;
5039
- align-items: stretch;
5040
- cursor: pointer;
5041
- position: relative;
5042
- width: 100%;
5043
- }
5044
-
5045
- .root-module_xcalendar__content__oo2Su {
5046
- display: flex;
5047
- align-items: center;
5048
- padding: var(--xbox-padding-s) var(--xbox-padding-m);
5049
- border: 1px solid var(--color-neutral-light);
5050
- border-radius: 999px;
5051
- -webkit-user-select: none;
5052
- -moz-user-select: none;
5053
- user-select: none;
5054
- }
5055
-
5056
- .root-module_xcalendar--has-error__y7bZg .root-module_xcalendar__content__oo2Su {
5057
- border: 1px solid var(--global-error-red-50);
5058
- }
5059
-
5060
- .root-module_xcalendar--disabled__qHC6M .root-module_xcalendar__content__oo2Su {
5061
- background-color: var(--color-neutral-light);
5062
- }
5063
-
5064
- .root-module_xcalendar__symbol__tL2LG {
5065
- color: var(--color-neutral-dim);
5066
- }
5067
-
5068
- .root-module_xcalendar--has-error__y7bZg .root-module_xcalendar__icon__l7ViW {
5069
- color: var(--global-error-red-50);
5070
- }
5071
-
5072
- .root-module_xcalendar__text__RRaa7 {
5073
- flex: 1;
5074
- text-align: left;
5075
- height: var(--xbox-size-9);
5076
- font-size: var(--xtext-size-10);
5077
- font-weight: var(--xtext-weight-normal);
5078
- letter-spacing: -0.05em;
5079
- background: transparent;
5080
- display: flex;
5081
- align-items: center;
5082
- min-width: 0;
5083
- -webkit-user-select: none;
5084
- -moz-user-select: none;
5085
- user-select: none;
5086
- }
5087
-
5088
- .root-module_xcalendar__text__RRaa7,
5089
- .root-module_xcalendar__placeholder__1qVLl {
5090
- width: 168px;
5091
- }
5092
-
5093
- .root-module_xcalendar__text__RRaa7 > div {
5094
- white-space: nowrap;
5095
- overflow: hidden;
5096
- text-overflow: ellipsis;
5097
- padding-bottom: 2px;
5098
- }
5099
-
5100
- .root-module_xcalendar--has-error__y7bZg .root-module_xcalendar__text__RRaa7 {
5101
- color: var(--global-error-red-50);
5102
- }
5103
-
5104
- .root-module_xcalendar__placeholder__1qVLl {
5105
- flex: 1;
5106
- text-align: left;
5107
- font-size: var(--xtext-size-10);
5108
- color: var(--color-neutral-dim);
5109
- }
5110
-
5111
- .root-module_xcalendar--has-error__y7bZg .root-module_xcalendar__placeholder__1qVLl {
5112
- color: var(--global-error-red-50);
5113
- }
5114
- .root-module_xcalendar--size-s__icuCG .root-module_xcalendar__placeholder__1qVLl {
5115
- font-size: var(--xtext-size-11);
5116
- }
5117
- .root-module_xcalendar--size-s__icuCG .root-module_xcalendar__text__RRaa7 {
5118
- height: var(--xbox-size-12);
5119
- font-size: var(--xtext-size-11);
5120
- }
5121
- .root-module_xcalendar--size-s__icuCG .root-module_xcalendar__content__oo2Su {
5122
- display: flex;
5123
- align-items: center;
5124
- padding: 9px var(--xbox-padding-m);
5125
- }
5126
-
5127
- /* CALENDAR */
5128
- .root-module_modal__calendar__tEsq1 {
5129
- border: 1px solid var(--color-neutral-light);
5130
- border-radius: 16px;
5131
- }
5132
-
5133
- .root-module_modal__calendar__container__pzljb {
5134
- padding: 8px 16px;
5135
- }
5136
-
5137
- .root-module_modal__calendar__months__oNe3z {
5138
- border-bottom: 1px solid var(--color-neutral-light);
5139
- padding: 8px 16px;
5140
- display: flex;
5141
- align-items: center;
5142
- justify-content: center;
5143
- }
5144
- .root-module_modal__calendar__months__oNe3z > div:nth-child(2) {
5145
- flex: 1;
5146
- display: flex;
5147
- align-items: center;
5148
- justify-content: center;
5149
- }
5150
-
5151
- .root-module_modal__calendar__weekdays__apnfg {
5152
- height: 44px;
5153
- display: flex;
5154
- flex-wrap: wrap;
5155
- align-items: center;
5156
- justify-content: center;
5157
- }
5158
-
5159
- .root-module_modal__calendar__weekdays__item__ksKlI {
5160
- flex: 1 0 13%;
5161
- text-align: center;
5162
- border: 1px solid transparent;
5163
- color: var(--color-neutral-darkest);
5164
- -webkit-user-select: none;
5165
- -moz-user-select: none;
5166
- user-select: none;
5167
- }
5168
-
5169
- .root-module_modal__calendar__days__ULEVT {
5170
- display: flex;
5171
- flex-wrap: wrap;
5172
- }
5173
-
5174
- .root-module_modal__calendar__days__item__Ccr-F {
5175
- flex: 1 0 13%;
5176
- height: 40px;
5177
- border: 1px solid transparent;
5178
- cursor: pointer;
5179
- display: flex;
5180
- align-items: center;
5181
- justify-content: center;
5182
- -webkit-user-select: none;
5183
- -moz-user-select: none;
5184
- user-select: none;
5185
-
5186
- font-size: var(--xtext-size-10);
5187
- }
5188
-
5189
- .root-module_modal__calendar__days__item__Ccr-F > div {
5190
- border-radius: 8px;
5191
- width: 80%;
5192
- height: 75%;
5193
- min-width: 32px;
5194
- min-height: 32px;
5195
- display: flex;
5196
- align-items: center;
5197
- justify-content: center;
5198
- }
5199
-
5200
- .root-module_modal__calendar__days__item__Ccr-F:hover > div {
5201
- background-color: var(--color-neutral-light);
5202
- }
5203
-
5204
- .root-module_modal__calendar__days__item--selected__8NMZF:hover > div,
5205
- .root-module_modal__calendar__days__item--selected__8NMZF > div {
5206
- background-color: var(--primary-color, #000000);
5207
- color: var(--primary-color-contrast, #FFFFFF);
5208
- }
5209
-
5210
- .root-module_modal__calendar__days__item--in_month__I5vRJ {
5211
- color: var(--color-neutral-darkest);
5212
- }
5213
-
5214
- .root-module_modal__calendar__days__item--another_month__NmZZU {
5215
- color: var(--color-neutral-dim);
5216
- }
5217
-
5218
- .root-module_ximageuploader__YWD2o {
5219
- display: block;
5220
- padding: var(--xbox-padding-s) var(--xbox-padding-s) 14px var(--xbox-padding-s);
5221
- border: 1px dashed var(--color-neutral-dim);
5222
- border-radius: var(--xbox-rounding-l);
5223
- }
5224
-
5225
- .root-module_ximageuploader--disabled__-UWMr {
5226
- display: block;
5227
- }
5228
-
5229
- .root-module_ximageuploader--disabled__-UWMr .root-module_ximageuploader__content__image__VBSXK {
5230
- filter: grayscale();
5231
- }
5232
-
5233
- .root-module_ximageuploader__content__O4Il8 {
5234
- display: flex;
5235
- align-items: center;
5236
- justify-content: center;
5237
- flex-direction: column;
5238
- }
5239
-
5240
- .root-module_ximageuploader__content__image__VBSXK {
5241
- display: block;
5242
- }
5243
-
5244
- .root-module_ximageuploader__content__title__LdKcr {
5245
- padding: var(--xbox-padding-s) 0px;
5246
- }
5247
-
5248
- .root-module_ximageuploader__content__actions__JoyR7 {
5249
- width: 100%;
5250
- display: flex;
5251
- gap: 8px;
5252
- }
5253
- .root-module_ximageuploader__content__actions__JoyR7 > button {
5254
- flex: 1;
5255
- }
5256
-
5257
- .root-module_ximageuploader__content__files__vP5Ms {
5258
- width: 100%;
5259
- padding-top: 16px;
5260
- gap: 8px;
5261
- display: flex;
5262
- flex-direction: column;
5263
- }
5264
- .root-module_ximageuploader__content__files__item__7vEll {
5265
- display: flex;
5266
- align-items: center;
5267
- padding: 8px;
5268
- gap: 8px;
5269
- border: 1px solid var(--color-neutral-light);
5270
- border-radius: 8px;
5271
- }
5272
- .root-module_ximageuploader__content__files__item__image__YHi1M {
5273
- display: block;
5274
- }
5275
- .root-module_ximageuploader__content__files__item__body__zD3HZ {
5276
- display: flex;
5277
- flex-direction: column;
5278
- flex: 1;
5279
- gap: 4px;
5280
- }
5281
- .root-module_ximageuploader__content__files__item__close__JPjOz {
5282
- display: block;
5283
- }
5284
-
5285
- .root-module_xtabbar__XfjfI {
5286
- box-shadow: 0px 8px 24px -1px #18274B1A;
5287
- border-radius: 16px;
5288
- width: 100%;
5289
- background-color: var(--color-neutral-lightest);
5290
- }
5291
-
5292
- .root-module_xtabbar--border-solid__tLKuZ {
5293
- border: 1px solid var(--color-neutral-light);
5294
- box-shadow: none;
5295
- }
5296
-
5297
- .root-module_xtabbar--border-none__35SFE {
5298
- border: none;
5299
- box-shadow: none;
5300
- }
5301
- .root-module_xtabbar__content__98owH{
5302
- padding: 0 var(--xbox-padding-xl);
5303
- display: flex;
5304
- align-items: center;
5305
- justify-content: center;
5306
- }
5307
- .root-module_xtabbar__button__T5Xs9 {
5308
- height: 100%;
5309
- padding: 12px;
5310
- gap: 6px;
5311
- padding: var(--xbox-padding-s) var(--xbox-padding-m);
5312
- display: flex;
5313
- flex-direction: column;
5314
- justify-content: center;
5315
- align-items: center;
5316
- }
5317
- .root-module_xtabbar__button__T5Xs9:not(.root-module_xtabbar__button--disabled__R8-bV):hover {
5318
- transform: scale(1.125);
5319
- transition: transform 0.3s ease;
5320
- }
5321
-
5322
- .root-module_xtabbar__button--disabled__R8-bV {
5323
- cursor: default;
5324
- opacity: 0.5;
5325
- }
5326
-
5327
- .root-module_xcard-scan__je6Xn {
5328
- background: var(--color-neutral-lightest);
5329
- display: flex;
5330
- gap: var(--xbox-padding-s);
5331
- border-radius: var(--xbox-rounding-l);
5332
- align-items: center;
5333
- }
5334
-
5335
- .root-module_xexpanssion_modal__WBEhB {
5336
- position: fixed;
5337
- left: 0px;
5338
- right: 0px;
5339
- bottom: 0px;
5340
- z-index: 900;
5341
- box-shadow: 0px -6px 12px -1px #18274B1A;
5342
- border-radius: 24px 24px 0 0;
5343
- max-height: 90%;
5344
- background: var(--color-neutral-lightest);
5345
- }
5346
-
5347
- .root-module_xexpanssion_modal__header__av4FS{
5348
- box-shadow: 0px 6px 12px -1px #18274B1A;
5349
- }
5350
-
5351
- .root-module_xexpanssion_modal__handler__VhBKS {
5352
- background: #D6D6D6;
5353
- width: 48px;
5354
- height: 4px;
5355
- margin-top: 4px;
5356
- border-radius: 2px;
5357
- }
5358
-
5359
- .root-module_xexpanssion_modal_modal__8Ccwq {
5360
- height: 0;
5361
- position: relative;
5362
- background-color: var(--color-neutral-lightest);
5363
- border-top-left-radius: var(--xbox-rounding-xl);
5364
- border-top-right-radius: var(--xbox-rounding-xl);
5365
- transition: height 0.3s ease-out 0s;
5366
- display: flex;
5367
- flex-direction: column;
5368
- }
5369
-
5370
- .root-module_xexpanssion_modal__backdrop__E5MZX {
5371
- position: fixed;
5372
- top: 0px;
5373
- left: 0px;
5374
- right: 0px;
5375
- bottom: 0px;
5376
- background-color: #000;
5377
- opacity: 0.6;
5378
- z-index: 1;
5379
- }
5380
-
5381
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__close__maVPA {
5382
- position: absolute;
5383
- right: var(--xbox-padding-m);
5384
- top: var(--xbox-padding-m);
5385
- border-radius: 50%;
5386
- }
5387
-
5388
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__close__maVPA > button > div {
5389
- background-color: var(--color-neutral-light);
5390
- padding: 4px;
5391
- border-radius: 50%;
5392
- }
5393
-
5394
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__header__av4FS > .root-module_xexpanssion_modal__header__icon__kB0bj {
5395
- padding-bottom: 4px;
5396
- display: block;
5397
- }
5398
-
5399
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__header__av4FS > .root-module_xexpanssion_modal__header__title__72Pmp {
5400
- padding-top: 24px;
5401
- display: block;
5402
- -webkit-user-select: none;
5403
- -moz-user-select: none;
5404
- user-select: none;
5405
- }
5406
-
5407
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__header__av4FS > .root-module_xexpanssion_modal__header__subtitle__-suq2 {
5408
- display: block;
5409
- padding-top: var(--xbox-padding-xs);
5410
- opacity: 0.5;
5411
- }
5412
-
5413
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__header__av4FS > .root-module_xexpanssion_modal__header__children__tRgYO {
5414
- padding-top: var(--xbox-padding-xs);
5415
- }
5416
-
5417
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__header__av4FS {
5418
- padding: 0 var(--xbox-padding-xl);
5419
- padding-bottom: 8px;
5420
- }
5421
-
5422
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__body__iy1dV {
5423
- padding: var(--xbox-padding-xl);
5424
- }
5425
-
5426
- .root-module_xexpanssion_modal__WBEhB > .root-module_xexpanssion_modal__actions__F-siH {
5427
- padding: var(--xbox-padding-xl);
5428
- margin-bottom: env(safe-area-inset-bottom);
5429
- }
5430
- .root-module_xcard-decision__x2kPl {
5431
- }
5432
-
5433
- .root-module_xcard-decision--label__Hw-Vx {
5434
- width: 80%;
5435
- }
5436
-
5437
- .root-module_xcard-decision__btn-group--size-l__Cpd01 {
5438
- width: 100%;
5439
- }
5440
-
5441
- /**
5442
- * XAtom Decision Styles
5443
- */
5444
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision__Nvr9X {
5445
- display: flex;
5446
- gap: 6px;
5447
- cursor: pointer;
5448
- align-items: center;
5449
- justify-content: center;
5450
- color: var(--color-neutral-darkest);
5451
- border-radius: var(--xbox-rounding-pill);
5452
- background-color: var(--color-neutral-light);
5453
- border: var(--xbox-border-small) solid transparent;
5454
- width: 100%;
5455
- height: 38px;
5456
- padding: 10px 12px;
5457
- }
5458
-
5459
- /* XAtom states */
5460
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj {
5461
- border-color: transparent;
5462
- background-color: var(--global-success-green-50);
5463
- }
5464
-
5465
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--error__lw4m8 {
5466
- border-color: transparent;
5467
- background-color: var(--global-error-red-50);
5468
- }
5469
-
5470
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--warning__XMjs7 {
5471
- border-color: transparent;
5472
- background-color: var(--global-warning-orange-50);
5473
- }
5474
-
5475
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--success__RzVxj > div,
5476
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--error__lw4m8 > div,
5477
- .root-module_xcard-decision__x2kPl .root-module_xatom-decision--warning__XMjs7 > div {
5478
- color: var(--color-neutral-lightest);
5479
- }
5480
-
5481
- .root-module_xoption-radio-button__OmRhp {
5482
- gap: 6px;
5483
- display: flex;
5484
- align-items: center;
5485
- border-radius: 999px;
5486
- border: 1px solid #F5F5F5;
5487
- padding: 12px 16px 12px 24px;
5488
- background: var(--color-neutral-lightest, #FFF);
5489
- }
5490
-
5491
- .root-module_xoption-radio-button--with-symbol__MSABN {
5492
- padding: 8px 16px 8px 8px;
5493
- }
5494
-
5495
- .root-module_xoption-radio-button--disabled__fN1sU {
5496
- cursor: not-allowed;
5497
- pointer-events: none;
5498
- border: 1px solid var(--neutral-dark-20, #F5F5F5);
5499
- background: var(--neutral-dark-20, #F5F5F5);
5500
- }
5501
-
5502
- .root-module_xoption-radio-button--active__YZxaU {
5503
- border-radius: 999px;
5504
- background: linear-gradient(white, white) padding-box,
5505
- var(--primary-color-gradient, #1F1F1F) border-box;
5506
- border: 1px solid transparent;
5507
- }
5508
-
5509
-
5510
- .root-module_xoption-radio-button__radio-button__ByY55 {
5511
- width: 100%;
5512
- }
5513
-
5514
- .root-module_xoption-radio-button__symbol__8XHsY {
5515
- display: flex;
5516
- border-radius: 100px;
5517
- background: var(--neutral-dark-20, #F5F5F5);
5518
- padding: 8px;
5519
- justify-content: center;
5520
- align-items: center;
5521
- gap: 10px;
5522
- }
5523
-
5524
- .root-module_xgroup-radio-button__8FKau {
5525
- }
5526
-
5527
- .root-module_x-bottom-sheet__NjMBE {
5528
- background: transparent;
5529
- }
5530
-
5531
- .root-module_x-bottom-sheet__modal__nSu4A {
5532
- position: fixed;
5533
- left: 0;
5534
- right: 0;
5535
- bottom: 0;
5536
- z-index: 999;
5537
- box-shadow: 0 -6px 12px -1px #18274B1A;
5538
- border-radius: 24px 24px 0 0;
5539
- background: var(--color-neutral-lightest);
5540
- }
5541
-
5542
- .root-module_x-bottom-sheet__modal__handler__arker {
5543
- background: #D6D6D6;
5544
- width: 48px;
5545
- height: 4px;
5546
- margin-top: 4px;
5547
- border-radius: 2px;
5548
- }
5549
-
5550
- .root-module_x-bottom-sheet__modal__backdrop__664fy {
5551
- position: absolute;
5552
- inset: 0;
5553
- z-index: 998;
5554
- background-color: var(--color-neutral-dark);
5555
- pointer-events: auto;
5556
- opacity: 0;
5557
- }
5558
-
5559
- .root-module_x-bottom-sheet__modal__header__icon__euGKS {
5560
- display: block;
5561
- }
5562
-
5563
- .root-module_x-bottom-sheet__modal__header__title__onOPR {
5564
- display: block;
5565
- -webkit-user-select: none;
5566
- -moz-user-select: none;
5567
- user-select: none;
5568
- }
5569
-
5570
- .root-module_x-bottom-sheet__modal__header__subtitle__21Lom {
5571
- display: block;
5572
- }
5573
-
5574
- .root-module_x-bottom-sheet__modal__header__children__gy10g {
5575
- padding-top: var(--xbox-padding-xs);
5576
- }
5577
-
5578
- .root-module_x-bottom-sheet__modal__header__e-SQG {
5579
- box-shadow: 0 6px 12px -1px #18274B1A;
5580
- padding: 0 var(--xbox-padding-xl);
5581
- padding-bottom: 8px;
5582
- }
5583
-
5584
- .root-module_x-bottom-sheet__modal__body__I9BPE {
5585
- padding: var(--xbox-padding-xl);
5586
- }
5587
-
5588
- .root-module_x-bottom-sheet__modal__body__content__zNhwf {
5589
- overflow: auto;
5590
- }
5591
-
5592
- .root-module_x-bottom-sheet__modal__actions__sQKX4 {
5593
- margin-bottom: env(safe-area-inset-bottom);
5594
- }
5595
-
5596
- .root-module_x-bottom-sheet--backdrop--in__ErRRI {
5597
- opacity: 0.7;
5598
- }
5599
-
5600
- .root-module_x-bottom-sheet--transition-backdrop--in__LHkFa {
5601
- transition: opacity 1s ease;
5602
- opacity: 0.7;
5603
- }
5604
-
5605
- .root-module_x-bottom-sheet--transition-backdrop--out__SR-jr {
5606
- transition: opacity 1s ease;
5607
- }
5608
-
5609
- .root-module_x-bottom-sheet--transition-in__PQesX {
5610
- max-height: 95% !important;
5611
- transition: all 500ms ease;
5612
- }
5613
-
5614
- .root-module_x-bottom-sheet--transition-out__SSw-- {
5615
- max-height: 12% !important;
5616
- }
5617
-
5618
- .root-module_x-radio-button-option__zGBa4 {
5619
- gap: 6px;
5620
- display: flex;
5621
- align-items: center;
5622
- border-radius: 999px;
5623
- border: 1px solid #F5F5F5;
5624
- padding: 12px 16px 12px 24px;
5625
- background: var(--color-neutral-lightest, #FFF);
5626
- }
5627
-
5628
- .root-module_x-radio-button-option--with-symbol__EMF2d {
5629
- padding: 8px 16px 8px 8px;
5630
- }
5631
-
5632
- .root-module_x-radio-button-option--with-icon__8RcPL {
5633
- padding-left: 14px;
5634
- }
5635
-
5636
- .root-module_x-radio-button-option--disabled__Esaom {
5637
- cursor: not-allowed;
5638
- pointer-events: none;
5639
- border: 1px solid var(--neutral-dark-20, #F5F5F5);
5640
- background: var(--neutral-dark-20, #F5F5F5);
5641
- }
5642
-
5643
- .root-module_x-radio-button-option--active__T5-vA {
5644
- border-radius: 999px;
5645
- background: linear-gradient(white, white) padding-box, var(--primary-color-gradient, #1F1F1F) border-box;
5646
- border: 1px solid transparent;
5647
- }
5648
-
5649
- .root-module_x-radio-button-option__radio-button__5jnJ5 {
5650
- width: 100%;
5651
- }
5652
-
5653
- .root-module_x-radio-button-option__symbol__8e8sD {
5654
- display: flex;
5655
- border-radius: 100px;
5656
- background: var(--neutral-dark-20, #F5F5F5);
5657
- padding: 8px;
5658
- justify-content: center;
5659
- align-items: center;
5660
- gap: 10px;
5661
- }
5662
-
5663
-
5664
-
5665
- .root-module_x-datepickeryear__mfTLF {
5666
- border: 1px solid var(--neutral-dark-20);
5667
- border-radius: 16px;
5668
- margin-bottom: 8px;
5669
- }
5670
-
5671
- .root-module_x-datepickeryear-selected__YFNla {
5672
- background-color: var(--color-turquoise);
5673
- padding: 16px 8px 16px 8px;
5674
- width: 96px;
5675
- border-radius: 8px;
5676
- }
5677
-
5678
- .root-module_x-datepickeryear-default__BYKj9 {
5679
- padding: 16px 8px 16px 8px;
5680
- width: 96px;
5681
- border-radius: 8px;
5682
- }
5683
-
5684
- .root-module_x-card-progress__O4VAG {
5685
- background: var(--color-neutral-lightest);
5686
- border-radius: var(--xbox-size-11);
5687
- display: flex;
5688
- align-items: center;
5689
- gap: var(--xbox-padding-m);
5690
- text-align: left;
5691
- width: -webkit-fill-available;
5692
- width: -moz-available;
5693
- width: stretch;
5694
- }
5695
-
5696
- .root-module_x-card-progress--main__5jhrh {
5697
- width: 100%;
5698
- display: flex;
5699
- gap: var(--xbox-padding-m);
5700
- flex-direction: column;
5701
- }
5702
-
5703
- .root-module_x-card-progress--info__2aocF {
5704
- width: 100%;
5705
- display: flex;
5706
- align-items: center;
5707
- gap: var(--xbox-padding-m);
5708
- text-align: left;
5709
- }
5710
-
5711
- .root-module_x-card-progress__O4VAG.root-module_x-card-progress--disabled__lJS2U {
5712
- background-color: var(--color-neutral-light);
5713
- }
5714
-
5715
- .root-module_x-card-progress__O4VAG:not(.root-module_x-card-progress--with-children__Ixae4) {
5716
- transition: all 0.25s ease-in-out;
5717
- transition-property: transform, opacity;
5718
- }
5719
-
5720
- .root-module_x-card-progress__O4VAG:hover:not(.root-module_x-card-progress--with-children__Ixae4) {
5721
- transform: scale(1.025);
5722
- }
5723
-
5724
- .root-module_x-card-progress__O4VAG:active:not(.root-module_x-card-progress--with-children__Ixae4) {
5725
- transform: scale(0.95);
5726
- }
5727
-
5728
- .root-module_x-card-progress--with-children__Ixae4 {
5729
- align-items: flex-start;
5730
- gap: 0;
5731
- }
5732
-
5733
- .root-module_x-card-progress--size-s__6dryn {
5734
- padding: var(--xbox-padding-xs) var(--xbox-padding-s);
5735
- }
5736
-
5737
- .root-module_x-card-progress--size-l__S4rqD {
5738
- padding: var(--xbox-padding-xs) var(--xbox-padding-m);
5739
- }
5740
-
5741
- .root-module_x-card-progress--border-shadow__M-zNH {
5742
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
5743
- }
5744
-
5745
- .root-module_x-card-progress--border-dashed__oLVsI {
5746
- border: 1px dashed var(--color-neutral-dim);
5747
- }
5748
-
5749
- .root-module_x-card-progress--border-solid__kQ71D {
5750
- border: 1px solid var(--color-neutral-light);
5751
- }
5752
-
5753
- .root-module_x-card-progress--border-gradient__wSE4G {
5754
- border: 1px solid transparent;
5755
- color: var(--color-neutral-darkest);
5756
- background:
5757
- linear-gradient(#fff, #fff) padding-box,
5758
- var(--color-gradient-arcus) border-box;
5759
- border-color: transparent;
5760
- }
5761
-
5762
- .root-module_x-card-progress--clickable__18Nj0 {
5763
- cursor: pointer;
5764
- }
5765
-
5766
- .root-module_x-card-progress__symbol__4Fnp7 {
5767
- display: flex;
5768
- background: var(--color-neutral-light);
5769
- }
5770
-
5771
- .root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 {
5772
- background: transparent;
5773
- }
5774
-
5775
- .root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__symbol__4Fnp7 > div > svg {
5776
- opacity: 0.4;
5777
- }
5778
-
5779
- .root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__symbol__4Fnp7 {
5780
- padding: 4px;
5781
- border-radius: var(--xbox-size-14);
5782
- }
5783
-
5784
- .root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__symbol__4Fnp7 {
5785
- padding: var(--xbox-padding-xs);
5786
- border-radius: var(--xbox-size-11);
5787
- }
5788
-
5789
- .root-module_x-card-progress__texts__JVY5v {
5790
- flex: 1;
5791
- display: flex;
5792
- flex-direction: column;
5793
- justify-content: center;
5794
- gap: 4px;
5795
- }
5796
-
5797
- .root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__texts__JVY5v {
5798
- opacity: 0.5;
5799
- }
5800
-
5801
- .root-module_x-card-progress--size-s__6dryn .root-module_x-card-progress__texts__JVY5v {
5802
- min-height: 32px;
5803
- }
5804
-
5805
- .root-module_x-card-progress--size-l__S4rqD .root-module_x-card-progress__texts__JVY5v {
5806
- min-height: 56px;
5807
- }
5808
-
5809
- .root-module_x-card-progress__icon__vfJOe > div {
5810
- color: var(--color-neutral-dim);
5811
- }
5812
-
5813
- .root-module_x-card-progress--disabled__lJS2U .root-module_x-card-progress__badge__4IVuP > div {
5814
- background: var(--color-neutral-dim);
5815
- color: var(--color-neutral-lightest);
5816
- }
5817
-
5818
- .root-module_x-card-home-indicator__lp7mX {
5819
- background: var(--color-neutral-lightest);
5820
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
5821
- border-radius: var(--xbox-size-11);
5822
- display: flex;
5823
- align-items: center;
5824
- gap: var(--xbox-padding-m);
5825
- text-align: left;
5826
- padding: var(--xbox-padding-m) var(--xbox-padding-l);
5827
- background-color: var(--neutral-black);
5828
- width: -webkit-fill-available;
5829
- width: -moz-available;
5830
- width: stretch;
5831
- }
5832
-
5833
- .root-module_x-card-home-indicator__texts__2NGlt {
5834
- flex: 1;
5835
- display: flex;
5836
- flex-direction: column;
5837
- justify-content: center;
5838
- gap: 4px;
5839
- }
5840
-
5841
- .root-module_x-card-home-indicator__lp7mX.root-module_x-card-home-indicator__texts__2NGlt {
5842
- min-height: 32px;
5843
- }
5844
-
5845
- .root-module_x-card-home-indicator--circular-chart__KRIrO {
5846
- transform: rotate(-90deg);
5847
- }
5848
-
5849
- .root-module_x-card-home-indicator--circle-bg__DeT8m {
5850
- stroke: var(--neutral-dark-20);
5851
- stroke-width: 5;
5852
- fill: none;
5853
- transition:
5854
- stroke-dasharray 0.6s ease,
5855
- stroke-dashoffset 0.6s ease;
5856
- }
5857
-
5858
- .root-module_x-card-home-indicator--circle__837fp {
5859
- stroke: var(--color-turquoise);
5860
- stroke-linecap: round;
5861
- fill: none;
5862
- stroke-width: 5;
5863
- transition:
5864
- stroke-dasharray 0.6s ease,
5865
- stroke-dashoffset 0.6s ease;
5866
- }
5867
-
5868
- .root-module_x-pull-to-refresh__BwruY {
5869
- overscroll-behavior-y: contain;
5870
- }
5871
-
5872
- .root-module_x-card-expand-progress__uyPzq {
5873
- background: var(--color-neutral-lightest);
5874
- border-radius: var(--xbox-size-11);
5875
- display: flex;
5876
- align-items: center;
5877
- gap: var(--xbox-padding-m);
5878
- text-align: left;
5879
- width: -webkit-fill-available;
5880
- width: -moz-available;
5881
- width: stretch;
5882
- flex-direction: column;
5883
- }
5884
-
5885
- .root-module_x-card-expand-progress--main__MoPmG {
5886
- width: 100%;
5887
- display: flex;
5888
- gap: var(--xbox-padding-xxs);
5889
- flex-direction: column;
5890
- }
5891
-
5892
- .root-module_x-card-expand-progress--ml__ymil9 {
5893
- margin: 0px 30px 0px 10px;
5894
- }
5895
-
5896
- .root-module_x-card-expand-progress--wrapper__lQjO2 {
5897
- width: 100%;
5898
- display: flex;
5899
- justify-content: center;
5900
- align-items: center;
5901
- gap: var(--xbox-padding-s);
5902
- flex-direction: row;
5903
- }
5904
-
5905
- .root-module_x-card-expand-progress--col__kPS5t {
5906
- width: 100%;
5907
- display: flex;
5908
- flex-direction: column;
5909
- }
5910
-
5911
- .root-module_x-card-expand-progress--divider__WNtK8 {
5912
- width: 100%;
5913
- height: 1px;
5914
- margin-bottom: 10px;
5915
- background-color: #f5f5f5;
5916
- }
5917
-
5918
- .root-module_x-card-expand-progress--info__-zcwT {
5919
- width: 100%;
5920
- display: flex;
5921
- align-items: center;
5922
- gap: var(--xbox-padding-m);
5923
- text-align: left;
5924
- }
5925
-
5926
- .root-module_x-card-expand-progress__uyPzq.root-module_x-card-expand-progress--disabled__UAkvv {
5927
- background-color: var(--color-neutral-light);
5928
- }
5929
-
5930
- .root-module_x-card-expand-progress__uyPzq:not(.root-module_x-card-expand-progress--with-children__iQwrv) {
5931
- transition: all 0.25s ease-in-out;
5932
- transition-property: transform, opacity;
5933
- }
5934
-
5935
- .root-module_x-card-expand-progress__uyPzq:hover:not(.root-module_x-card-expand-progress--with-children__iQwrv) {
5936
- transform: scale(1.025);
5937
- }
5938
-
5939
- .root-module_x-card-expand-progress__uyPzq:active:not(.root-module_x-card-expand-progress--with-children__iQwrv) {
5940
- transform: scale(0.95);
5941
- }
5942
-
5943
- .root-module_x-card-expand-progress--with-children__iQwrv {
5944
- align-items: flex-start;
5945
- gap: 0;
5946
- }
5947
-
5948
- .root-module_x-card-expand-progress--size-s__xsrV5 {
5949
- padding: var(--xbox-padding-xs) var(--xbox-padding-s);
5950
- }
5951
-
5952
- .root-module_x-card-expand-progress--size-l__jm8oN {
5953
- padding: var(--xbox-padding-xs) var(--xbox-padding-m);
5954
- }
5955
-
5956
- .root-module_x-card-expand-progress--border-shadow__jGqOy {
5957
- box-shadow: 0px 3px 8px -1px rgba(24, 39, 75, 0.08);
5958
- }
5959
-
5960
- .root-module_x-card-expand-progress--border-dashed__ZVCG9 {
5961
- border: 1px dashed var(--color-neutral-dim);
5962
- }
5963
-
5964
- .root-module_x-card-expand-progress--border-solid__7iASj {
5965
- border: 1px solid var(--color-neutral-light);
5966
- }
5967
-
5968
- .root-module_x-card-expand-progress--border-gradient__5XQgx {
5969
- border: 1px solid transparent;
5970
- color: var(--color-neutral-darkest);
5971
- background:
5972
- linear-gradient(#fff, #fff) padding-box,
5973
- var(--color-gradient-arcus) border-box;
5974
- border-color: transparent;
5975
- }
5976
-
5977
- .root-module_x-card-expand-progress--clickable__Y9CP7 {
5978
- cursor: pointer;
5979
- }
5980
-
5981
- .root-module_x-card-expand-progress__symbol__KVIZt {
5982
- display: flex;
5983
- background: var(--color-neutral-light);
5984
- }
5985
-
5986
- .root-module_x-card-expand-progress--disabled__UAkvv .root-module_x-card-expand-progress__symbol__KVIZt {
5987
- background: transparent;
5988
- }
5989
-
5990
- .root-module_x-card-expand-progress--disabled__UAkvv .root-module_x-card-expand-progress__symbol__KVIZt > div > svg {
5991
- opacity: 0.4;
5992
- }
5993
-
5994
- .root-module_x-card-expand-progress--size-s__xsrV5 .root-module_x-card-expand-progress__symbol__KVIZt {
5995
- padding: 4px;
5996
- border-radius: var(--xbox-size-14);
5997
- }
5998
-
5999
- .root-module_x-card-expand-progress--size-l__jm8oN .root-module_x-card-expand-progress__symbol__KVIZt {
6000
- padding: var(--xbox-padding-xs);
6001
- border-radius: var(--xbox-size-11);
6002
- }
6003
-
6004
- .root-module_x-card-expand-progress__texts__A8PwE {
6005
- flex: 1;
6006
- display: flex;
6007
- flex-direction: column;
6008
- justify-content: center;
6009
- gap: 4px;
6010
- }
6011
-
6012
- .root-module_x-card-expand-progress--disabled__UAkvv .root-module_x-card-expand-progress__texts__A8PwE {
6013
- opacity: 0.5;
6014
- }
6015
-
6016
- .root-module_x-card-expand-progress--size-s__xsrV5 .root-module_x-card-expand-progress__texts__A8PwE {
6017
- min-height: 32px;
6018
- }
6019
-
6020
- .root-module_x-card-expand-progress--size-l__jm8oN .root-module_x-card-expand-progress__texts__A8PwE {
6021
- min-height: 56px;
6022
- }
6023
-
6024
- .root-module_x-card-expand-progress__icon__X-nPM {
6025
- width: 20px;
6026
- }
6027
-
6028
- .root-module_x-card-expand-progress__icon__X-nPM > div {
6029
- color: var(--color-neutral-dim);
6030
- }
6031
-
6032
- .root-module_x-card-expand-progress--disabled__UAkvv .root-module_x-card-expand-progress__badge__oF0jG > div {
6033
- background: var(--color-neutral-dim);
6034
- color: var(--color-neutral-lightest);
6035
- }
6036
-
6037
- .root-module_x-card-business__akBHB {
6038
- width: 47%;
6039
- padding: 16px 8px 16px 8px;
6040
- border-radius: 24px;
6041
- gap: 4px;
6042
- box-shadow: 0px 3px 8px -1px #18274b14;
6043
- display: flex;
6044
- justify-content: center;
6045
- align-items: center;
6046
- }
6047
-
6048
- .root-module_x-card-business__akBHB .root-module_x-card-business-logo__yGZBw {
6049
- width: 88px;
6050
- height: 88px;
6051
- }
6052
-
6053
- .root-module_x-card-business__akBHB.root-module_x-card-business-activated__6rN6T {
6054
- box-shadow: none;
6055
- background:
6056
- linear-gradient(white, white) padding-box,
6057
- var(--primary-color-border-input, #000000) border-box;
6058
- border: 2px solid transparent;
6059
- }
6060
-
6061
- .root-module_x-card-business__akBHB.root-module_x-card-business-fixed__rxEoy {
6062
- width: 9rem;
6063
- }
6064
-
6065
- .root-module_x-store-selector__l7-ts {
6066
- width: -moz-fit-content;
6067
- width: fit-content;
6068
- height: auto;
6069
- padding: 4px 8px 4px 4px;
6070
- border-radius: 16px;
6071
- border: 1px solid #f5f5f5;
6072
- display: flex;
6073
- align-items: center;
6074
- justify-content: start;
6075
- gap: 12px;
6076
- cursor: pointer;
6077
- background-color: var(--neutral-dark-20);
6078
- }
6079
-
6080
- .root-module_x-store-selector__l7-ts.root-module_x-store-selector-disabled__q2uaS {
6081
- opacity: 0.5;
6082
- cursor: default;
6083
- }
6084
-
6085
- .root-module_x-store-selector__l7-ts.root-module_x-store-selector-with-logo__vexHa {
6086
- background-color: var(--neutral-white);
6087
- }
6088
-
6089
- .root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI {
6090
- padding: 8px 12px 8px 8px;
6091
- border-radius: 999px;
6092
- gap: 8px;
6093
- }
6094
-
6095
- .root-module_x-store-selector__l7-ts .root-module_x-store-logo__jDZKy,
6096
- .root-module_x-store-selector__l7-ts .root-module_x-store-no-logo__9LFLi {
6097
- width: 24px;
6098
- height: 24px;
6099
- }
6100
-
6101
- .root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI .root-module_x-store-logo__jDZKy,
6102
- .root-module_x-store-selector__l7-ts.root-module_x-store-selector-m__uzZgI .root-module_x-store-no-logo__9LFLi {
6103
- width: 32px;
6104
- height: 32px;
6105
- }
6106
-
6107
- .root-module_x-store-no-logo__9LFLi {
6108
- background-color: var(--neutral-white);
6109
- border-radius: 999px;
6110
- border: 1px solid #f5f5f5;
6111
- }