@delightui/components 0.1.69 → 0.1.71

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.
@@ -835,6 +835,17 @@
835
835
  font-weight: var(--chip-font-weight);
836
836
  color: var(--chip-color);
837
837
  }
838
+ .Chip-module_chip__gFkbn .Chip-module_iconAndContentContainer__yGoFx {
839
+ display: flex;
840
+ flex-direction: row;
841
+ justify-content: flex-start;
842
+ align-items: center;
843
+ gap: var(--chip-icon-content-container-row-gap) var(--chip-icon-content-container-column-gap);
844
+ padding-top: var(--chip-icon-content-container-padding-top);
845
+ padding-bottom: var(--chip-icon-content-container-padding-bottom);
846
+ padding-left: var(--chip-icon-content-container-padding-left);
847
+ padding-right: var(--chip-icon-content-container-padding-right);
848
+ }
838
849
  .Chip-module_chip__gFkbn .Chip-module_leadingIcon__wzuFC,
839
850
  .Chip-module_chip__gFkbn .Chip-module_trailingIcon__jGkIh {
840
851
  display: flex;
@@ -845,6 +856,10 @@
845
856
  flex: 1;
846
857
  display: flex;
847
858
  justify-content: center;
859
+ font-family: var(--chip-font-family);
860
+ font-size: var(--chip-font-size);
861
+ font-weight: var(--chip-font-weight);
862
+ color: var(--chip-color);
848
863
  }
849
864
  .Chip-module_chip__gFkbn.Chip-module_disabled__n16kg {
850
865
  pointer-events: none;
@@ -3343,9 +3358,12 @@ span.flatpickr-weekday {
3343
3358
  flex-direction: row;
3344
3359
  }
3345
3360
  .Select-module_select__sbUrw {
3346
- width: auto;
3361
+ width: 100%;
3362
+ width: var(--select-width, 100%);
3347
3363
  height: -moz-fit-content;
3348
3364
  height: fit-content;
3365
+ height: var(--select-height, -moz-fit-content);
3366
+ height: var(--select-height, fit-content);
3349
3367
  row-gap: var(--select-row-gap);
3350
3368
  -moz-column-gap: var(--select-column-gap);
3351
3369
  column-gap: var(--select-column-gap);
@@ -3471,6 +3489,9 @@ span.flatpickr-weekday {
3471
3489
  width: var(--chip-input-width);
3472
3490
  min-width: var(--chip-input-min-width);
3473
3491
  max-width: var(--chip-input-max-width);
3492
+ }
3493
+
3494
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_trigger__KLvR4 {
3474
3495
  padding-top: calc(var(--chip-input-padding-top) - var(--chip-input-border-top-width));
3475
3496
  padding-bottom: calc(var(--chip-input-padding-bottom) - var(--chip-input-border-bottom-width));
3476
3497
  padding-left: calc(var(--chip-input-padding-left) - var(--chip-input-border-left-width));
@@ -3527,6 +3548,13 @@ span.flatpickr-weekday {
3527
3548
  --input-border-left-width: 0px;
3528
3549
  }
3529
3550
 
3551
+ .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:hover:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:active:not(:disabled), .ChipInput-module_chipInput__tCCgW .ChipInput-module_input__J979Z:has(:focus-visible):not(:disabled) {
3552
+ --input-border-top-width: 0px;
3553
+ --input-border-right-width: 0px;
3554
+ --input-border-bottom-width: 0px;
3555
+ --input-border-left-width: 0px;
3556
+ }
3557
+
3530
3558
  .ChipInput-module_contextMenu__fr18e {
3531
3559
  --context-menu-border-top-width: var(--chip-input-context-menu-border-top-width);
3532
3560
  --context-menu-border-right-width: var(--chip-input-context-menu-border-right-width);
@@ -19262,6 +19290,3357 @@ span.flatpickr-weekday {
19262
19290
  --tooltip-paragraph-spacing: 0px;
19263
19291
  --tooltip-paragraph-indent: 0px
19264
19292
  }
19293
+ [data-theme='dark'] [component-variant^="chip-"], [data-theme='light'] [component-variant^="chip-"] {
19294
+ --chip-opacity: 1;
19295
+ --chip-height: auto;
19296
+ --chip-min-height: auto;
19297
+ --chip-max-height: none;
19298
+ --chip-width: auto;
19299
+ --chip-min-width: auto;
19300
+ --chip-max-width: none;
19301
+ --chip-background-color: transparent;
19302
+ --chip-fill: currentcolor;
19303
+ --chip-border-top-left-radius: 0px;
19304
+ --chip-border-top-right-radius: 0px;
19305
+ --chip-border-bottom-left-radius: 0px;
19306
+ --chip-border-bottom-right-radius: 0px;
19307
+ --chip-border-color: transparent;
19308
+ --chip-border-style: solid;
19309
+ --chip-border-gap: normal;
19310
+ --chip-border-dash: none;
19311
+ --chip-border-top-width: 0px;
19312
+ --chip-border-right-width: 0px;
19313
+ --chip-border-bottom-width: 0px;
19314
+ --chip-border-left-width: 0px;
19315
+ --chip-outline-color: auto;
19316
+ --chip-outline-style: solid;
19317
+ --chip-outline-width: 0px;
19318
+ --chip-padding-left: 0px;
19319
+ --chip-padding-right: 0px;
19320
+ --chip-padding-top: 0px;
19321
+ --chip-padding-bottom: 0px;
19322
+ --chip-row-gap: 0px;
19323
+ --chip-column-gap: 0px;
19324
+ --chip-font-family: sans-serif;
19325
+ --chip-font-size: medium;
19326
+ --chip-color: currentcolor;
19327
+ --chip-letter-spacing: normal;
19328
+ --chip-line-height: normal;
19329
+ --chip-paragraph-spacing: ;
19330
+ --chip-paragraph-indent:
19331
+ }
19332
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
19333
+ --chip-height: 32px;
19334
+ --chip-background-color: var(--decorative-surface-orange);
19335
+ --chip-color: var(--text-primary);
19336
+ --chip-border-top-left-radius: 50px;
19337
+ --chip-border-top-right-radius: 50px;
19338
+ --chip-border-bottom-left-radius: 50px;
19339
+ --chip-border-bottom-right-radius: 50px;
19340
+ --chip-padding-left: var(--spacing-space-3);
19341
+ --chip-padding-right: var(--spacing-space-3);
19342
+ --chip-padding-top: var(--spacing-space-1);
19343
+ --chip-padding-bottom: var(--spacing-space-1);
19344
+ --chip-row-gap: var(--numbers-size-1);
19345
+ --chip-column-gap: var(--numbers-size-1);
19346
+ --chip-font-family: var(--font-family-body);
19347
+ --chip-font-size: var(--font-size-body-small);
19348
+ --chip-font-weight: var(--font-weight-medium);
19349
+ --chip-line-height: var(--line-height-body-small);
19350
+ --chip-paragraph-spacing: 0px;
19351
+ --chip-paragraph-indent: 0px
19352
+ }
19353
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
19354
+ --chip-height: 32px;
19355
+ --chip-background-color: var(--decorative-surface-green);
19356
+ --chip-color: var(--text-primary);
19357
+ --chip-border-top-left-radius: 50px;
19358
+ --chip-border-top-right-radius: 50px;
19359
+ --chip-border-bottom-left-radius: 50px;
19360
+ --chip-border-bottom-right-radius: 50px;
19361
+ --chip-padding-left: var(--spacing-space-3);
19362
+ --chip-padding-right: var(--spacing-space-3);
19363
+ --chip-padding-top: var(--spacing-space-1);
19364
+ --chip-padding-bottom: var(--spacing-space-1);
19365
+ --chip-row-gap: var(--spacing-space-2);
19366
+ --chip-column-gap: var(--spacing-space-2);
19367
+ --chip-font-family: var(--font-family-body);
19368
+ --chip-font-size: var(--font-size-body-small);
19369
+ --chip-font-weight: var(--font-weight-medium);
19370
+ --chip-line-height: var(--line-height-body-small);
19371
+ --chip-paragraph-spacing: 0px;
19372
+ --chip-paragraph-indent: 0px
19373
+ }
19374
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
19375
+ --chip-height: 32px;
19376
+ --chip-background-color: var(--decorative-surface-blue);
19377
+ --chip-color: var(--text-primary);
19378
+ --chip-border-top-left-radius: 50px;
19379
+ --chip-border-top-right-radius: 50px;
19380
+ --chip-border-bottom-left-radius: 50px;
19381
+ --chip-border-bottom-right-radius: 50px;
19382
+ --chip-padding-left: var(--spacing-space-3);
19383
+ --chip-padding-right: var(--spacing-space-3);
19384
+ --chip-padding-top: var(--spacing-space-1);
19385
+ --chip-padding-bottom: var(--spacing-space-1);
19386
+ --chip-row-gap: var(--numbers-size-1);
19387
+ --chip-column-gap: var(--numbers-size-1);
19388
+ --chip-font-family: var(--font-family-body);
19389
+ --chip-font-size: var(--font-size-body-small);
19390
+ --chip-font-weight: var(--font-weight-medium);
19391
+ --chip-line-height: var(--line-height-body-small);
19392
+ --chip-paragraph-spacing: 0px;
19393
+ --chip-paragraph-indent: 0px
19394
+ }
19395
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
19396
+ --chip-height: 32px;
19397
+ --chip-background-color: var(--decorative-surface-purple);
19398
+ --chip-color: var(--text-primary);
19399
+ --chip-border-top-left-radius: 50px;
19400
+ --chip-border-top-right-radius: 50px;
19401
+ --chip-border-bottom-left-radius: 50px;
19402
+ --chip-border-bottom-right-radius: 50px;
19403
+ --chip-padding-left: var(--spacing-space-3);
19404
+ --chip-padding-right: var(--spacing-space-3);
19405
+ --chip-padding-top: var(--spacing-space-1);
19406
+ --chip-padding-bottom: var(--spacing-space-1);
19407
+ --chip-row-gap: var(--numbers-size-1);
19408
+ --chip-column-gap: var(--numbers-size-1);
19409
+ --chip-font-family: var(--font-family-body);
19410
+ --chip-font-size: var(--font-size-body-small);
19411
+ --chip-font-weight: var(--font-weight-medium);
19412
+ --chip-line-height: var(--line-height-body-small);
19413
+ --chip-paragraph-spacing: 0px;
19414
+ --chip-paragraph-indent: 0px
19415
+ }
19416
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
19417
+ --chip-height: 32px;
19418
+ --chip-background-color: var(--decorative-surface-red);
19419
+ --chip-color: var(--text-primary);
19420
+ --chip-border-top-left-radius: 50px;
19421
+ --chip-border-top-right-radius: 50px;
19422
+ --chip-border-bottom-left-radius: 50px;
19423
+ --chip-border-bottom-right-radius: 50px;
19424
+ --chip-padding-left: var(--spacing-space-3);
19425
+ --chip-padding-right: var(--spacing-space-3);
19426
+ --chip-padding-top: var(--spacing-space-1);
19427
+ --chip-padding-bottom: var(--spacing-space-1);
19428
+ --chip-row-gap: var(--numbers-size-1);
19429
+ --chip-column-gap: var(--numbers-size-1);
19430
+ --chip-font-family: var(--font-family-body);
19431
+ --chip-font-size: var(--font-size-body-small);
19432
+ --chip-font-weight: var(--font-weight-medium);
19433
+ --chip-line-height: var(--line-height-body-small);
19434
+ --chip-paragraph-spacing: 0px;
19435
+ --chip-paragraph-indent: 0px
19436
+ }
19437
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
19438
+ --chip-height: 32px;
19439
+ --chip-background-color: var(--decorative-surface-gray);
19440
+ --chip-color: var(--text-primary);
19441
+ --chip-border-top-left-radius: 50px;
19442
+ --chip-border-top-right-radius: 50px;
19443
+ --chip-border-bottom-left-radius: 50px;
19444
+ --chip-border-bottom-right-radius: 50px;
19445
+ --chip-padding-left: var(--spacing-space-3);
19446
+ --chip-padding-right: var(--spacing-space-3);
19447
+ --chip-padding-top: var(--spacing-space-1);
19448
+ --chip-padding-bottom: var(--spacing-space-1);
19449
+ --chip-row-gap: var(--numbers-size-1);
19450
+ --chip-column-gap: var(--numbers-size-1);
19451
+ --chip-font-family: var(--font-family-body);
19452
+ --chip-font-size: var(--font-size-body-small);
19453
+ --chip-font-weight: var(--font-weight-medium);
19454
+ --chip-line-height: var(--line-height-body-small);
19455
+ --chip-paragraph-spacing: 0px;
19456
+ --chip-paragraph-indent: 0px
19457
+ }
19458
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
19459
+ --chip-height: 32px;
19460
+ --chip-background-color: var(--decorative-surface-orange);
19461
+ --chip-color: var(--text-primary);
19462
+ --chip-border-top-left-radius: 50px;
19463
+ --chip-border-top-right-radius: 50px;
19464
+ --chip-border-bottom-left-radius: 50px;
19465
+ --chip-border-bottom-right-radius: 50px;
19466
+ --chip-border-color: var(--decorative-border-orange);
19467
+ --chip-border-top-width: 1px;
19468
+ --chip-border-right-width: 1px;
19469
+ --chip-border-bottom-width: 1px;
19470
+ --chip-border-left-width: 1px;
19471
+ --chip-padding-left: var(--spacing-space-3);
19472
+ --chip-padding-right: var(--spacing-space-3);
19473
+ --chip-padding-top: var(--spacing-space-1);
19474
+ --chip-padding-bottom: var(--spacing-space-1);
19475
+ --chip-row-gap: var(--numbers-size-1);
19476
+ --chip-column-gap: var(--numbers-size-1);
19477
+ --chip-font-family: var(--font-family-body);
19478
+ --chip-font-size: var(--font-size-body-small);
19479
+ --chip-font-weight: var(--font-weight-medium);
19480
+ --chip-line-height: var(--line-height-body-small);
19481
+ --chip-paragraph-spacing: 0px;
19482
+ --chip-paragraph-indent: 0px
19483
+ }
19484
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
19485
+ --chip-height: 32px;
19486
+ --chip-background-color: var(--decorative-surface-green);
19487
+ --chip-color: var(--text-primary);
19488
+ --chip-border-top-left-radius: 50px;
19489
+ --chip-border-top-right-radius: 50px;
19490
+ --chip-border-bottom-left-radius: 50px;
19491
+ --chip-border-bottom-right-radius: 50px;
19492
+ --chip-border-color: var(--decorative-border-green);
19493
+ --chip-border-top-width: 1px;
19494
+ --chip-border-right-width: 1px;
19495
+ --chip-border-bottom-width: 1px;
19496
+ --chip-border-left-width: 1px;
19497
+ --chip-padding-left: var(--spacing-space-3);
19498
+ --chip-padding-right: var(--spacing-space-3);
19499
+ --chip-padding-top: var(--spacing-space-1);
19500
+ --chip-padding-bottom: var(--spacing-space-1);
19501
+ --chip-row-gap: var(--spacing-space-2);
19502
+ --chip-column-gap: var(--spacing-space-2);
19503
+ --chip-font-family: var(--font-family-body);
19504
+ --chip-font-size: var(--font-size-body-small);
19505
+ --chip-font-weight: var(--font-weight-medium);
19506
+ --chip-line-height: var(--line-height-body-small);
19507
+ --chip-paragraph-spacing: 0px;
19508
+ --chip-paragraph-indent: 0px
19509
+ }
19510
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
19511
+ --chip-height: 32px;
19512
+ --chip-background-color: var(--decorative-surface-blue);
19513
+ --chip-color: var(--text-primary);
19514
+ --chip-border-top-left-radius: 50px;
19515
+ --chip-border-top-right-radius: 50px;
19516
+ --chip-border-bottom-left-radius: 50px;
19517
+ --chip-border-bottom-right-radius: 50px;
19518
+ --chip-border-color: var(--decorative-border-blue);
19519
+ --chip-border-top-width: 1px;
19520
+ --chip-border-right-width: 1px;
19521
+ --chip-border-bottom-width: 1px;
19522
+ --chip-border-left-width: 1px;
19523
+ --chip-padding-left: var(--spacing-space-3);
19524
+ --chip-padding-right: var(--spacing-space-3);
19525
+ --chip-padding-top: var(--spacing-space-1);
19526
+ --chip-padding-bottom: var(--spacing-space-1);
19527
+ --chip-row-gap: var(--numbers-size-1);
19528
+ --chip-column-gap: var(--numbers-size-1);
19529
+ --chip-font-family: var(--font-family-body);
19530
+ --chip-font-size: var(--font-size-body-small);
19531
+ --chip-font-weight: var(--font-weight-medium);
19532
+ --chip-line-height: var(--line-height-body-small);
19533
+ --chip-paragraph-spacing: 0px;
19534
+ --chip-paragraph-indent: 0px
19535
+ }
19536
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
19537
+ --chip-height: 32px;
19538
+ --chip-background-color: var(--decorative-surface-purple);
19539
+ --chip-color: var(--text-primary);
19540
+ --chip-border-top-left-radius: 50px;
19541
+ --chip-border-top-right-radius: 50px;
19542
+ --chip-border-bottom-left-radius: 50px;
19543
+ --chip-border-bottom-right-radius: 50px;
19544
+ --chip-border-color: var(--decorative-border-purple);
19545
+ --chip-border-top-width: 1px;
19546
+ --chip-border-right-width: 1px;
19547
+ --chip-border-bottom-width: 1px;
19548
+ --chip-border-left-width: 1px;
19549
+ --chip-padding-left: var(--spacing-space-3);
19550
+ --chip-padding-right: var(--spacing-space-3);
19551
+ --chip-padding-top: var(--spacing-space-1);
19552
+ --chip-padding-bottom: var(--spacing-space-1);
19553
+ --chip-row-gap: var(--numbers-size-1);
19554
+ --chip-column-gap: var(--numbers-size-1);
19555
+ --chip-font-family: var(--font-family-body);
19556
+ --chip-font-size: var(--font-size-body-small);
19557
+ --chip-font-weight: var(--font-weight-medium);
19558
+ --chip-line-height: var(--line-height-body-small);
19559
+ --chip-paragraph-spacing: 0px;
19560
+ --chip-paragraph-indent: 0px
19561
+ }
19562
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
19563
+ --chip-height: 32px;
19564
+ --chip-background-color: var(--decorative-surface-red);
19565
+ --chip-color: var(--text-primary);
19566
+ --chip-border-top-left-radius: 50px;
19567
+ --chip-border-top-right-radius: 50px;
19568
+ --chip-border-bottom-left-radius: 50px;
19569
+ --chip-border-bottom-right-radius: 50px;
19570
+ --chip-border-color: var(--decorative-border-red);
19571
+ --chip-border-top-width: 1px;
19572
+ --chip-border-right-width: 1px;
19573
+ --chip-border-bottom-width: 1px;
19574
+ --chip-border-left-width: 1px;
19575
+ --chip-padding-left: var(--spacing-space-3);
19576
+ --chip-padding-right: var(--spacing-space-3);
19577
+ --chip-padding-top: var(--spacing-space-1);
19578
+ --chip-padding-bottom: var(--spacing-space-1);
19579
+ --chip-row-gap: var(--numbers-size-1);
19580
+ --chip-column-gap: var(--numbers-size-1);
19581
+ --chip-font-family: var(--font-family-body);
19582
+ --chip-font-size: var(--font-size-body-small);
19583
+ --chip-font-weight: var(--font-weight-medium);
19584
+ --chip-line-height: var(--line-height-body-small);
19585
+ --chip-paragraph-spacing: 0px;
19586
+ --chip-paragraph-indent: 0px
19587
+ }
19588
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
19589
+ --chip-height: 32px;
19590
+ --chip-background-color: var(--decorative-surface-gray);
19591
+ --chip-color: var(--text-primary);
19592
+ --chip-border-top-left-radius: 50px;
19593
+ --chip-border-top-right-radius: 50px;
19594
+ --chip-border-bottom-left-radius: 50px;
19595
+ --chip-border-bottom-right-radius: 50px;
19596
+ --chip-border-color: var(--decorative-border-grey);
19597
+ --chip-border-top-width: 1px;
19598
+ --chip-border-right-width: 1px;
19599
+ --chip-border-bottom-width: 1px;
19600
+ --chip-border-left-width: 1px;
19601
+ --chip-padding-left: var(--spacing-space-3);
19602
+ --chip-padding-right: var(--spacing-space-3);
19603
+ --chip-padding-top: var(--spacing-space-1);
19604
+ --chip-padding-bottom: var(--spacing-space-1);
19605
+ --chip-row-gap: var(--numbers-size-1);
19606
+ --chip-column-gap: var(--numbers-size-1);
19607
+ --chip-font-family: var(--font-family-body);
19608
+ --chip-font-size: var(--font-size-body-small);
19609
+ --chip-font-weight: var(--font-weight-medium);
19610
+ --chip-line-height: var(--line-height-body-small);
19611
+ --chip-paragraph-spacing: 0px;
19612
+ --chip-paragraph-indent: 0px
19613
+ }
19614
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
19615
+ --chip-height: 32px;
19616
+ --chip-background-color: var(--surface-background-6);
19617
+ --chip-color: var(--decorative-text-orange);
19618
+ --chip-border-top-left-radius: 50px;
19619
+ --chip-border-top-right-radius: 50px;
19620
+ --chip-border-bottom-left-radius: 50px;
19621
+ --chip-border-bottom-right-radius: 50px;
19622
+ --chip-padding-left: var(--spacing-space-3);
19623
+ --chip-padding-right: var(--spacing-space-3);
19624
+ --chip-padding-top: var(--spacing-space-1);
19625
+ --chip-padding-bottom: var(--spacing-space-1);
19626
+ --chip-row-gap: var(--numbers-size-1);
19627
+ --chip-column-gap: var(--numbers-size-1);
19628
+ --chip-font-family: var(--font-family-body);
19629
+ --chip-font-size: var(--font-size-body-small);
19630
+ --chip-font-weight: var(--font-weight-medium);
19631
+ --chip-line-height: var(--line-height-body-small);
19632
+ --chip-paragraph-spacing: 0px;
19633
+ --chip-paragraph-indent: 0px
19634
+ }
19635
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
19636
+ --chip-height: 32px;
19637
+ --chip-background-color: var(--surface-background-6);
19638
+ --chip-color: var(--decorative-text-orange);
19639
+ --chip-border-top-left-radius: 50px;
19640
+ --chip-border-top-right-radius: 50px;
19641
+ --chip-border-bottom-left-radius: 50px;
19642
+ --chip-border-bottom-right-radius: 50px;
19643
+ --chip-border-color: var(--decorative-border-orange);
19644
+ --chip-border-top-width: 1px;
19645
+ --chip-border-right-width: 1px;
19646
+ --chip-border-bottom-width: 1px;
19647
+ --chip-border-left-width: 1px;
19648
+ --chip-padding-left: var(--spacing-space-3);
19649
+ --chip-padding-right: var(--spacing-space-3);
19650
+ --chip-padding-top: var(--spacing-space-1);
19651
+ --chip-padding-bottom: var(--spacing-space-1);
19652
+ --chip-row-gap: var(--numbers-size-1);
19653
+ --chip-column-gap: var(--numbers-size-1);
19654
+ --chip-font-family: var(--font-family-body);
19655
+ --chip-font-size: var(--font-size-body-small);
19656
+ --chip-font-weight: var(--font-weight-medium);
19657
+ --chip-line-height: var(--line-height-body-small);
19658
+ --chip-paragraph-spacing: 0px;
19659
+ --chip-paragraph-indent: 0px
19660
+ }
19661
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
19662
+ --chip-height: 32px;
19663
+ --chip-background-color: var(--surface-background-6);
19664
+ --chip-color: var(--decorative-text-green);
19665
+ --chip-border-top-left-radius: 50px;
19666
+ --chip-border-top-right-radius: 50px;
19667
+ --chip-border-bottom-left-radius: 50px;
19668
+ --chip-border-bottom-right-radius: 50px;
19669
+ --chip-padding-left: var(--spacing-space-3);
19670
+ --chip-padding-right: var(--spacing-space-3);
19671
+ --chip-padding-top: var(--spacing-space-1);
19672
+ --chip-padding-bottom: var(--spacing-space-1);
19673
+ --chip-row-gap: var(--numbers-size-1);
19674
+ --chip-column-gap: var(--numbers-size-1);
19675
+ --chip-font-family: var(--font-family-body);
19676
+ --chip-font-size: var(--font-size-body-small);
19677
+ --chip-font-weight: var(--font-weight-medium);
19678
+ --chip-line-height: var(--line-height-body-small);
19679
+ --chip-paragraph-spacing: 0px;
19680
+ --chip-paragraph-indent: 0px
19681
+ }
19682
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
19683
+ --chip-height: 32px;
19684
+ --chip-background-color: var(--surface-background-6);
19685
+ --chip-color: var(--decorative-text-green);
19686
+ --chip-border-top-left-radius: 50px;
19687
+ --chip-border-top-right-radius: 50px;
19688
+ --chip-border-bottom-left-radius: 50px;
19689
+ --chip-border-bottom-right-radius: 50px;
19690
+ --chip-border-color: var(--decorative-border-green);
19691
+ --chip-border-top-width: 1px;
19692
+ --chip-border-right-width: 1px;
19693
+ --chip-border-bottom-width: 1px;
19694
+ --chip-border-left-width: 1px;
19695
+ --chip-padding-left: var(--spacing-space-3);
19696
+ --chip-padding-right: var(--spacing-space-3);
19697
+ --chip-padding-top: var(--spacing-space-1);
19698
+ --chip-padding-bottom: var(--spacing-space-1);
19699
+ --chip-row-gap: var(--numbers-size-1);
19700
+ --chip-column-gap: var(--numbers-size-1);
19701
+ --chip-font-family: var(--font-family-body);
19702
+ --chip-font-size: var(--font-size-body-small);
19703
+ --chip-font-weight: var(--font-weight-medium);
19704
+ --chip-line-height: var(--line-height-body-small);
19705
+ --chip-paragraph-spacing: 0px;
19706
+ --chip-paragraph-indent: 0px
19707
+ }
19708
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
19709
+ --chip-height: 32px;
19710
+ --chip-background-color: var(--surface-background-6);
19711
+ --chip-color: var(--decorative-text-blue);
19712
+ --chip-border-top-left-radius: 50px;
19713
+ --chip-border-top-right-radius: 50px;
19714
+ --chip-border-bottom-left-radius: 50px;
19715
+ --chip-border-bottom-right-radius: 50px;
19716
+ --chip-padding-left: var(--spacing-space-3);
19717
+ --chip-padding-right: var(--spacing-space-3);
19718
+ --chip-padding-top: var(--spacing-space-1);
19719
+ --chip-padding-bottom: var(--spacing-space-1);
19720
+ --chip-row-gap: var(--numbers-size-1);
19721
+ --chip-column-gap: var(--numbers-size-1);
19722
+ --chip-font-family: var(--font-family-body);
19723
+ --chip-font-size: var(--font-size-body-small);
19724
+ --chip-font-weight: var(--font-weight-medium);
19725
+ --chip-line-height: var(--line-height-body-small);
19726
+ --chip-paragraph-spacing: 0px;
19727
+ --chip-paragraph-indent: 0px
19728
+ }
19729
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
19730
+ --chip-height: 32px;
19731
+ --chip-background-color: var(--surface-background-6);
19732
+ --chip-color: var(--decorative-text-blue);
19733
+ --chip-border-top-left-radius: 50px;
19734
+ --chip-border-top-right-radius: 50px;
19735
+ --chip-border-bottom-left-radius: 50px;
19736
+ --chip-border-bottom-right-radius: 50px;
19737
+ --chip-border-color: var(--decorative-border-blue);
19738
+ --chip-border-top-width: 1px;
19739
+ --chip-border-right-width: 1px;
19740
+ --chip-border-bottom-width: 1px;
19741
+ --chip-border-left-width: 1px;
19742
+ --chip-padding-left: var(--spacing-space-3);
19743
+ --chip-padding-right: var(--spacing-space-3);
19744
+ --chip-padding-top: var(--spacing-space-1);
19745
+ --chip-padding-bottom: var(--spacing-space-1);
19746
+ --chip-row-gap: var(--numbers-size-1);
19747
+ --chip-column-gap: var(--numbers-size-1);
19748
+ --chip-font-family: var(--font-family-body);
19749
+ --chip-font-size: var(--font-size-body-small);
19750
+ --chip-font-weight: var(--font-weight-medium);
19751
+ --chip-line-height: var(--line-height-body-small);
19752
+ --chip-paragraph-spacing: 0px;
19753
+ --chip-paragraph-indent: 0px
19754
+ }
19755
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
19756
+ --chip-height: 32px;
19757
+ --chip-background-color: var(--surface-background-6);
19758
+ --chip-color: var(--decorative-text-purple);
19759
+ --chip-border-top-left-radius: 50px;
19760
+ --chip-border-top-right-radius: 50px;
19761
+ --chip-border-bottom-left-radius: 50px;
19762
+ --chip-border-bottom-right-radius: 50px;
19763
+ --chip-padding-left: var(--spacing-space-3);
19764
+ --chip-padding-right: var(--spacing-space-3);
19765
+ --chip-padding-top: var(--spacing-space-1);
19766
+ --chip-padding-bottom: var(--spacing-space-1);
19767
+ --chip-row-gap: var(--numbers-size-1);
19768
+ --chip-column-gap: var(--numbers-size-1);
19769
+ --chip-font-family: var(--font-family-body);
19770
+ --chip-font-size: var(--font-size-body-small);
19771
+ --chip-font-weight: var(--font-weight-medium);
19772
+ --chip-line-height: var(--line-height-body-small);
19773
+ --chip-paragraph-spacing: 0px;
19774
+ --chip-paragraph-indent: 0px
19775
+ }
19776
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
19777
+ --chip-height: 32px;
19778
+ --chip-background-color: var(--surface-background-6);
19779
+ --chip-color: var(--decorative-text-purple);
19780
+ --chip-border-top-left-radius: 50px;
19781
+ --chip-border-top-right-radius: 50px;
19782
+ --chip-border-bottom-left-radius: 50px;
19783
+ --chip-border-bottom-right-radius: 50px;
19784
+ --chip-border-color: var(--decorative-border-purple);
19785
+ --chip-border-top-width: 1px;
19786
+ --chip-border-right-width: 1px;
19787
+ --chip-border-bottom-width: 1px;
19788
+ --chip-border-left-width: 1px;
19789
+ --chip-padding-left: var(--spacing-space-3);
19790
+ --chip-padding-right: var(--spacing-space-3);
19791
+ --chip-padding-top: var(--spacing-space-1);
19792
+ --chip-padding-bottom: var(--spacing-space-1);
19793
+ --chip-row-gap: var(--numbers-size-1);
19794
+ --chip-column-gap: var(--numbers-size-1);
19795
+ --chip-font-family: var(--font-family-body);
19796
+ --chip-font-size: var(--font-size-body-small);
19797
+ --chip-font-weight: var(--font-weight-medium);
19798
+ --chip-line-height: var(--line-height-body-small);
19799
+ --chip-paragraph-spacing: 0px;
19800
+ --chip-paragraph-indent: 0px
19801
+ }
19802
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
19803
+ --chip-height: 32px;
19804
+ --chip-background-color: var(--surface-background-6);
19805
+ --chip-color: var(--decorative-text-red);
19806
+ --chip-border-top-left-radius: 50px;
19807
+ --chip-border-top-right-radius: 50px;
19808
+ --chip-border-bottom-left-radius: 50px;
19809
+ --chip-border-bottom-right-radius: 50px;
19810
+ --chip-padding-left: var(--spacing-space-3);
19811
+ --chip-padding-right: var(--spacing-space-3);
19812
+ --chip-padding-top: var(--spacing-space-1);
19813
+ --chip-padding-bottom: var(--spacing-space-1);
19814
+ --chip-row-gap: var(--numbers-size-1);
19815
+ --chip-column-gap: var(--numbers-size-1);
19816
+ --chip-font-family: var(--font-family-body);
19817
+ --chip-font-size: var(--font-size-body-small);
19818
+ --chip-font-weight: var(--font-weight-medium);
19819
+ --chip-line-height: var(--line-height-body-small);
19820
+ --chip-paragraph-spacing: 0px;
19821
+ --chip-paragraph-indent: 0px
19822
+ }
19823
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
19824
+ --chip-height: 32px;
19825
+ --chip-background-color: var(--surface-background-6);
19826
+ --chip-color: var(--decorative-text-red);
19827
+ --chip-border-top-left-radius: 50px;
19828
+ --chip-border-top-right-radius: 50px;
19829
+ --chip-border-bottom-left-radius: 50px;
19830
+ --chip-border-bottom-right-radius: 50px;
19831
+ --chip-border-color: var(--decorative-border-red);
19832
+ --chip-border-top-width: 1px;
19833
+ --chip-border-right-width: 1px;
19834
+ --chip-border-bottom-width: 1px;
19835
+ --chip-border-left-width: 1px;
19836
+ --chip-padding-left: var(--spacing-space-3);
19837
+ --chip-padding-right: var(--spacing-space-3);
19838
+ --chip-padding-top: var(--spacing-space-1);
19839
+ --chip-padding-bottom: var(--spacing-space-1);
19840
+ --chip-row-gap: var(--numbers-size-1);
19841
+ --chip-column-gap: var(--numbers-size-1);
19842
+ --chip-font-family: var(--font-family-body);
19843
+ --chip-font-size: var(--font-size-body-small);
19844
+ --chip-font-weight: var(--font-weight-medium);
19845
+ --chip-line-height: var(--line-height-body-small);
19846
+ --chip-paragraph-spacing: 0px;
19847
+ --chip-paragraph-indent: 0px
19848
+ }
19849
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
19850
+ --chip-height: 32px;
19851
+ --chip-background-color: var(--surface-background-6);
19852
+ --chip-color: var(--decorative-text-gray);
19853
+ --chip-border-top-left-radius: 50px;
19854
+ --chip-border-top-right-radius: 50px;
19855
+ --chip-border-bottom-left-radius: 50px;
19856
+ --chip-border-bottom-right-radius: 50px;
19857
+ --chip-padding-left: var(--spacing-space-3);
19858
+ --chip-padding-right: var(--spacing-space-3);
19859
+ --chip-padding-top: var(--spacing-space-1);
19860
+ --chip-padding-bottom: var(--spacing-space-1);
19861
+ --chip-row-gap: var(--numbers-size-1);
19862
+ --chip-column-gap: var(--numbers-size-1);
19863
+ --chip-font-family: var(--font-family-body);
19864
+ --chip-font-size: var(--font-size-body-small);
19865
+ --chip-font-weight: var(--font-weight-medium);
19866
+ --chip-line-height: var(--line-height-body-small);
19867
+ --chip-paragraph-spacing: 0px;
19868
+ --chip-paragraph-indent: 0px
19869
+ }
19870
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
19871
+ --chip-height: 32px;
19872
+ --chip-background-color: var(--surface-background-6);
19873
+ --chip-color: var(--decorative-text-gray);
19874
+ --chip-border-top-left-radius: 50px;
19875
+ --chip-border-top-right-radius: 50px;
19876
+ --chip-border-bottom-left-radius: 50px;
19877
+ --chip-border-bottom-right-radius: 50px;
19878
+ --chip-border-color: var(--decorative-border-grey);
19879
+ --chip-border-top-width: 1px;
19880
+ --chip-border-right-width: 1px;
19881
+ --chip-border-bottom-width: 1px;
19882
+ --chip-border-left-width: 1px;
19883
+ --chip-padding-left: var(--spacing-space-3);
19884
+ --chip-padding-right: var(--spacing-space-3);
19885
+ --chip-padding-top: var(--spacing-space-1);
19886
+ --chip-padding-bottom: var(--spacing-space-1);
19887
+ --chip-row-gap: var(--numbers-size-1);
19888
+ --chip-column-gap: var(--numbers-size-1);
19889
+ --chip-font-family: var(--font-family-body);
19890
+ --chip-font-size: var(--font-size-body-small);
19891
+ --chip-font-weight: var(--font-weight-medium);
19892
+ --chip-line-height: var(--line-height-body-small);
19893
+ --chip-paragraph-spacing: 0px;
19894
+ --chip-paragraph-indent: 0px
19895
+ }
19896
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
19897
+ --chip-height: 32px;
19898
+ --chip-background-color: var(--decorative-surface-orange);
19899
+ --chip-color: var(--text-primary);
19900
+ --chip-border-top-left-radius: var(--numbers-size-1);
19901
+ --chip-border-top-right-radius: var(--numbers-size-1);
19902
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
19903
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
19904
+ --chip-padding-left: var(--spacing-space-3);
19905
+ --chip-padding-right: var(--spacing-space-3);
19906
+ --chip-padding-top: var(--spacing-space-1);
19907
+ --chip-padding-bottom: var(--spacing-space-1);
19908
+ --chip-row-gap: var(--numbers-size-1);
19909
+ --chip-column-gap: var(--numbers-size-1);
19910
+ --chip-font-family: var(--font-family-body);
19911
+ --chip-font-size: var(--font-size-body-small);
19912
+ --chip-font-weight: var(--font-weight-medium);
19913
+ --chip-line-height: var(--line-height-body-small);
19914
+ --chip-paragraph-spacing: 0px;
19915
+ --chip-paragraph-indent: 0px
19916
+ }
19917
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
19918
+ --chip-height: 32px;
19919
+ --chip-background-color: var(--decorative-surface-green);
19920
+ --chip-color: var(--text-primary);
19921
+ --chip-border-top-left-radius: var(--numbers-size-1);
19922
+ --chip-border-top-right-radius: var(--numbers-size-1);
19923
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
19924
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
19925
+ --chip-padding-left: var(--spacing-space-3);
19926
+ --chip-padding-right: var(--spacing-space-3);
19927
+ --chip-padding-top: var(--spacing-space-1);
19928
+ --chip-padding-bottom: var(--spacing-space-1);
19929
+ --chip-row-gap: var(--spacing-space-2);
19930
+ --chip-column-gap: var(--spacing-space-2);
19931
+ --chip-font-family: var(--font-family-body);
19932
+ --chip-font-size: var(--font-size-body-small);
19933
+ --chip-font-weight: var(--font-weight-medium);
19934
+ --chip-line-height: var(--line-height-body-small);
19935
+ --chip-paragraph-spacing: 0px;
19936
+ --chip-paragraph-indent: 0px
19937
+ }
19938
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
19939
+ --chip-height: 32px;
19940
+ --chip-background-color: var(--decorative-surface-blue);
19941
+ --chip-color: var(--text-primary);
19942
+ --chip-border-top-left-radius: var(--numbers-size-1);
19943
+ --chip-border-top-right-radius: var(--numbers-size-1);
19944
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
19945
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
19946
+ --chip-padding-left: var(--spacing-space-3);
19947
+ --chip-padding-right: var(--spacing-space-3);
19948
+ --chip-padding-top: var(--spacing-space-1);
19949
+ --chip-padding-bottom: var(--spacing-space-1);
19950
+ --chip-row-gap: var(--numbers-size-1);
19951
+ --chip-column-gap: var(--numbers-size-1);
19952
+ --chip-font-family: var(--font-family-body);
19953
+ --chip-font-size: var(--font-size-body-small);
19954
+ --chip-font-weight: var(--font-weight-medium);
19955
+ --chip-line-height: var(--line-height-body-small);
19956
+ --chip-paragraph-spacing: 0px;
19957
+ --chip-paragraph-indent: 0px
19958
+ }
19959
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
19960
+ --chip-height: 32px;
19961
+ --chip-background-color: var(--decorative-surface-purple);
19962
+ --chip-color: var(--text-primary);
19963
+ --chip-border-top-left-radius: var(--numbers-size-1);
19964
+ --chip-border-top-right-radius: var(--numbers-size-1);
19965
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
19966
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
19967
+ --chip-padding-left: var(--spacing-space-3);
19968
+ --chip-padding-right: var(--spacing-space-3);
19969
+ --chip-padding-top: var(--spacing-space-1);
19970
+ --chip-padding-bottom: var(--spacing-space-1);
19971
+ --chip-row-gap: var(--numbers-size-1);
19972
+ --chip-column-gap: var(--numbers-size-1);
19973
+ --chip-font-family: var(--font-family-body);
19974
+ --chip-font-size: var(--font-size-body-small);
19975
+ --chip-font-weight: var(--font-weight-medium);
19976
+ --chip-line-height: var(--line-height-body-small);
19977
+ --chip-paragraph-spacing: 0px;
19978
+ --chip-paragraph-indent: 0px
19979
+ }
19980
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
19981
+ --chip-height: 32px;
19982
+ --chip-background-color: var(--decorative-surface-red);
19983
+ --chip-color: var(--text-primary);
19984
+ --chip-border-top-left-radius: var(--numbers-size-1);
19985
+ --chip-border-top-right-radius: var(--numbers-size-1);
19986
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
19987
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
19988
+ --chip-padding-left: var(--spacing-space-3);
19989
+ --chip-padding-right: var(--spacing-space-3);
19990
+ --chip-padding-top: var(--spacing-space-1);
19991
+ --chip-padding-bottom: var(--spacing-space-1);
19992
+ --chip-row-gap: var(--numbers-size-1);
19993
+ --chip-column-gap: var(--numbers-size-1);
19994
+ --chip-font-family: var(--font-family-body);
19995
+ --chip-font-size: var(--font-size-body-small);
19996
+ --chip-font-weight: var(--font-weight-medium);
19997
+ --chip-line-height: var(--line-height-body-small);
19998
+ --chip-paragraph-spacing: 0px;
19999
+ --chip-paragraph-indent: 0px
20000
+ }
20001
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
20002
+ --chip-height: 32px;
20003
+ --chip-background-color: var(--decorative-surface-gray);
20004
+ --chip-color: var(--text-primary);
20005
+ --chip-border-top-left-radius: var(--numbers-size-1);
20006
+ --chip-border-top-right-radius: var(--numbers-size-1);
20007
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20008
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20009
+ --chip-padding-left: var(--spacing-space-3);
20010
+ --chip-padding-right: var(--spacing-space-3);
20011
+ --chip-padding-top: var(--spacing-space-1);
20012
+ --chip-padding-bottom: var(--spacing-space-1);
20013
+ --chip-row-gap: var(--numbers-size-1);
20014
+ --chip-column-gap: var(--numbers-size-1);
20015
+ --chip-font-family: var(--font-family-body);
20016
+ --chip-font-size: var(--font-size-body-small);
20017
+ --chip-font-weight: var(--font-weight-medium);
20018
+ --chip-line-height: var(--line-height-body-small);
20019
+ --chip-paragraph-spacing: 0px;
20020
+ --chip-paragraph-indent: 0px
20021
+ }
20022
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
20023
+ --chip-height: 32px;
20024
+ --chip-background-color: var(--decorative-surface-orange);
20025
+ --chip-color: var(--text-primary);
20026
+ --chip-border-top-left-radius: var(--numbers-size-1);
20027
+ --chip-border-top-right-radius: var(--numbers-size-1);
20028
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20029
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20030
+ --chip-border-color: var(--decorative-border-orange);
20031
+ --chip-border-top-width: 1px;
20032
+ --chip-border-right-width: 1px;
20033
+ --chip-border-bottom-width: 1px;
20034
+ --chip-border-left-width: 1px;
20035
+ --chip-padding-left: var(--spacing-space-3);
20036
+ --chip-padding-right: var(--spacing-space-3);
20037
+ --chip-padding-top: var(--spacing-space-1);
20038
+ --chip-padding-bottom: var(--spacing-space-1);
20039
+ --chip-row-gap: var(--numbers-size-1);
20040
+ --chip-column-gap: var(--numbers-size-1);
20041
+ --chip-font-family: var(--font-family-body);
20042
+ --chip-font-size: var(--font-size-body-small);
20043
+ --chip-font-weight: var(--font-weight-medium);
20044
+ --chip-line-height: var(--line-height-body-small);
20045
+ --chip-paragraph-spacing: 0px;
20046
+ --chip-paragraph-indent: 0px
20047
+ }
20048
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
20049
+ --chip-height: 32px;
20050
+ --chip-background-color: var(--decorative-surface-green);
20051
+ --chip-color: var(--text-primary);
20052
+ --chip-border-top-left-radius: var(--numbers-size-1);
20053
+ --chip-border-top-right-radius: var(--numbers-size-1);
20054
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20055
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20056
+ --chip-border-color: var(--decorative-border-green);
20057
+ --chip-border-top-width: 1px;
20058
+ --chip-border-right-width: 1px;
20059
+ --chip-border-bottom-width: 1px;
20060
+ --chip-border-left-width: 1px;
20061
+ --chip-padding-left: var(--spacing-space-3);
20062
+ --chip-padding-right: var(--spacing-space-3);
20063
+ --chip-padding-top: var(--spacing-space-1);
20064
+ --chip-padding-bottom: var(--spacing-space-1);
20065
+ --chip-row-gap: var(--spacing-space-2);
20066
+ --chip-column-gap: var(--spacing-space-2);
20067
+ --chip-font-family: var(--font-family-body);
20068
+ --chip-font-size: var(--font-size-body-small);
20069
+ --chip-font-weight: var(--font-weight-medium);
20070
+ --chip-line-height: var(--line-height-body-small);
20071
+ --chip-paragraph-spacing: 0px;
20072
+ --chip-paragraph-indent: 0px
20073
+ }
20074
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
20075
+ --chip-height: 32px;
20076
+ --chip-background-color: var(--decorative-surface-blue);
20077
+ --chip-color: var(--text-primary);
20078
+ --chip-border-top-left-radius: var(--numbers-size-1);
20079
+ --chip-border-top-right-radius: var(--numbers-size-1);
20080
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20081
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20082
+ --chip-border-color: var(--decorative-border-blue);
20083
+ --chip-border-top-width: 1px;
20084
+ --chip-border-right-width: 1px;
20085
+ --chip-border-bottom-width: 1px;
20086
+ --chip-border-left-width: 1px;
20087
+ --chip-padding-left: var(--spacing-space-3);
20088
+ --chip-padding-right: var(--spacing-space-3);
20089
+ --chip-padding-top: var(--spacing-space-1);
20090
+ --chip-padding-bottom: var(--spacing-space-1);
20091
+ --chip-row-gap: var(--numbers-size-1);
20092
+ --chip-column-gap: var(--numbers-size-1);
20093
+ --chip-font-family: var(--font-family-body);
20094
+ --chip-font-size: var(--font-size-body-small);
20095
+ --chip-font-weight: var(--font-weight-medium);
20096
+ --chip-line-height: var(--line-height-body-small);
20097
+ --chip-paragraph-spacing: 0px;
20098
+ --chip-paragraph-indent: 0px
20099
+ }
20100
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
20101
+ --chip-height: 32px;
20102
+ --chip-background-color: var(--decorative-surface-purple);
20103
+ --chip-color: var(--text-primary);
20104
+ --chip-border-top-left-radius: var(--numbers-size-1);
20105
+ --chip-border-top-right-radius: var(--numbers-size-1);
20106
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20107
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20108
+ --chip-border-color: var(--decorative-border-purple);
20109
+ --chip-border-top-width: 1px;
20110
+ --chip-border-right-width: 1px;
20111
+ --chip-border-bottom-width: 1px;
20112
+ --chip-border-left-width: 1px;
20113
+ --chip-padding-left: var(--spacing-space-3);
20114
+ --chip-padding-right: var(--spacing-space-3);
20115
+ --chip-padding-top: var(--spacing-space-1);
20116
+ --chip-padding-bottom: var(--spacing-space-1);
20117
+ --chip-row-gap: var(--numbers-size-1);
20118
+ --chip-column-gap: var(--numbers-size-1);
20119
+ --chip-font-family: var(--font-family-body);
20120
+ --chip-font-size: var(--font-size-body-small);
20121
+ --chip-font-weight: var(--font-weight-medium);
20122
+ --chip-line-height: var(--line-height-body-small);
20123
+ --chip-paragraph-spacing: 0px;
20124
+ --chip-paragraph-indent: 0px
20125
+ }
20126
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
20127
+ --chip-height: 32px;
20128
+ --chip-background-color: var(--decorative-surface-red);
20129
+ --chip-color: var(--text-primary);
20130
+ --chip-border-top-left-radius: var(--numbers-size-1);
20131
+ --chip-border-top-right-radius: var(--numbers-size-1);
20132
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20133
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20134
+ --chip-border-color: var(--decorative-border-red);
20135
+ --chip-border-top-width: 1px;
20136
+ --chip-border-right-width: 1px;
20137
+ --chip-border-bottom-width: 1px;
20138
+ --chip-border-left-width: 1px;
20139
+ --chip-padding-left: var(--spacing-space-3);
20140
+ --chip-padding-right: var(--spacing-space-3);
20141
+ --chip-padding-top: var(--spacing-space-1);
20142
+ --chip-padding-bottom: var(--spacing-space-1);
20143
+ --chip-row-gap: var(--numbers-size-1);
20144
+ --chip-column-gap: var(--numbers-size-1);
20145
+ --chip-font-family: var(--font-family-body);
20146
+ --chip-font-size: var(--font-size-body-small);
20147
+ --chip-font-weight: var(--font-weight-medium);
20148
+ --chip-line-height: var(--line-height-body-small);
20149
+ --chip-paragraph-spacing: 0px;
20150
+ --chip-paragraph-indent: 0px
20151
+ }
20152
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
20153
+ --chip-height: 32px;
20154
+ --chip-background-color: var(--decorative-surface-gray);
20155
+ --chip-color: var(--text-primary);
20156
+ --chip-border-top-left-radius: var(--numbers-size-1);
20157
+ --chip-border-top-right-radius: var(--numbers-size-1);
20158
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20159
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20160
+ --chip-border-color: var(--decorative-border-grey);
20161
+ --chip-border-top-width: 1px;
20162
+ --chip-border-right-width: 1px;
20163
+ --chip-border-bottom-width: 1px;
20164
+ --chip-border-left-width: 1px;
20165
+ --chip-padding-left: var(--spacing-space-3);
20166
+ --chip-padding-right: var(--spacing-space-3);
20167
+ --chip-padding-top: var(--spacing-space-1);
20168
+ --chip-padding-bottom: var(--spacing-space-1);
20169
+ --chip-row-gap: var(--numbers-size-1);
20170
+ --chip-column-gap: var(--numbers-size-1);
20171
+ --chip-font-family: var(--font-family-body);
20172
+ --chip-font-size: var(--font-size-body-small);
20173
+ --chip-font-weight: var(--font-weight-medium);
20174
+ --chip-line-height: var(--line-height-body-small);
20175
+ --chip-paragraph-spacing: 0px;
20176
+ --chip-paragraph-indent: 0px
20177
+ }
20178
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
20179
+ --chip-height: 32px;
20180
+ --chip-background-color: var(--surface-background-6);
20181
+ --chip-color: var(--decorative-text-orange);
20182
+ --chip-border-top-left-radius: var(--numbers-size-1);
20183
+ --chip-border-top-right-radius: var(--numbers-size-1);
20184
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20185
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20186
+ --chip-padding-left: var(--spacing-space-3);
20187
+ --chip-padding-right: var(--spacing-space-3);
20188
+ --chip-padding-top: var(--spacing-space-1);
20189
+ --chip-padding-bottom: var(--spacing-space-1);
20190
+ --chip-row-gap: var(--numbers-size-1);
20191
+ --chip-column-gap: var(--numbers-size-1);
20192
+ --chip-font-family: var(--font-family-body);
20193
+ --chip-font-size: var(--font-size-body-small);
20194
+ --chip-font-weight: var(--font-weight-medium);
20195
+ --chip-line-height: var(--line-height-body-small);
20196
+ --chip-paragraph-spacing: 0px;
20197
+ --chip-paragraph-indent: 0px
20198
+ }
20199
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
20200
+ --chip-height: 32px;
20201
+ --chip-background-color: var(--surface-background-6);
20202
+ --chip-color: var(--decorative-text-orange);
20203
+ --chip-border-top-left-radius: var(--numbers-size-1);
20204
+ --chip-border-top-right-radius: var(--numbers-size-1);
20205
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20206
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20207
+ --chip-border-color: var(--decorative-border-orange);
20208
+ --chip-border-top-width: 1px;
20209
+ --chip-border-right-width: 1px;
20210
+ --chip-border-bottom-width: 1px;
20211
+ --chip-border-left-width: 1px;
20212
+ --chip-padding-left: var(--spacing-space-3);
20213
+ --chip-padding-right: var(--spacing-space-3);
20214
+ --chip-padding-top: var(--spacing-space-1);
20215
+ --chip-padding-bottom: var(--spacing-space-1);
20216
+ --chip-row-gap: var(--numbers-size-1);
20217
+ --chip-column-gap: var(--numbers-size-1);
20218
+ --chip-font-family: var(--font-family-body);
20219
+ --chip-font-size: var(--font-size-body-small);
20220
+ --chip-font-weight: var(--font-weight-medium);
20221
+ --chip-line-height: var(--line-height-body-small);
20222
+ --chip-paragraph-spacing: 0px;
20223
+ --chip-paragraph-indent: 0px
20224
+ }
20225
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
20226
+ --chip-height: 32px;
20227
+ --chip-background-color: var(--surface-background-6);
20228
+ --chip-color: var(--decorative-text-green);
20229
+ --chip-border-top-left-radius: var(--numbers-size-1);
20230
+ --chip-border-top-right-radius: var(--numbers-size-1);
20231
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20232
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20233
+ --chip-padding-left: var(--spacing-space-3);
20234
+ --chip-padding-right: var(--spacing-space-3);
20235
+ --chip-padding-top: var(--spacing-space-1);
20236
+ --chip-padding-bottom: var(--spacing-space-1);
20237
+ --chip-row-gap: var(--numbers-size-1);
20238
+ --chip-column-gap: var(--numbers-size-1);
20239
+ --chip-font-family: var(--font-family-body);
20240
+ --chip-font-size: var(--font-size-body-small);
20241
+ --chip-font-weight: var(--font-weight-medium);
20242
+ --chip-line-height: var(--line-height-body-small);
20243
+ --chip-paragraph-spacing: 0px;
20244
+ --chip-paragraph-indent: 0px
20245
+ }
20246
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
20247
+ --chip-height: 32px;
20248
+ --chip-background-color: var(--surface-background-6);
20249
+ --chip-color: var(--decorative-text-green);
20250
+ --chip-border-top-left-radius: var(--numbers-size-1);
20251
+ --chip-border-top-right-radius: var(--numbers-size-1);
20252
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20253
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20254
+ --chip-border-color: var(--decorative-border-green);
20255
+ --chip-border-top-width: 1px;
20256
+ --chip-border-right-width: 1px;
20257
+ --chip-border-bottom-width: 1px;
20258
+ --chip-border-left-width: 1px;
20259
+ --chip-padding-left: var(--spacing-space-3);
20260
+ --chip-padding-right: var(--spacing-space-3);
20261
+ --chip-padding-top: var(--spacing-space-1);
20262
+ --chip-padding-bottom: var(--spacing-space-1);
20263
+ --chip-row-gap: var(--numbers-size-1);
20264
+ --chip-column-gap: var(--numbers-size-1);
20265
+ --chip-font-family: var(--font-family-body);
20266
+ --chip-font-size: var(--font-size-body-small);
20267
+ --chip-font-weight: var(--font-weight-medium);
20268
+ --chip-line-height: var(--line-height-body-small);
20269
+ --chip-paragraph-spacing: 0px;
20270
+ --chip-paragraph-indent: 0px
20271
+ }
20272
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
20273
+ --chip-height: 32px;
20274
+ --chip-background-color: var(--surface-background-6);
20275
+ --chip-color: var(--decorative-text-blue);
20276
+ --chip-border-top-left-radius: var(--numbers-size-1);
20277
+ --chip-border-top-right-radius: var(--numbers-size-1);
20278
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20279
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20280
+ --chip-padding-left: var(--spacing-space-3);
20281
+ --chip-padding-right: var(--spacing-space-3);
20282
+ --chip-padding-top: var(--spacing-space-1);
20283
+ --chip-padding-bottom: var(--spacing-space-1);
20284
+ --chip-row-gap: var(--numbers-size-1);
20285
+ --chip-column-gap: var(--numbers-size-1);
20286
+ --chip-font-family: var(--font-family-body);
20287
+ --chip-font-size: var(--font-size-body-small);
20288
+ --chip-font-weight: var(--font-weight-medium);
20289
+ --chip-line-height: var(--line-height-body-small);
20290
+ --chip-paragraph-spacing: 0px;
20291
+ --chip-paragraph-indent: 0px
20292
+ }
20293
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
20294
+ --chip-height: 32px;
20295
+ --chip-background-color: var(--surface-background-6);
20296
+ --chip-color: var(--decorative-text-blue);
20297
+ --chip-border-top-left-radius: var(--numbers-size-1);
20298
+ --chip-border-top-right-radius: var(--numbers-size-1);
20299
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20300
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20301
+ --chip-border-color: var(--decorative-border-blue);
20302
+ --chip-border-top-width: 1px;
20303
+ --chip-border-right-width: 1px;
20304
+ --chip-border-bottom-width: 1px;
20305
+ --chip-border-left-width: 1px;
20306
+ --chip-padding-left: var(--spacing-space-3);
20307
+ --chip-padding-right: var(--spacing-space-3);
20308
+ --chip-padding-top: var(--spacing-space-1);
20309
+ --chip-padding-bottom: var(--spacing-space-1);
20310
+ --chip-row-gap: var(--numbers-size-1);
20311
+ --chip-column-gap: var(--numbers-size-1);
20312
+ --chip-font-family: var(--font-family-body);
20313
+ --chip-font-size: var(--font-size-body-small);
20314
+ --chip-font-weight: var(--font-weight-medium);
20315
+ --chip-line-height: var(--line-height-body-small);
20316
+ --chip-paragraph-spacing: 0px;
20317
+ --chip-paragraph-indent: 0px
20318
+ }
20319
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
20320
+ --chip-height: 32px;
20321
+ --chip-background-color: var(--surface-background-6);
20322
+ --chip-color: var(--decorative-text-purple);
20323
+ --chip-border-top-left-radius: var(--numbers-size-1);
20324
+ --chip-border-top-right-radius: var(--numbers-size-1);
20325
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20326
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20327
+ --chip-padding-left: var(--spacing-space-3);
20328
+ --chip-padding-right: var(--spacing-space-3);
20329
+ --chip-padding-top: var(--spacing-space-1);
20330
+ --chip-padding-bottom: var(--spacing-space-1);
20331
+ --chip-row-gap: var(--numbers-size-1);
20332
+ --chip-column-gap: var(--numbers-size-1);
20333
+ --chip-font-family: var(--font-family-body);
20334
+ --chip-font-size: var(--font-size-body-small);
20335
+ --chip-font-weight: var(--font-weight-medium);
20336
+ --chip-line-height: var(--line-height-body-small);
20337
+ --chip-paragraph-spacing: 0px;
20338
+ --chip-paragraph-indent: 0px
20339
+ }
20340
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
20341
+ --chip-height: 32px;
20342
+ --chip-background-color: var(--surface-background-6);
20343
+ --chip-color: var(--decorative-text-purple);
20344
+ --chip-border-top-left-radius: var(--numbers-size-1);
20345
+ --chip-border-top-right-radius: var(--numbers-size-1);
20346
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20347
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20348
+ --chip-border-color: var(--decorative-border-purple);
20349
+ --chip-border-top-width: 1px;
20350
+ --chip-border-right-width: 1px;
20351
+ --chip-border-bottom-width: 1px;
20352
+ --chip-border-left-width: 1px;
20353
+ --chip-padding-left: var(--spacing-space-3);
20354
+ --chip-padding-right: var(--spacing-space-3);
20355
+ --chip-padding-top: var(--spacing-space-1);
20356
+ --chip-padding-bottom: var(--spacing-space-1);
20357
+ --chip-row-gap: var(--numbers-size-1);
20358
+ --chip-column-gap: var(--numbers-size-1);
20359
+ --chip-font-family: var(--font-family-body);
20360
+ --chip-font-size: var(--font-size-body-small);
20361
+ --chip-font-weight: var(--font-weight-medium);
20362
+ --chip-line-height: var(--line-height-body-small);
20363
+ --chip-paragraph-spacing: 0px;
20364
+ --chip-paragraph-indent: 0px
20365
+ }
20366
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
20367
+ --chip-height: 32px;
20368
+ --chip-background-color: var(--surface-background-6);
20369
+ --chip-color: var(--decorative-text-red);
20370
+ --chip-border-top-left-radius: var(--numbers-size-1);
20371
+ --chip-border-top-right-radius: var(--numbers-size-1);
20372
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20373
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20374
+ --chip-padding-left: var(--spacing-space-3);
20375
+ --chip-padding-right: var(--spacing-space-3);
20376
+ --chip-padding-top: var(--spacing-space-1);
20377
+ --chip-padding-bottom: var(--spacing-space-1);
20378
+ --chip-row-gap: var(--numbers-size-1);
20379
+ --chip-column-gap: var(--numbers-size-1);
20380
+ --chip-font-family: var(--font-family-body);
20381
+ --chip-font-size: var(--font-size-body-small);
20382
+ --chip-font-weight: var(--font-weight-medium);
20383
+ --chip-line-height: var(--line-height-body-small);
20384
+ --chip-paragraph-spacing: 0px;
20385
+ --chip-paragraph-indent: 0px
20386
+ }
20387
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
20388
+ --chip-height: 32px;
20389
+ --chip-background-color: var(--surface-background-6);
20390
+ --chip-color: var(--decorative-text-red);
20391
+ --chip-border-top-left-radius: var(--numbers-size-1);
20392
+ --chip-border-top-right-radius: var(--numbers-size-1);
20393
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20394
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20395
+ --chip-border-color: var(--decorative-border-red);
20396
+ --chip-border-top-width: 1px;
20397
+ --chip-border-right-width: 1px;
20398
+ --chip-border-bottom-width: 1px;
20399
+ --chip-border-left-width: 1px;
20400
+ --chip-padding-left: var(--spacing-space-3);
20401
+ --chip-padding-right: var(--spacing-space-3);
20402
+ --chip-padding-top: var(--spacing-space-1);
20403
+ --chip-padding-bottom: var(--spacing-space-1);
20404
+ --chip-row-gap: var(--numbers-size-1);
20405
+ --chip-column-gap: var(--numbers-size-1);
20406
+ --chip-font-family: var(--font-family-body);
20407
+ --chip-font-size: var(--font-size-body-small);
20408
+ --chip-font-weight: var(--font-weight-medium);
20409
+ --chip-line-height: var(--line-height-body-small);
20410
+ --chip-paragraph-spacing: 0px;
20411
+ --chip-paragraph-indent: 0px
20412
+ }
20413
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
20414
+ --chip-height: 32px;
20415
+ --chip-background-color: var(--surface-background-6);
20416
+ --chip-color: var(--decorative-text-gray);
20417
+ --chip-border-top-left-radius: var(--numbers-size-1);
20418
+ --chip-border-top-right-radius: var(--numbers-size-1);
20419
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20420
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20421
+ --chip-padding-left: var(--spacing-space-3);
20422
+ --chip-padding-right: var(--spacing-space-3);
20423
+ --chip-padding-top: var(--spacing-space-1);
20424
+ --chip-padding-bottom: var(--spacing-space-1);
20425
+ --chip-row-gap: var(--numbers-size-1);
20426
+ --chip-column-gap: var(--numbers-size-1);
20427
+ --chip-font-family: var(--font-family-body);
20428
+ --chip-font-size: var(--font-size-body-small);
20429
+ --chip-font-weight: var(--font-weight-medium);
20430
+ --chip-line-height: var(--line-height-body-small);
20431
+ --chip-paragraph-spacing: 0px;
20432
+ --chip-paragraph-indent: 0px
20433
+ }
20434
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
20435
+ --chip-height: 32px;
20436
+ --chip-background-color: var(--surface-background-6);
20437
+ --chip-color: var(--decorative-text-gray);
20438
+ --chip-border-top-left-radius: var(--numbers-size-1);
20439
+ --chip-border-top-right-radius: var(--numbers-size-1);
20440
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
20441
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
20442
+ --chip-border-color: var(--decorative-border-grey);
20443
+ --chip-border-top-width: 1px;
20444
+ --chip-border-right-width: 1px;
20445
+ --chip-border-bottom-width: 1px;
20446
+ --chip-border-left-width: 1px;
20447
+ --chip-padding-left: var(--spacing-space-3);
20448
+ --chip-padding-right: var(--spacing-space-3);
20449
+ --chip-padding-top: var(--spacing-space-1);
20450
+ --chip-padding-bottom: var(--spacing-space-1);
20451
+ --chip-row-gap: var(--numbers-size-1);
20452
+ --chip-column-gap: var(--numbers-size-1);
20453
+ --chip-font-family: var(--font-family-body);
20454
+ --chip-font-size: var(--font-size-body-small);
20455
+ --chip-font-weight: var(--font-weight-medium);
20456
+ --chip-line-height: var(--line-height-body-small);
20457
+ --chip-paragraph-spacing: 0px;
20458
+ --chip-paragraph-indent: 0px
20459
+ }
20460
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
20461
+ --chip-height: 24px;
20462
+ --chip-background-color: var(--decorative-surface-orange);
20463
+ --chip-color: var(--text-primary);
20464
+ --chip-border-top-left-radius: 50px;
20465
+ --chip-border-top-right-radius: 50px;
20466
+ --chip-border-bottom-left-radius: 50px;
20467
+ --chip-border-bottom-right-radius: 50px;
20468
+ --chip-padding-left: var(--spacing-space-1);
20469
+ --chip-padding-right: var(--spacing-space-1);
20470
+ --chip-padding-top: var(--spacing-space-1);
20471
+ --chip-padding-bottom: var(--spacing-space-1);
20472
+ --chip-row-gap: var(--numbers-size-1);
20473
+ --chip-column-gap: var(--numbers-size-1);
20474
+ --chip-font-family: var(--font-family-body);
20475
+ --chip-font-size: var(--font-size-body-small);
20476
+ --chip-font-weight: var(--font-weight-medium);
20477
+ --chip-line-height: var(--line-height-body-small);
20478
+ --chip-paragraph-spacing: 0px;
20479
+ --chip-paragraph-indent: 0px
20480
+ }
20481
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
20482
+ --chip-height: 24px;
20483
+ --chip-background-color: var(--decorative-surface-green);
20484
+ --chip-color: var(--text-primary);
20485
+ --chip-border-top-left-radius: 50px;
20486
+ --chip-border-top-right-radius: 50px;
20487
+ --chip-border-bottom-left-radius: 50px;
20488
+ --chip-border-bottom-right-radius: 50px;
20489
+ --chip-padding-left: var(--spacing-space-1);
20490
+ --chip-padding-right: var(--spacing-space-1);
20491
+ --chip-padding-top: var(--spacing-space-1);
20492
+ --chip-padding-bottom: var(--spacing-space-1);
20493
+ --chip-row-gap: var(--numbers-size-1);
20494
+ --chip-column-gap: var(--numbers-size-1);
20495
+ --chip-font-family: var(--font-family-body);
20496
+ --chip-font-size: var(--font-size-body-small);
20497
+ --chip-font-weight: var(--font-weight-medium);
20498
+ --chip-line-height: var(--line-height-body-small);
20499
+ --chip-paragraph-spacing: 0px;
20500
+ --chip-paragraph-indent: 0px
20501
+ }
20502
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
20503
+ --chip-height: 24px;
20504
+ --chip-background-color: var(--decorative-surface-blue);
20505
+ --chip-color: var(--text-primary);
20506
+ --chip-border-top-left-radius: 50px;
20507
+ --chip-border-top-right-radius: 50px;
20508
+ --chip-border-bottom-left-radius: 50px;
20509
+ --chip-border-bottom-right-radius: 50px;
20510
+ --chip-padding-left: var(--spacing-space-1);
20511
+ --chip-padding-right: var(--spacing-space-1);
20512
+ --chip-padding-top: var(--spacing-space-1);
20513
+ --chip-padding-bottom: var(--spacing-space-1);
20514
+ --chip-row-gap: var(--numbers-size-1);
20515
+ --chip-column-gap: var(--numbers-size-1);
20516
+ --chip-font-family: var(--font-family-body);
20517
+ --chip-font-size: var(--font-size-body-small);
20518
+ --chip-font-weight: var(--font-weight-medium);
20519
+ --chip-line-height: var(--line-height-body-small);
20520
+ --chip-paragraph-spacing: 0px;
20521
+ --chip-paragraph-indent: 0px
20522
+ }
20523
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
20524
+ --chip-height: 24px;
20525
+ --chip-background-color: var(--decorative-surface-purple);
20526
+ --chip-color: var(--text-primary);
20527
+ --chip-border-top-left-radius: 50px;
20528
+ --chip-border-top-right-radius: 50px;
20529
+ --chip-border-bottom-left-radius: 50px;
20530
+ --chip-border-bottom-right-radius: 50px;
20531
+ --chip-padding-left: var(--spacing-space-1);
20532
+ --chip-padding-right: var(--spacing-space-1);
20533
+ --chip-padding-top: var(--spacing-space-1);
20534
+ --chip-padding-bottom: var(--spacing-space-1);
20535
+ --chip-row-gap: var(--numbers-size-1);
20536
+ --chip-column-gap: var(--numbers-size-1);
20537
+ --chip-font-family: var(--font-family-body);
20538
+ --chip-font-size: var(--font-size-body-small);
20539
+ --chip-font-weight: var(--font-weight-medium);
20540
+ --chip-line-height: var(--line-height-body-small);
20541
+ --chip-paragraph-spacing: 0px;
20542
+ --chip-paragraph-indent: 0px
20543
+ }
20544
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
20545
+ --chip-height: 24px;
20546
+ --chip-background-color: var(--decorative-surface-red);
20547
+ --chip-color: var(--text-primary);
20548
+ --chip-border-top-left-radius: 50px;
20549
+ --chip-border-top-right-radius: 50px;
20550
+ --chip-border-bottom-left-radius: 50px;
20551
+ --chip-border-bottom-right-radius: 50px;
20552
+ --chip-padding-left: var(--spacing-space-1);
20553
+ --chip-padding-right: var(--spacing-space-1);
20554
+ --chip-padding-top: var(--spacing-space-1);
20555
+ --chip-padding-bottom: var(--spacing-space-1);
20556
+ --chip-row-gap: var(--numbers-size-1);
20557
+ --chip-column-gap: var(--numbers-size-1);
20558
+ --chip-font-family: var(--font-family-body);
20559
+ --chip-font-size: var(--font-size-body-small);
20560
+ --chip-font-weight: var(--font-weight-medium);
20561
+ --chip-line-height: var(--line-height-body-small);
20562
+ --chip-paragraph-spacing: 0px;
20563
+ --chip-paragraph-indent: 0px
20564
+ }
20565
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
20566
+ --chip-height: 24px;
20567
+ --chip-background-color: var(--decorative-surface-gray);
20568
+ --chip-color: var(--text-primary);
20569
+ --chip-border-top-left-radius: 50px;
20570
+ --chip-border-top-right-radius: 50px;
20571
+ --chip-border-bottom-left-radius: 50px;
20572
+ --chip-border-bottom-right-radius: 50px;
20573
+ --chip-padding-left: var(--spacing-space-1);
20574
+ --chip-padding-right: var(--spacing-space-1);
20575
+ --chip-padding-top: var(--spacing-space-1);
20576
+ --chip-padding-bottom: var(--spacing-space-1);
20577
+ --chip-row-gap: var(--numbers-size-1);
20578
+ --chip-column-gap: var(--numbers-size-1);
20579
+ --chip-font-family: var(--font-family-body);
20580
+ --chip-font-size: var(--font-size-body-small);
20581
+ --chip-font-weight: var(--font-weight-medium);
20582
+ --chip-line-height: var(--line-height-body-small);
20583
+ --chip-paragraph-spacing: 0px;
20584
+ --chip-paragraph-indent: 0px
20585
+ }
20586
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
20587
+ --chip-height: 24px;
20588
+ --chip-background-color: var(--decorative-surface-orange);
20589
+ --chip-color: var(--text-primary);
20590
+ --chip-border-top-left-radius: 50px;
20591
+ --chip-border-top-right-radius: 50px;
20592
+ --chip-border-bottom-left-radius: 50px;
20593
+ --chip-border-bottom-right-radius: 50px;
20594
+ --chip-border-color: var(--decorative-border-orange);
20595
+ --chip-border-top-width: 1px;
20596
+ --chip-border-right-width: 1px;
20597
+ --chip-border-bottom-width: 1px;
20598
+ --chip-border-left-width: 1px;
20599
+ --chip-padding-left: var(--spacing-space-1);
20600
+ --chip-padding-right: var(--spacing-space-1);
20601
+ --chip-padding-top: var(--spacing-space-1);
20602
+ --chip-padding-bottom: var(--spacing-space-1);
20603
+ --chip-row-gap: var(--numbers-size-1);
20604
+ --chip-column-gap: var(--numbers-size-1);
20605
+ --chip-font-family: var(--font-family-body);
20606
+ --chip-font-size: var(--font-size-body-small);
20607
+ --chip-font-weight: var(--font-weight-medium);
20608
+ --chip-line-height: var(--line-height-body-small);
20609
+ --chip-paragraph-spacing: 0px;
20610
+ --chip-paragraph-indent: 0px
20611
+ }
20612
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
20613
+ --chip-height: 24px;
20614
+ --chip-background-color: var(--decorative-surface-green);
20615
+ --chip-color: var(--text-primary);
20616
+ --chip-border-top-left-radius: 50px;
20617
+ --chip-border-top-right-radius: 50px;
20618
+ --chip-border-bottom-left-radius: 50px;
20619
+ --chip-border-bottom-right-radius: 50px;
20620
+ --chip-border-color: var(--decorative-border-green);
20621
+ --chip-border-top-width: 1px;
20622
+ --chip-border-right-width: 1px;
20623
+ --chip-border-bottom-width: 1px;
20624
+ --chip-border-left-width: 1px;
20625
+ --chip-padding-left: var(--spacing-space-1);
20626
+ --chip-padding-right: var(--spacing-space-1);
20627
+ --chip-padding-top: var(--spacing-space-1);
20628
+ --chip-padding-bottom: var(--spacing-space-1);
20629
+ --chip-row-gap: var(--numbers-size-1);
20630
+ --chip-column-gap: var(--numbers-size-1);
20631
+ --chip-font-family: var(--font-family-body);
20632
+ --chip-font-size: var(--font-size-body-small);
20633
+ --chip-font-weight: var(--font-weight-medium);
20634
+ --chip-line-height: var(--line-height-body-small);
20635
+ --chip-paragraph-spacing: 0px;
20636
+ --chip-paragraph-indent: 0px
20637
+ }
20638
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
20639
+ --chip-height: 24px;
20640
+ --chip-background-color: var(--decorative-surface-blue);
20641
+ --chip-color: var(--text-primary);
20642
+ --chip-border-top-left-radius: 50px;
20643
+ --chip-border-top-right-radius: 50px;
20644
+ --chip-border-bottom-left-radius: 50px;
20645
+ --chip-border-bottom-right-radius: 50px;
20646
+ --chip-border-color: var(--decorative-border-blue);
20647
+ --chip-border-top-width: 1px;
20648
+ --chip-border-right-width: 1px;
20649
+ --chip-border-bottom-width: 1px;
20650
+ --chip-border-left-width: 1px;
20651
+ --chip-padding-left: var(--spacing-space-1);
20652
+ --chip-padding-right: var(--spacing-space-1);
20653
+ --chip-padding-top: var(--spacing-space-1);
20654
+ --chip-padding-bottom: var(--spacing-space-1);
20655
+ --chip-row-gap: var(--numbers-size-1);
20656
+ --chip-column-gap: var(--numbers-size-1);
20657
+ --chip-font-family: var(--font-family-body);
20658
+ --chip-font-size: var(--font-size-body-small);
20659
+ --chip-font-weight: var(--font-weight-medium);
20660
+ --chip-line-height: var(--line-height-body-small);
20661
+ --chip-paragraph-spacing: 0px;
20662
+ --chip-paragraph-indent: 0px
20663
+ }
20664
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
20665
+ --chip-height: 24px;
20666
+ --chip-background-color: var(--decorative-surface-purple);
20667
+ --chip-color: var(--text-primary);
20668
+ --chip-border-top-left-radius: 50px;
20669
+ --chip-border-top-right-radius: 50px;
20670
+ --chip-border-bottom-left-radius: 50px;
20671
+ --chip-border-bottom-right-radius: 50px;
20672
+ --chip-border-color: var(--decorative-border-purple);
20673
+ --chip-border-top-width: 1px;
20674
+ --chip-border-right-width: 1px;
20675
+ --chip-border-bottom-width: 1px;
20676
+ --chip-border-left-width: 1px;
20677
+ --chip-padding-left: var(--spacing-space-1);
20678
+ --chip-padding-right: var(--spacing-space-1);
20679
+ --chip-padding-top: var(--spacing-space-1);
20680
+ --chip-padding-bottom: var(--spacing-space-1);
20681
+ --chip-row-gap: var(--numbers-size-1);
20682
+ --chip-column-gap: var(--numbers-size-1);
20683
+ --chip-font-family: var(--font-family-body);
20684
+ --chip-font-size: var(--font-size-body-small);
20685
+ --chip-font-weight: var(--font-weight-medium);
20686
+ --chip-line-height: var(--line-height-body-small);
20687
+ --chip-paragraph-spacing: 0px;
20688
+ --chip-paragraph-indent: 0px
20689
+ }
20690
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
20691
+ --chip-height: 24px;
20692
+ --chip-background-color: var(--decorative-surface-red);
20693
+ --chip-color: var(--text-primary);
20694
+ --chip-border-top-left-radius: 50px;
20695
+ --chip-border-top-right-radius: 50px;
20696
+ --chip-border-bottom-left-radius: 50px;
20697
+ --chip-border-bottom-right-radius: 50px;
20698
+ --chip-border-color: var(--decorative-border-red);
20699
+ --chip-border-top-width: 1px;
20700
+ --chip-border-right-width: 1px;
20701
+ --chip-border-bottom-width: 1px;
20702
+ --chip-border-left-width: 1px;
20703
+ --chip-padding-left: var(--spacing-space-1);
20704
+ --chip-padding-right: var(--spacing-space-1);
20705
+ --chip-padding-top: var(--spacing-space-1);
20706
+ --chip-padding-bottom: var(--spacing-space-1);
20707
+ --chip-row-gap: var(--numbers-size-1);
20708
+ --chip-column-gap: var(--numbers-size-1);
20709
+ --chip-font-family: var(--font-family-body);
20710
+ --chip-font-size: var(--font-size-body-small);
20711
+ --chip-font-weight: var(--font-weight-medium);
20712
+ --chip-line-height: var(--line-height-body-small);
20713
+ --chip-paragraph-spacing: 0px;
20714
+ --chip-paragraph-indent: 0px
20715
+ }
20716
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
20717
+ --chip-height: 24px;
20718
+ --chip-background-color: var(--decorative-surface-gray);
20719
+ --chip-color: var(--text-primary);
20720
+ --chip-border-top-left-radius: 50px;
20721
+ --chip-border-top-right-radius: 50px;
20722
+ --chip-border-bottom-left-radius: 50px;
20723
+ --chip-border-bottom-right-radius: 50px;
20724
+ --chip-border-color: var(--decorative-border-grey);
20725
+ --chip-border-top-width: 1px;
20726
+ --chip-border-right-width: 1px;
20727
+ --chip-border-bottom-width: 1px;
20728
+ --chip-border-left-width: 1px;
20729
+ --chip-padding-left: var(--spacing-space-1);
20730
+ --chip-padding-right: var(--spacing-space-1);
20731
+ --chip-padding-top: var(--spacing-space-1);
20732
+ --chip-padding-bottom: var(--spacing-space-1);
20733
+ --chip-row-gap: var(--numbers-size-1);
20734
+ --chip-column-gap: var(--numbers-size-1);
20735
+ --chip-font-family: var(--font-family-body);
20736
+ --chip-font-size: var(--font-size-body-small);
20737
+ --chip-font-weight: var(--font-weight-medium);
20738
+ --chip-line-height: var(--line-height-body-small);
20739
+ --chip-paragraph-spacing: 0px;
20740
+ --chip-paragraph-indent: 0px
20741
+ }
20742
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
20743
+ --chip-height: 24px;
20744
+ --chip-background-color: var(--surface-background-6);
20745
+ --chip-color: var(--decorative-text-orange);
20746
+ --chip-border-top-left-radius: 50px;
20747
+ --chip-border-top-right-radius: 50px;
20748
+ --chip-border-bottom-left-radius: 50px;
20749
+ --chip-border-bottom-right-radius: 50px;
20750
+ --chip-padding-left: var(--spacing-space-1);
20751
+ --chip-padding-right: var(--spacing-space-1);
20752
+ --chip-padding-top: var(--spacing-space-1);
20753
+ --chip-padding-bottom: var(--spacing-space-1);
20754
+ --chip-row-gap: var(--numbers-size-1);
20755
+ --chip-column-gap: var(--numbers-size-1);
20756
+ --chip-font-family: var(--font-family-body);
20757
+ --chip-font-size: var(--font-size-body-small);
20758
+ --chip-font-weight: var(--font-weight-medium);
20759
+ --chip-line-height: var(--line-height-body-small);
20760
+ --chip-paragraph-spacing: 0px;
20761
+ --chip-paragraph-indent: 0px
20762
+ }
20763
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
20764
+ --chip-height: 24px;
20765
+ --chip-background-color: var(--surface-background-6);
20766
+ --chip-color: var(--decorative-text-orange);
20767
+ --chip-border-top-left-radius: 50px;
20768
+ --chip-border-top-right-radius: 50px;
20769
+ --chip-border-bottom-left-radius: 50px;
20770
+ --chip-border-bottom-right-radius: 50px;
20771
+ --chip-border-color: var(--decorative-border-orange);
20772
+ --chip-border-top-width: 1px;
20773
+ --chip-border-right-width: 1px;
20774
+ --chip-border-bottom-width: 1px;
20775
+ --chip-border-left-width: 1px;
20776
+ --chip-padding-left: var(--spacing-space-1);
20777
+ --chip-padding-right: var(--spacing-space-1);
20778
+ --chip-padding-top: var(--spacing-space-1);
20779
+ --chip-padding-bottom: var(--spacing-space-1);
20780
+ --chip-row-gap: var(--numbers-size-1);
20781
+ --chip-column-gap: var(--numbers-size-1);
20782
+ --chip-font-family: var(--font-family-body);
20783
+ --chip-font-size: var(--font-size-body-small);
20784
+ --chip-font-weight: var(--font-weight-medium);
20785
+ --chip-line-height: var(--line-height-body-small);
20786
+ --chip-paragraph-spacing: 0px;
20787
+ --chip-paragraph-indent: 0px
20788
+ }
20789
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
20790
+ --chip-height: 24px;
20791
+ --chip-background-color: var(--surface-background-6);
20792
+ --chip-color: var(--decorative-text-green);
20793
+ --chip-border-top-left-radius: 50px;
20794
+ --chip-border-top-right-radius: 50px;
20795
+ --chip-border-bottom-left-radius: 50px;
20796
+ --chip-border-bottom-right-radius: 50px;
20797
+ --chip-padding-left: var(--spacing-space-1);
20798
+ --chip-padding-right: var(--spacing-space-1);
20799
+ --chip-padding-top: var(--spacing-space-1);
20800
+ --chip-padding-bottom: var(--spacing-space-1);
20801
+ --chip-row-gap: var(--numbers-size-1);
20802
+ --chip-column-gap: var(--numbers-size-1);
20803
+ --chip-font-family: var(--font-family-body);
20804
+ --chip-font-size: var(--font-size-body-small);
20805
+ --chip-font-weight: var(--font-weight-medium);
20806
+ --chip-line-height: var(--line-height-body-small);
20807
+ --chip-paragraph-spacing: 0px;
20808
+ --chip-paragraph-indent: 0px
20809
+ }
20810
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
20811
+ --chip-height: 24px;
20812
+ --chip-background-color: var(--surface-background-6);
20813
+ --chip-color: var(--decorative-text-green);
20814
+ --chip-border-top-left-radius: 50px;
20815
+ --chip-border-top-right-radius: 50px;
20816
+ --chip-border-bottom-left-radius: 50px;
20817
+ --chip-border-bottom-right-radius: 50px;
20818
+ --chip-border-color: var(--decorative-border-green);
20819
+ --chip-border-top-width: 1px;
20820
+ --chip-border-right-width: 1px;
20821
+ --chip-border-bottom-width: 1px;
20822
+ --chip-border-left-width: 1px;
20823
+ --chip-padding-left: var(--spacing-space-1);
20824
+ --chip-padding-right: var(--spacing-space-1);
20825
+ --chip-padding-top: var(--spacing-space-1);
20826
+ --chip-padding-bottom: var(--spacing-space-1);
20827
+ --chip-row-gap: var(--numbers-size-1);
20828
+ --chip-column-gap: var(--numbers-size-1);
20829
+ --chip-font-family: var(--font-family-body);
20830
+ --chip-font-size: var(--font-size-body-small);
20831
+ --chip-font-weight: var(--font-weight-medium);
20832
+ --chip-line-height: var(--line-height-body-small);
20833
+ --chip-paragraph-spacing: 0px;
20834
+ --chip-paragraph-indent: 0px
20835
+ }
20836
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
20837
+ --chip-height: 24px;
20838
+ --chip-background-color: var(--surface-background-6);
20839
+ --chip-color: var(--decorative-text-blue);
20840
+ --chip-border-top-left-radius: 50px;
20841
+ --chip-border-top-right-radius: 50px;
20842
+ --chip-border-bottom-left-radius: 50px;
20843
+ --chip-border-bottom-right-radius: 50px;
20844
+ --chip-padding-left: var(--spacing-space-1);
20845
+ --chip-padding-right: var(--spacing-space-1);
20846
+ --chip-padding-top: var(--spacing-space-1);
20847
+ --chip-padding-bottom: var(--spacing-space-1);
20848
+ --chip-row-gap: var(--numbers-size-1);
20849
+ --chip-column-gap: var(--numbers-size-1);
20850
+ --chip-font-family: var(--font-family-body);
20851
+ --chip-font-size: var(--font-size-body-small);
20852
+ --chip-font-weight: var(--font-weight-medium);
20853
+ --chip-line-height: var(--line-height-body-small);
20854
+ --chip-paragraph-spacing: 0px;
20855
+ --chip-paragraph-indent: 0px
20856
+ }
20857
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
20858
+ --chip-height: 24px;
20859
+ --chip-background-color: var(--surface-background-6);
20860
+ --chip-color: var(--decorative-text-blue);
20861
+ --chip-border-top-left-radius: 50px;
20862
+ --chip-border-top-right-radius: 50px;
20863
+ --chip-border-bottom-left-radius: 50px;
20864
+ --chip-border-bottom-right-radius: 50px;
20865
+ --chip-border-color: var(--decorative-border-blue);
20866
+ --chip-border-top-width: 1px;
20867
+ --chip-border-right-width: 1px;
20868
+ --chip-border-bottom-width: 1px;
20869
+ --chip-border-left-width: 1px;
20870
+ --chip-padding-left: var(--spacing-space-1);
20871
+ --chip-padding-right: var(--spacing-space-1);
20872
+ --chip-padding-top: var(--spacing-space-1);
20873
+ --chip-padding-bottom: var(--spacing-space-1);
20874
+ --chip-row-gap: var(--numbers-size-1);
20875
+ --chip-column-gap: var(--numbers-size-1);
20876
+ --chip-font-family: var(--font-family-body);
20877
+ --chip-font-size: var(--font-size-body-small);
20878
+ --chip-font-weight: var(--font-weight-medium);
20879
+ --chip-line-height: var(--line-height-body-small);
20880
+ --chip-paragraph-spacing: 0px;
20881
+ --chip-paragraph-indent: 0px
20882
+ }
20883
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
20884
+ --chip-height: 24px;
20885
+ --chip-background-color: var(--surface-background-6);
20886
+ --chip-color: var(--decorative-text-purple);
20887
+ --chip-border-top-left-radius: 50px;
20888
+ --chip-border-top-right-radius: 50px;
20889
+ --chip-border-bottom-left-radius: 50px;
20890
+ --chip-border-bottom-right-radius: 50px;
20891
+ --chip-padding-left: var(--spacing-space-1);
20892
+ --chip-padding-right: var(--spacing-space-1);
20893
+ --chip-padding-top: var(--spacing-space-1);
20894
+ --chip-padding-bottom: var(--spacing-space-1);
20895
+ --chip-row-gap: var(--numbers-size-1);
20896
+ --chip-column-gap: var(--numbers-size-1);
20897
+ --chip-font-family: var(--font-family-body);
20898
+ --chip-font-size: var(--font-size-body-small);
20899
+ --chip-font-weight: var(--font-weight-medium);
20900
+ --chip-line-height: var(--line-height-body-small);
20901
+ --chip-paragraph-spacing: 0px;
20902
+ --chip-paragraph-indent: 0px
20903
+ }
20904
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
20905
+ --chip-height: 24px;
20906
+ --chip-background-color: var(--surface-background-6);
20907
+ --chip-color: var(--decorative-text-purple);
20908
+ --chip-border-top-left-radius: 50px;
20909
+ --chip-border-top-right-radius: 50px;
20910
+ --chip-border-bottom-left-radius: 50px;
20911
+ --chip-border-bottom-right-radius: 50px;
20912
+ --chip-border-color: var(--decorative-border-purple);
20913
+ --chip-border-top-width: 1px;
20914
+ --chip-border-right-width: 1px;
20915
+ --chip-border-bottom-width: 1px;
20916
+ --chip-border-left-width: 1px;
20917
+ --chip-padding-left: var(--spacing-space-1);
20918
+ --chip-padding-right: var(--spacing-space-1);
20919
+ --chip-padding-top: var(--spacing-space-1);
20920
+ --chip-padding-bottom: var(--spacing-space-1);
20921
+ --chip-row-gap: var(--numbers-size-1);
20922
+ --chip-column-gap: var(--numbers-size-1);
20923
+ --chip-font-family: var(--font-family-body);
20924
+ --chip-font-size: var(--font-size-body-small);
20925
+ --chip-font-weight: var(--font-weight-medium);
20926
+ --chip-line-height: var(--line-height-body-small);
20927
+ --chip-paragraph-spacing: 0px;
20928
+ --chip-paragraph-indent: 0px
20929
+ }
20930
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
20931
+ --chip-height: 24px;
20932
+ --chip-background-color: var(--surface-background-6);
20933
+ --chip-color: var(--decorative-text-red);
20934
+ --chip-border-top-left-radius: 50px;
20935
+ --chip-border-top-right-radius: 50px;
20936
+ --chip-border-bottom-left-radius: 50px;
20937
+ --chip-border-bottom-right-radius: 50px;
20938
+ --chip-padding-left: var(--spacing-space-1);
20939
+ --chip-padding-right: var(--spacing-space-1);
20940
+ --chip-padding-top: var(--spacing-space-1);
20941
+ --chip-padding-bottom: var(--spacing-space-1);
20942
+ --chip-row-gap: var(--numbers-size-1);
20943
+ --chip-column-gap: var(--numbers-size-1);
20944
+ --chip-font-family: var(--font-family-body);
20945
+ --chip-font-size: var(--font-size-body-small);
20946
+ --chip-font-weight: var(--font-weight-medium);
20947
+ --chip-line-height: var(--line-height-body-small);
20948
+ --chip-paragraph-spacing: 0px;
20949
+ --chip-paragraph-indent: 0px
20950
+ }
20951
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
20952
+ --chip-height: 24px;
20953
+ --chip-background-color: var(--surface-background-6);
20954
+ --chip-color: var(--decorative-text-red);
20955
+ --chip-border-top-left-radius: 50px;
20956
+ --chip-border-top-right-radius: 50px;
20957
+ --chip-border-bottom-left-radius: 50px;
20958
+ --chip-border-bottom-right-radius: 50px;
20959
+ --chip-border-color: var(--decorative-border-red);
20960
+ --chip-border-top-width: 1px;
20961
+ --chip-border-right-width: 1px;
20962
+ --chip-border-bottom-width: 1px;
20963
+ --chip-border-left-width: 1px;
20964
+ --chip-padding-left: var(--spacing-space-1);
20965
+ --chip-padding-right: var(--spacing-space-1);
20966
+ --chip-padding-top: var(--spacing-space-1);
20967
+ --chip-padding-bottom: var(--spacing-space-1);
20968
+ --chip-row-gap: var(--numbers-size-1);
20969
+ --chip-column-gap: var(--numbers-size-1);
20970
+ --chip-font-family: var(--font-family-body);
20971
+ --chip-font-size: var(--font-size-body-small);
20972
+ --chip-font-weight: var(--font-weight-medium);
20973
+ --chip-line-height: var(--line-height-body-small);
20974
+ --chip-paragraph-spacing: 0px;
20975
+ --chip-paragraph-indent: 0px
20976
+ }
20977
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
20978
+ --chip-height: 24px;
20979
+ --chip-background-color: var(--surface-background-6);
20980
+ --chip-color: var(--decorative-text-gray);
20981
+ --chip-border-top-left-radius: 50px;
20982
+ --chip-border-top-right-radius: 50px;
20983
+ --chip-border-bottom-left-radius: 50px;
20984
+ --chip-border-bottom-right-radius: 50px;
20985
+ --chip-padding-left: var(--spacing-space-1);
20986
+ --chip-padding-right: var(--spacing-space-1);
20987
+ --chip-padding-top: var(--spacing-space-1);
20988
+ --chip-padding-bottom: var(--spacing-space-1);
20989
+ --chip-row-gap: var(--numbers-size-1);
20990
+ --chip-column-gap: var(--numbers-size-1);
20991
+ --chip-font-family: var(--font-family-body);
20992
+ --chip-font-size: var(--font-size-body-small);
20993
+ --chip-font-weight: var(--font-weight-medium);
20994
+ --chip-line-height: var(--line-height-body-small);
20995
+ --chip-paragraph-spacing: 0px;
20996
+ --chip-paragraph-indent: 0px
20997
+ }
20998
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
20999
+ --chip-height: 24px;
21000
+ --chip-background-color: var(--surface-background-6);
21001
+ --chip-color: var(--decorative-text-gray);
21002
+ --chip-border-top-left-radius: 50px;
21003
+ --chip-border-top-right-radius: 50px;
21004
+ --chip-border-bottom-left-radius: 50px;
21005
+ --chip-border-bottom-right-radius: 50px;
21006
+ --chip-border-color: var(--decorative-border-grey);
21007
+ --chip-border-top-width: 1px;
21008
+ --chip-border-right-width: 1px;
21009
+ --chip-border-bottom-width: 1px;
21010
+ --chip-border-left-width: 1px;
21011
+ --chip-padding-left: var(--spacing-space-1);
21012
+ --chip-padding-right: var(--spacing-space-1);
21013
+ --chip-padding-top: var(--spacing-space-1);
21014
+ --chip-padding-bottom: var(--spacing-space-1);
21015
+ --chip-row-gap: var(--numbers-size-1);
21016
+ --chip-column-gap: var(--numbers-size-1);
21017
+ --chip-font-family: var(--font-family-body);
21018
+ --chip-font-size: var(--font-size-body-small);
21019
+ --chip-font-weight: var(--font-weight-medium);
21020
+ --chip-line-height: var(--line-height-body-small);
21021
+ --chip-paragraph-spacing: 0px;
21022
+ --chip-paragraph-indent: 0px
21023
+ }
21024
+ [data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
21025
+ --chip-height: 24px;
21026
+ --chip-background-color: var(--decorative-surface-orange);
21027
+ --chip-color: var(--text-primary);
21028
+ --chip-border-top-left-radius: var(--numbers-size-1);
21029
+ --chip-border-top-right-radius: var(--numbers-size-1);
21030
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21031
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21032
+ --chip-padding-left: var(--spacing-space-2);
21033
+ --chip-padding-right: var(--spacing-space-2);
21034
+ --chip-padding-top: var(--spacing-space-1);
21035
+ --chip-padding-bottom: var(--spacing-space-1);
21036
+ --chip-row-gap: var(--numbers-size-1);
21037
+ --chip-column-gap: var(--numbers-size-1);
21038
+ --chip-font-family: var(--font-family-body);
21039
+ --chip-font-size: var(--font-size-body-small);
21040
+ --chip-font-weight: var(--font-weight-medium);
21041
+ --chip-line-height: var(--line-height-body-small);
21042
+ --chip-paragraph-spacing: 0px;
21043
+ --chip-paragraph-indent: 0px
21044
+ }
21045
+ [data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
21046
+ --chip-height: 24px;
21047
+ --chip-background-color: var(--decorative-surface-green);
21048
+ --chip-color: var(--text-primary);
21049
+ --chip-border-top-left-radius: var(--numbers-size-1);
21050
+ --chip-border-top-right-radius: var(--numbers-size-1);
21051
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21052
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21053
+ --chip-padding-left: var(--spacing-space-2);
21054
+ --chip-padding-right: var(--spacing-space-2);
21055
+ --chip-padding-top: var(--spacing-space-1);
21056
+ --chip-padding-bottom: var(--spacing-space-1);
21057
+ --chip-row-gap: var(--numbers-size-1);
21058
+ --chip-column-gap: var(--numbers-size-1);
21059
+ --chip-font-family: var(--font-family-body);
21060
+ --chip-font-size: var(--font-size-body-small);
21061
+ --chip-font-weight: var(--font-weight-medium);
21062
+ --chip-line-height: var(--line-height-body-small);
21063
+ --chip-paragraph-spacing: 0px;
21064
+ --chip-paragraph-indent: 0px
21065
+ }
21066
+ [data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
21067
+ --chip-height: 24px;
21068
+ --chip-background-color: var(--decorative-surface-blue);
21069
+ --chip-color: var(--text-primary);
21070
+ --chip-border-top-left-radius: var(--numbers-size-1);
21071
+ --chip-border-top-right-radius: var(--numbers-size-1);
21072
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21073
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21074
+ --chip-padding-left: var(--spacing-space-2);
21075
+ --chip-padding-right: var(--spacing-space-2);
21076
+ --chip-padding-top: var(--spacing-space-1);
21077
+ --chip-padding-bottom: var(--spacing-space-1);
21078
+ --chip-row-gap: var(--numbers-size-1);
21079
+ --chip-column-gap: var(--numbers-size-1);
21080
+ --chip-font-family: var(--font-family-body);
21081
+ --chip-font-size: var(--font-size-body-small);
21082
+ --chip-font-weight: var(--font-weight-medium);
21083
+ --chip-line-height: var(--line-height-body-small);
21084
+ --chip-paragraph-spacing: 0px;
21085
+ --chip-paragraph-indent: 0px
21086
+ }
21087
+ [data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
21088
+ --chip-height: 24px;
21089
+ --chip-background-color: var(--decorative-surface-purple);
21090
+ --chip-color: var(--text-primary);
21091
+ --chip-border-top-left-radius: var(--numbers-size-1);
21092
+ --chip-border-top-right-radius: var(--numbers-size-1);
21093
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21094
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21095
+ --chip-padding-left: var(--spacing-space-2);
21096
+ --chip-padding-right: var(--spacing-space-2);
21097
+ --chip-padding-top: var(--spacing-space-1);
21098
+ --chip-padding-bottom: var(--spacing-space-1);
21099
+ --chip-row-gap: var(--numbers-size-1);
21100
+ --chip-column-gap: var(--numbers-size-1);
21101
+ --chip-font-family: var(--font-family-body);
21102
+ --chip-font-size: var(--font-size-body-small);
21103
+ --chip-font-weight: var(--font-weight-medium);
21104
+ --chip-line-height: var(--line-height-body-small);
21105
+ --chip-paragraph-spacing: 0px;
21106
+ --chip-paragraph-indent: 0px
21107
+ }
21108
+ [data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
21109
+ --chip-height: 24px;
21110
+ --chip-background-color: var(--decorative-surface-red);
21111
+ --chip-color: var(--text-primary);
21112
+ --chip-border-top-left-radius: var(--numbers-size-1);
21113
+ --chip-border-top-right-radius: var(--numbers-size-1);
21114
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21115
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21116
+ --chip-padding-left: var(--spacing-space-2);
21117
+ --chip-padding-right: var(--spacing-space-2);
21118
+ --chip-padding-top: var(--spacing-space-1);
21119
+ --chip-padding-bottom: var(--spacing-space-1);
21120
+ --chip-row-gap: var(--numbers-size-1);
21121
+ --chip-column-gap: var(--numbers-size-1);
21122
+ --chip-font-family: var(--font-family-body);
21123
+ --chip-font-size: var(--font-size-body-small);
21124
+ --chip-font-weight: var(--font-weight-medium);
21125
+ --chip-line-height: var(--line-height-body-small);
21126
+ --chip-paragraph-spacing: 0px;
21127
+ --chip-paragraph-indent: 0px
21128
+ }
21129
+ [data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
21130
+ --chip-height: 24px;
21131
+ --chip-background-color: var(--decorative-surface-gray);
21132
+ --chip-color: var(--text-primary);
21133
+ --chip-border-top-left-radius: var(--numbers-size-1);
21134
+ --chip-border-top-right-radius: var(--numbers-size-1);
21135
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21136
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21137
+ --chip-padding-left: var(--spacing-space-2);
21138
+ --chip-padding-right: var(--spacing-space-2);
21139
+ --chip-padding-top: var(--spacing-space-1);
21140
+ --chip-padding-bottom: var(--spacing-space-1);
21141
+ --chip-row-gap: var(--numbers-size-1);
21142
+ --chip-column-gap: var(--numbers-size-1);
21143
+ --chip-font-family: var(--font-family-body);
21144
+ --chip-font-size: var(--font-size-body-small);
21145
+ --chip-font-weight: var(--font-weight-medium);
21146
+ --chip-line-height: var(--line-height-body-small);
21147
+ --chip-paragraph-spacing: 0px;
21148
+ --chip-paragraph-indent: 0px
21149
+ }
21150
+ [data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
21151
+ --chip-height: 24px;
21152
+ --chip-background-color: var(--decorative-surface-orange);
21153
+ --chip-color: var(--text-primary);
21154
+ --chip-border-top-left-radius: var(--numbers-size-1);
21155
+ --chip-border-top-right-radius: var(--numbers-size-1);
21156
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21157
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21158
+ --chip-border-color: var(--decorative-border-orange);
21159
+ --chip-border-top-width: 1px;
21160
+ --chip-border-right-width: 1px;
21161
+ --chip-border-bottom-width: 1px;
21162
+ --chip-border-left-width: 1px;
21163
+ --chip-padding-left: var(--spacing-space-2);
21164
+ --chip-padding-right: var(--spacing-space-2);
21165
+ --chip-padding-top: var(--spacing-space-1);
21166
+ --chip-padding-bottom: var(--spacing-space-1);
21167
+ --chip-row-gap: var(--numbers-size-1);
21168
+ --chip-column-gap: var(--numbers-size-1);
21169
+ --chip-font-family: var(--font-family-body);
21170
+ --chip-font-size: var(--font-size-body-small);
21171
+ --chip-font-weight: var(--font-weight-medium);
21172
+ --chip-line-height: var(--line-height-body-small);
21173
+ --chip-paragraph-spacing: 0px;
21174
+ --chip-paragraph-indent: 0px
21175
+ }
21176
+ [data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
21177
+ --chip-height: 24px;
21178
+ --chip-background-color: var(--decorative-surface-green);
21179
+ --chip-color: var(--text-primary);
21180
+ --chip-border-top-left-radius: var(--numbers-size-1);
21181
+ --chip-border-top-right-radius: var(--numbers-size-1);
21182
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21183
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21184
+ --chip-border-color: var(--decorative-border-green);
21185
+ --chip-border-top-width: 1px;
21186
+ --chip-border-right-width: 1px;
21187
+ --chip-border-bottom-width: 1px;
21188
+ --chip-border-left-width: 1px;
21189
+ --chip-padding-left: var(--spacing-space-2);
21190
+ --chip-padding-right: var(--spacing-space-2);
21191
+ --chip-padding-top: var(--spacing-space-1);
21192
+ --chip-padding-bottom: var(--spacing-space-1);
21193
+ --chip-row-gap: var(--numbers-size-1);
21194
+ --chip-column-gap: var(--numbers-size-1);
21195
+ --chip-font-family: var(--font-family-body);
21196
+ --chip-font-size: var(--font-size-body-small);
21197
+ --chip-font-weight: var(--font-weight-medium);
21198
+ --chip-line-height: var(--line-height-body-small);
21199
+ --chip-paragraph-spacing: 0px;
21200
+ --chip-paragraph-indent: 0px
21201
+ }
21202
+ [data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
21203
+ --chip-height: 24px;
21204
+ --chip-background-color: var(--decorative-surface-blue);
21205
+ --chip-color: var(--text-primary);
21206
+ --chip-border-top-left-radius: var(--numbers-size-1);
21207
+ --chip-border-top-right-radius: var(--numbers-size-1);
21208
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21209
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21210
+ --chip-border-color: var(--decorative-border-blue);
21211
+ --chip-border-top-width: 1px;
21212
+ --chip-border-right-width: 1px;
21213
+ --chip-border-bottom-width: 1px;
21214
+ --chip-border-left-width: 1px;
21215
+ --chip-padding-left: var(--spacing-space-2);
21216
+ --chip-padding-right: var(--spacing-space-2);
21217
+ --chip-padding-top: var(--spacing-space-1);
21218
+ --chip-padding-bottom: var(--spacing-space-1);
21219
+ --chip-row-gap: var(--numbers-size-1);
21220
+ --chip-column-gap: var(--numbers-size-1);
21221
+ --chip-font-family: var(--font-family-body);
21222
+ --chip-font-size: var(--font-size-body-small);
21223
+ --chip-font-weight: var(--font-weight-medium);
21224
+ --chip-line-height: var(--line-height-body-small);
21225
+ --chip-paragraph-spacing: 0px;
21226
+ --chip-paragraph-indent: 0px
21227
+ }
21228
+ [data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
21229
+ --chip-height: 24px;
21230
+ --chip-background-color: var(--decorative-surface-purple);
21231
+ --chip-color: var(--text-primary);
21232
+ --chip-border-top-left-radius: var(--numbers-size-1);
21233
+ --chip-border-top-right-radius: var(--numbers-size-1);
21234
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21235
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21236
+ --chip-border-color: var(--decorative-border-purple);
21237
+ --chip-border-top-width: 1px;
21238
+ --chip-border-right-width: 1px;
21239
+ --chip-border-bottom-width: 1px;
21240
+ --chip-border-left-width: 1px;
21241
+ --chip-padding-left: var(--spacing-space-2);
21242
+ --chip-padding-right: var(--spacing-space-2);
21243
+ --chip-padding-top: var(--spacing-space-1);
21244
+ --chip-padding-bottom: var(--spacing-space-1);
21245
+ --chip-row-gap: var(--numbers-size-1);
21246
+ --chip-column-gap: var(--numbers-size-1);
21247
+ --chip-font-family: var(--font-family-body);
21248
+ --chip-font-size: var(--font-size-body-small);
21249
+ --chip-font-weight: var(--font-weight-medium);
21250
+ --chip-line-height: var(--line-height-body-small);
21251
+ --chip-paragraph-spacing: 0px;
21252
+ --chip-paragraph-indent: 0px
21253
+ }
21254
+ [data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
21255
+ --chip-height: 24px;
21256
+ --chip-background-color: var(--decorative-surface-red);
21257
+ --chip-color: var(--text-primary);
21258
+ --chip-border-top-left-radius: var(--numbers-size-1);
21259
+ --chip-border-top-right-radius: var(--numbers-size-1);
21260
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21261
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21262
+ --chip-border-color: var(--decorative-border-red);
21263
+ --chip-border-top-width: 1px;
21264
+ --chip-border-right-width: 1px;
21265
+ --chip-border-bottom-width: 1px;
21266
+ --chip-border-left-width: 1px;
21267
+ --chip-padding-left: var(--spacing-space-2);
21268
+ --chip-padding-right: var(--spacing-space-2);
21269
+ --chip-padding-top: var(--spacing-space-1);
21270
+ --chip-padding-bottom: var(--spacing-space-1);
21271
+ --chip-row-gap: var(--numbers-size-1);
21272
+ --chip-column-gap: var(--numbers-size-1);
21273
+ --chip-font-family: var(--font-family-body);
21274
+ --chip-font-size: var(--font-size-body-small);
21275
+ --chip-font-weight: var(--font-weight-medium);
21276
+ --chip-line-height: var(--line-height-body-small);
21277
+ --chip-paragraph-spacing: 0px;
21278
+ --chip-paragraph-indent: 0px
21279
+ }
21280
+ [data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
21281
+ --chip-height: 24px;
21282
+ --chip-background-color: var(--decorative-surface-gray);
21283
+ --chip-color: var(--text-primary);
21284
+ --chip-border-top-left-radius: var(--numbers-size-1);
21285
+ --chip-border-top-right-radius: var(--numbers-size-1);
21286
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21287
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21288
+ --chip-border-color: var(--decorative-border-grey);
21289
+ --chip-border-top-width: 1px;
21290
+ --chip-border-right-width: 1px;
21291
+ --chip-border-bottom-width: 1px;
21292
+ --chip-border-left-width: 1px;
21293
+ --chip-padding-left: var(--spacing-space-2);
21294
+ --chip-padding-right: var(--spacing-space-2);
21295
+ --chip-padding-top: var(--spacing-space-1);
21296
+ --chip-padding-bottom: var(--spacing-space-1);
21297
+ --chip-row-gap: var(--numbers-size-1);
21298
+ --chip-column-gap: var(--numbers-size-1);
21299
+ --chip-font-family: var(--font-family-body);
21300
+ --chip-font-size: var(--font-size-body-small);
21301
+ --chip-font-weight: var(--font-weight-medium);
21302
+ --chip-line-height: var(--line-height-body-small);
21303
+ --chip-paragraph-spacing: 0px;
21304
+ --chip-paragraph-indent: 0px
21305
+ }
21306
+ [data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
21307
+ --chip-height: 24px;
21308
+ --chip-background-color: var(--surface-background-6);
21309
+ --chip-color: var(--decorative-text-orange);
21310
+ --chip-border-top-left-radius: var(--numbers-size-1);
21311
+ --chip-border-top-right-radius: var(--numbers-size-1);
21312
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21313
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21314
+ --chip-padding-left: var(--spacing-space-2);
21315
+ --chip-padding-right: var(--spacing-space-2);
21316
+ --chip-padding-top: var(--spacing-space-1);
21317
+ --chip-padding-bottom: var(--spacing-space-1);
21318
+ --chip-row-gap: var(--numbers-size-1);
21319
+ --chip-column-gap: var(--numbers-size-1);
21320
+ --chip-font-family: var(--font-family-body);
21321
+ --chip-font-size: var(--font-size-body-small);
21322
+ --chip-font-weight: var(--font-weight-medium);
21323
+ --chip-line-height: var(--line-height-body-small);
21324
+ --chip-paragraph-spacing: 0px;
21325
+ --chip-paragraph-indent: 0px
21326
+ }
21327
+ [data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
21328
+ --chip-height: 24px;
21329
+ --chip-background-color: var(--surface-background-6);
21330
+ --chip-color: var(--decorative-text-orange);
21331
+ --chip-border-top-left-radius: var(--numbers-size-1);
21332
+ --chip-border-top-right-radius: var(--numbers-size-1);
21333
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21334
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21335
+ --chip-border-color: var(--decorative-border-orange);
21336
+ --chip-border-top-width: 1px;
21337
+ --chip-border-right-width: 1px;
21338
+ --chip-border-bottom-width: 1px;
21339
+ --chip-border-left-width: 1px;
21340
+ --chip-padding-left: var(--spacing-space-2);
21341
+ --chip-padding-right: var(--spacing-space-2);
21342
+ --chip-padding-top: var(--spacing-space-1);
21343
+ --chip-padding-bottom: var(--spacing-space-1);
21344
+ --chip-row-gap: var(--numbers-size-1);
21345
+ --chip-column-gap: var(--numbers-size-1);
21346
+ --chip-font-family: var(--font-family-body);
21347
+ --chip-font-size: var(--font-size-body-small);
21348
+ --chip-font-weight: var(--font-weight-medium);
21349
+ --chip-line-height: var(--line-height-body-small);
21350
+ --chip-paragraph-spacing: 0px;
21351
+ --chip-paragraph-indent: 0px
21352
+ }
21353
+ [data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
21354
+ --chip-height: 24px;
21355
+ --chip-background-color: var(--surface-background-6);
21356
+ --chip-color: var(--decorative-text-green);
21357
+ --chip-border-top-left-radius: var(--numbers-size-1);
21358
+ --chip-border-top-right-radius: var(--numbers-size-1);
21359
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21360
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21361
+ --chip-padding-left: var(--spacing-space-2);
21362
+ --chip-padding-right: var(--spacing-space-2);
21363
+ --chip-padding-top: var(--spacing-space-1);
21364
+ --chip-padding-bottom: var(--spacing-space-1);
21365
+ --chip-row-gap: var(--numbers-size-1);
21366
+ --chip-column-gap: var(--numbers-size-1);
21367
+ --chip-font-family: var(--font-family-body);
21368
+ --chip-font-size: var(--font-size-body-small);
21369
+ --chip-font-weight: var(--font-weight-medium);
21370
+ --chip-line-height: var(--line-height-body-small);
21371
+ --chip-paragraph-spacing: 0px;
21372
+ --chip-paragraph-indent: 0px
21373
+ }
21374
+ [data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
21375
+ --chip-height: 24px;
21376
+ --chip-background-color: var(--surface-background-6);
21377
+ --chip-color: var(--decorative-text-green);
21378
+ --chip-border-top-left-radius: var(--numbers-size-1);
21379
+ --chip-border-top-right-radius: var(--numbers-size-1);
21380
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21381
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21382
+ --chip-border-color: var(--decorative-border-green);
21383
+ --chip-border-top-width: 1px;
21384
+ --chip-border-right-width: 1px;
21385
+ --chip-border-bottom-width: 1px;
21386
+ --chip-border-left-width: 1px;
21387
+ --chip-padding-left: var(--spacing-space-2);
21388
+ --chip-padding-right: var(--spacing-space-2);
21389
+ --chip-padding-top: var(--spacing-space-1);
21390
+ --chip-padding-bottom: var(--spacing-space-1);
21391
+ --chip-row-gap: var(--numbers-size-1);
21392
+ --chip-column-gap: var(--numbers-size-1);
21393
+ --chip-font-family: var(--font-family-body);
21394
+ --chip-font-size: var(--font-size-body-small);
21395
+ --chip-font-weight: var(--font-weight-medium);
21396
+ --chip-line-height: var(--line-height-body-small);
21397
+ --chip-paragraph-spacing: 0px;
21398
+ --chip-paragraph-indent: 0px
21399
+ }
21400
+ [data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
21401
+ --chip-height: 24px;
21402
+ --chip-background-color: var(--surface-background-6);
21403
+ --chip-color: var(--decorative-text-blue);
21404
+ --chip-border-top-left-radius: var(--numbers-size-1);
21405
+ --chip-border-top-right-radius: var(--numbers-size-1);
21406
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21407
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21408
+ --chip-padding-left: var(--spacing-space-2);
21409
+ --chip-padding-right: var(--spacing-space-2);
21410
+ --chip-padding-top: var(--spacing-space-1);
21411
+ --chip-padding-bottom: var(--spacing-space-1);
21412
+ --chip-row-gap: var(--numbers-size-1);
21413
+ --chip-column-gap: var(--numbers-size-1);
21414
+ --chip-font-family: var(--font-family-body);
21415
+ --chip-font-size: var(--font-size-body-small);
21416
+ --chip-font-weight: var(--font-weight-medium);
21417
+ --chip-line-height: var(--line-height-body-small);
21418
+ --chip-paragraph-spacing: 0px;
21419
+ --chip-paragraph-indent: 0px
21420
+ }
21421
+ [data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
21422
+ --chip-height: 24px;
21423
+ --chip-background-color: var(--surface-background-6);
21424
+ --chip-color: var(--decorative-text-blue);
21425
+ --chip-border-top-left-radius: var(--numbers-size-1);
21426
+ --chip-border-top-right-radius: var(--numbers-size-1);
21427
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21428
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21429
+ --chip-border-color: var(--decorative-border-blue);
21430
+ --chip-border-top-width: 1px;
21431
+ --chip-border-right-width: 1px;
21432
+ --chip-border-bottom-width: 1px;
21433
+ --chip-border-left-width: 1px;
21434
+ --chip-padding-left: var(--spacing-space-2);
21435
+ --chip-padding-right: var(--spacing-space-2);
21436
+ --chip-padding-top: var(--spacing-space-1);
21437
+ --chip-padding-bottom: var(--spacing-space-1);
21438
+ --chip-row-gap: var(--numbers-size-1);
21439
+ --chip-column-gap: var(--numbers-size-1);
21440
+ --chip-font-family: var(--font-family-body);
21441
+ --chip-font-size: var(--font-size-body-small);
21442
+ --chip-font-weight: var(--font-weight-medium);
21443
+ --chip-line-height: var(--line-height-body-small);
21444
+ --chip-paragraph-spacing: 0px;
21445
+ --chip-paragraph-indent: 0px
21446
+ }
21447
+ [data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
21448
+ --chip-height: 24px;
21449
+ --chip-background-color: var(--surface-background-6);
21450
+ --chip-color: var(--decorative-text-purple);
21451
+ --chip-border-top-left-radius: var(--numbers-size-1);
21452
+ --chip-border-top-right-radius: var(--numbers-size-1);
21453
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21454
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21455
+ --chip-padding-left: var(--spacing-space-2);
21456
+ --chip-padding-right: var(--spacing-space-2);
21457
+ --chip-padding-top: var(--spacing-space-1);
21458
+ --chip-padding-bottom: var(--spacing-space-1);
21459
+ --chip-row-gap: var(--numbers-size-1);
21460
+ --chip-column-gap: var(--numbers-size-1);
21461
+ --chip-font-family: var(--font-family-body);
21462
+ --chip-font-size: var(--font-size-body-small);
21463
+ --chip-font-weight: var(--font-weight-medium);
21464
+ --chip-line-height: var(--line-height-body-small);
21465
+ --chip-paragraph-spacing: 0px;
21466
+ --chip-paragraph-indent: 0px
21467
+ }
21468
+ [data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
21469
+ --chip-height: 24px;
21470
+ --chip-background-color: var(--surface-background-6);
21471
+ --chip-color: var(--decorative-text-purple);
21472
+ --chip-border-top-left-radius: var(--numbers-size-1);
21473
+ --chip-border-top-right-radius: var(--numbers-size-1);
21474
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21475
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21476
+ --chip-border-color: var(--decorative-border-purple);
21477
+ --chip-border-top-width: 1px;
21478
+ --chip-border-right-width: 1px;
21479
+ --chip-border-bottom-width: 1px;
21480
+ --chip-border-left-width: 1px;
21481
+ --chip-padding-left: var(--spacing-space-2);
21482
+ --chip-padding-right: var(--spacing-space-2);
21483
+ --chip-padding-top: var(--spacing-space-1);
21484
+ --chip-padding-bottom: var(--spacing-space-1);
21485
+ --chip-row-gap: var(--numbers-size-1);
21486
+ --chip-column-gap: var(--numbers-size-1);
21487
+ --chip-font-family: var(--font-family-body);
21488
+ --chip-font-size: var(--font-size-body-small);
21489
+ --chip-font-weight: var(--font-weight-medium);
21490
+ --chip-line-height: var(--line-height-body-small);
21491
+ --chip-paragraph-spacing: 0px;
21492
+ --chip-paragraph-indent: 0px
21493
+ }
21494
+ [data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
21495
+ --chip-height: 24px;
21496
+ --chip-background-color: var(--surface-background-6);
21497
+ --chip-color: var(--decorative-text-red);
21498
+ --chip-border-top-left-radius: var(--numbers-size-1);
21499
+ --chip-border-top-right-radius: var(--numbers-size-1);
21500
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21501
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21502
+ --chip-padding-left: var(--spacing-space-2);
21503
+ --chip-padding-right: var(--spacing-space-2);
21504
+ --chip-padding-top: var(--spacing-space-1);
21505
+ --chip-padding-bottom: var(--spacing-space-1);
21506
+ --chip-row-gap: var(--numbers-size-1);
21507
+ --chip-column-gap: var(--numbers-size-1);
21508
+ --chip-font-family: var(--font-family-body);
21509
+ --chip-font-size: var(--font-size-body-small);
21510
+ --chip-font-weight: var(--font-weight-medium);
21511
+ --chip-line-height: var(--line-height-body-small);
21512
+ --chip-paragraph-spacing: 0px;
21513
+ --chip-paragraph-indent: 0px
21514
+ }
21515
+ [data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
21516
+ --chip-height: 24px;
21517
+ --chip-background-color: var(--surface-background-6);
21518
+ --chip-color: var(--decorative-text-red);
21519
+ --chip-border-top-left-radius: var(--numbers-size-1);
21520
+ --chip-border-top-right-radius: var(--numbers-size-1);
21521
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21522
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21523
+ --chip-border-color: var(--decorative-border-red);
21524
+ --chip-border-top-width: 1px;
21525
+ --chip-border-right-width: 1px;
21526
+ --chip-border-bottom-width: 1px;
21527
+ --chip-border-left-width: 1px;
21528
+ --chip-padding-left: var(--spacing-space-2);
21529
+ --chip-padding-right: var(--spacing-space-2);
21530
+ --chip-padding-top: var(--spacing-space-1);
21531
+ --chip-padding-bottom: var(--spacing-space-1);
21532
+ --chip-row-gap: var(--numbers-size-1);
21533
+ --chip-column-gap: var(--numbers-size-1);
21534
+ --chip-font-family: var(--font-family-body);
21535
+ --chip-font-size: var(--font-size-body-small);
21536
+ --chip-font-weight: var(--font-weight-medium);
21537
+ --chip-line-height: var(--line-height-body-small);
21538
+ --chip-paragraph-spacing: 0px;
21539
+ --chip-paragraph-indent: 0px
21540
+ }
21541
+ [data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
21542
+ --chip-height: 24px;
21543
+ --chip-background-color: var(--surface-background-6);
21544
+ --chip-color: var(--decorative-text-gray);
21545
+ --chip-border-top-left-radius: var(--numbers-size-1);
21546
+ --chip-border-top-right-radius: var(--numbers-size-1);
21547
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21548
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21549
+ --chip-padding-left: var(--spacing-space-2);
21550
+ --chip-padding-right: var(--spacing-space-2);
21551
+ --chip-padding-top: var(--spacing-space-1);
21552
+ --chip-padding-bottom: var(--spacing-space-1);
21553
+ --chip-row-gap: var(--numbers-size-1);
21554
+ --chip-column-gap: var(--numbers-size-1);
21555
+ --chip-font-family: var(--font-family-body);
21556
+ --chip-font-size: var(--font-size-body-small);
21557
+ --chip-font-weight: var(--font-weight-medium);
21558
+ --chip-line-height: var(--line-height-body-small);
21559
+ --chip-paragraph-spacing: 0px;
21560
+ --chip-paragraph-indent: 0px
21561
+ }
21562
+ [data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
21563
+ --chip-height: 24px;
21564
+ --chip-background-color: var(--surface-background-6);
21565
+ --chip-color: var(--decorative-text-gray);
21566
+ --chip-border-top-left-radius: var(--numbers-size-1);
21567
+ --chip-border-top-right-radius: var(--numbers-size-1);
21568
+ --chip-border-bottom-left-radius: var(--numbers-size-1);
21569
+ --chip-border-bottom-right-radius: var(--numbers-size-1);
21570
+ --chip-border-color: var(--decorative-border-grey);
21571
+ --chip-border-top-width: 1px;
21572
+ --chip-border-right-width: 1px;
21573
+ --chip-border-bottom-width: 1px;
21574
+ --chip-border-left-width: 1px;
21575
+ --chip-padding-left: var(--spacing-space-2);
21576
+ --chip-padding-right: var(--spacing-space-2);
21577
+ --chip-padding-top: var(--spacing-space-1);
21578
+ --chip-padding-bottom: var(--spacing-space-1);
21579
+ --chip-row-gap: var(--numbers-size-1);
21580
+ --chip-column-gap: var(--numbers-size-1);
21581
+ --chip-font-family: var(--font-family-body);
21582
+ --chip-font-size: var(--font-size-body-small);
21583
+ --chip-font-weight: var(--font-weight-medium);
21584
+ --chip-line-height: var(--line-height-body-small);
21585
+ --chip-paragraph-spacing: 0px;
21586
+ --chip-paragraph-indent: 0px
21587
+ }
21588
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright"] {
21589
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21590
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21591
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21592
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21593
+ --chip-icon-content-container-font-family: sans-sarif;
21594
+ --chip-icon-content-container-font-size: initial;
21595
+ --chip-icon-content-container-font-weight: regular;
21596
+ --chip-icon-content-container-paragraph-spacing: 0px;
21597
+ --chip-icon-content-container-paragraph-indent: 0px
21598
+ }
21599
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright"] {
21600
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21601
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21602
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21603
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21604
+ --chip-icon-content-container-font-family: sans-sarif;
21605
+ --chip-icon-content-container-font-size: initial;
21606
+ --chip-icon-content-container-font-weight: regular;
21607
+ --chip-icon-content-container-paragraph-spacing: 0px;
21608
+ --chip-icon-content-container-paragraph-indent: 0px
21609
+ }
21610
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright"] {
21611
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21612
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21613
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21614
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21615
+ --chip-icon-content-container-font-family: sans-sarif;
21616
+ --chip-icon-content-container-font-size: initial;
21617
+ --chip-icon-content-container-font-weight: regular;
21618
+ --chip-icon-content-container-paragraph-spacing: 0px;
21619
+ --chip-icon-content-container-paragraph-indent: 0px
21620
+ }
21621
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright"] {
21622
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21623
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21624
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21625
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21626
+ --chip-icon-content-container-font-family: sans-sarif;
21627
+ --chip-icon-content-container-font-size: initial;
21628
+ --chip-icon-content-container-font-weight: regular;
21629
+ --chip-icon-content-container-paragraph-spacing: 0px;
21630
+ --chip-icon-content-container-paragraph-indent: 0px
21631
+ }
21632
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright"] {
21633
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21634
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21635
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21636
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21637
+ --chip-icon-content-container-font-family: sans-sarif;
21638
+ --chip-icon-content-container-font-size: initial;
21639
+ --chip-icon-content-container-font-weight: regular;
21640
+ --chip-icon-content-container-paragraph-spacing: 0px;
21641
+ --chip-icon-content-container-paragraph-indent: 0px
21642
+ }
21643
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-bright"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright"] {
21644
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21645
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21646
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21647
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21648
+ --chip-icon-content-container-font-family: sans-sarif;
21649
+ --chip-icon-content-container-font-size: initial;
21650
+ --chip-icon-content-container-font-weight: regular;
21651
+ --chip-icon-content-container-paragraph-spacing: 0px;
21652
+ --chip-icon-content-container-paragraph-indent: 0px
21653
+ }
21654
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-bright-outline"] {
21655
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21656
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21657
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21658
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21659
+ --chip-icon-content-container-font-family: sans-sarif;
21660
+ --chip-icon-content-container-font-size: initial;
21661
+ --chip-icon-content-container-font-weight: regular;
21662
+ --chip-icon-content-container-paragraph-spacing: 0px;
21663
+ --chip-icon-content-container-paragraph-indent: 0px
21664
+ }
21665
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-bright-outline"] {
21666
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21667
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21668
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21669
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21670
+ --chip-icon-content-container-font-family: sans-sarif;
21671
+ --chip-icon-content-container-font-size: initial;
21672
+ --chip-icon-content-container-font-weight: regular;
21673
+ --chip-icon-content-container-paragraph-spacing: 0px;
21674
+ --chip-icon-content-container-paragraph-indent: 0px
21675
+ }
21676
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-bright-outline"] {
21677
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21678
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21679
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21680
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21681
+ --chip-icon-content-container-font-family: sans-sarif;
21682
+ --chip-icon-content-container-font-size: initial;
21683
+ --chip-icon-content-container-font-weight: regular;
21684
+ --chip-icon-content-container-paragraph-spacing: 0px;
21685
+ --chip-icon-content-container-paragraph-indent: 0px
21686
+ }
21687
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-bright-outline"] {
21688
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21689
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21690
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21691
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21692
+ --chip-icon-content-container-font-family: sans-sarif;
21693
+ --chip-icon-content-container-font-size: initial;
21694
+ --chip-icon-content-container-font-weight: regular;
21695
+ --chip-icon-content-container-paragraph-spacing: 0px;
21696
+ --chip-icon-content-container-paragraph-indent: 0px
21697
+ }
21698
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-bright-outline"] {
21699
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21700
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21701
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21702
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21703
+ --chip-icon-content-container-font-family: sans-sarif;
21704
+ --chip-icon-content-container-font-size: initial;
21705
+ --chip-icon-content-container-font-weight: regular;
21706
+ --chip-icon-content-container-paragraph-spacing: 0px;
21707
+ --chip-icon-content-container-paragraph-indent: 0px
21708
+ }
21709
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-bright-outline"] {
21710
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21711
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21712
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21713
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21714
+ --chip-icon-content-container-font-family: sans-sarif;
21715
+ --chip-icon-content-container-font-size: initial;
21716
+ --chip-icon-content-container-font-weight: regular;
21717
+ --chip-icon-content-container-paragraph-spacing: 0px;
21718
+ --chip-icon-content-container-paragraph-indent: 0px
21719
+ }
21720
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued"] {
21721
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21722
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21723
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21724
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21725
+ --chip-icon-content-container-font-family: sans-sarif;
21726
+ --chip-icon-content-container-font-size: initial;
21727
+ --chip-icon-content-container-font-weight: regular;
21728
+ --chip-icon-content-container-paragraph-spacing: 0px;
21729
+ --chip-icon-content-container-paragraph-indent: 0px
21730
+ }
21731
+ [data-theme='dark'] [component-variant="chip-rounded-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-a-subdued-outline"] {
21732
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21733
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21734
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21735
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21736
+ --chip-icon-content-container-font-family: sans-sarif;
21737
+ --chip-icon-content-container-font-size: initial;
21738
+ --chip-icon-content-container-font-weight: regular;
21739
+ --chip-icon-content-container-paragraph-spacing: 0px;
21740
+ --chip-icon-content-container-paragraph-indent: 0px
21741
+ }
21742
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued"] {
21743
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21744
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21745
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21746
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21747
+ --chip-icon-content-container-font-family: sans-sarif;
21748
+ --chip-icon-content-container-font-size: initial;
21749
+ --chip-icon-content-container-font-weight: regular;
21750
+ --chip-icon-content-container-paragraph-spacing: 0px;
21751
+ --chip-icon-content-container-paragraph-indent: 0px
21752
+ }
21753
+ [data-theme='dark'] [component-variant="chip-rounded-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-b-subdued-outline"] {
21754
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21755
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21756
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21757
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21758
+ --chip-icon-content-container-font-family: sans-sarif;
21759
+ --chip-icon-content-container-font-size: initial;
21760
+ --chip-icon-content-container-font-weight: regular;
21761
+ --chip-icon-content-container-paragraph-spacing: 0px;
21762
+ --chip-icon-content-container-paragraph-indent: 0px
21763
+ }
21764
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued"] {
21765
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21766
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21767
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21768
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21769
+ --chip-icon-content-container-font-family: sans-sarif;
21770
+ --chip-icon-content-container-font-size: initial;
21771
+ --chip-icon-content-container-font-weight: regular;
21772
+ --chip-icon-content-container-paragraph-spacing: 0px;
21773
+ --chip-icon-content-container-paragraph-indent: 0px
21774
+ }
21775
+ [data-theme='dark'] [component-variant="chip-rounded-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-c-subdued-outline"] {
21776
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21777
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21778
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21779
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21780
+ --chip-icon-content-container-font-family: sans-sarif;
21781
+ --chip-icon-content-container-font-size: initial;
21782
+ --chip-icon-content-container-font-weight: regular;
21783
+ --chip-icon-content-container-paragraph-spacing: 0px;
21784
+ --chip-icon-content-container-paragraph-indent: 0px
21785
+ }
21786
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued"] {
21787
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21788
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21789
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21790
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21791
+ --chip-icon-content-container-font-family: sans-sarif;
21792
+ --chip-icon-content-container-font-size: initial;
21793
+ --chip-icon-content-container-font-weight: regular;
21794
+ --chip-icon-content-container-paragraph-spacing: 0px;
21795
+ --chip-icon-content-container-paragraph-indent: 0px
21796
+ }
21797
+ [data-theme='dark'] [component-variant="chip-rounded-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-d-subdued-outline"] {
21798
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21799
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21800
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21801
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21802
+ --chip-icon-content-container-font-family: sans-sarif;
21803
+ --chip-icon-content-container-font-size: initial;
21804
+ --chip-icon-content-container-font-weight: regular;
21805
+ --chip-icon-content-container-paragraph-spacing: 0px;
21806
+ --chip-icon-content-container-paragraph-indent: 0px
21807
+ }
21808
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued"] {
21809
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21810
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21811
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21812
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21813
+ --chip-icon-content-container-font-family: sans-sarif;
21814
+ --chip-icon-content-container-font-size: initial;
21815
+ --chip-icon-content-container-font-weight: regular;
21816
+ --chip-icon-content-container-paragraph-spacing: 0px;
21817
+ --chip-icon-content-container-paragraph-indent: 0px
21818
+ }
21819
+ [data-theme='dark'] [component-variant="chip-rounded-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-e-subdued-outline"] {
21820
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21821
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21822
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21823
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21824
+ --chip-icon-content-container-font-family: sans-sarif;
21825
+ --chip-icon-content-container-font-size: initial;
21826
+ --chip-icon-content-container-font-weight: regular;
21827
+ --chip-icon-content-container-paragraph-spacing: 0px;
21828
+ --chip-icon-content-container-paragraph-indent: 0px
21829
+ }
21830
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued"] {
21831
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21832
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21833
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21834
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21835
+ --chip-icon-content-container-font-family: sans-sarif;
21836
+ --chip-icon-content-container-font-size: initial;
21837
+ --chip-icon-content-container-font-weight: regular;
21838
+ --chip-icon-content-container-paragraph-spacing: 0px;
21839
+ --chip-icon-content-container-paragraph-indent: 0px
21840
+ }
21841
+ [data-theme='dark'] [component-variant="chip-rounded-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-medium-f-subdued-outline"] {
21842
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21843
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21844
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21845
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21846
+ --chip-icon-content-container-font-family: sans-sarif;
21847
+ --chip-icon-content-container-font-size: initial;
21848
+ --chip-icon-content-container-font-weight: regular;
21849
+ --chip-icon-content-container-paragraph-spacing: 0px;
21850
+ --chip-icon-content-container-paragraph-indent: 0px
21851
+ }
21852
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-bright"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright"] {
21853
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21854
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21855
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21856
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21857
+ --chip-icon-content-container-font-family: sans-sarif;
21858
+ --chip-icon-content-container-font-size: initial;
21859
+ --chip-icon-content-container-font-weight: regular;
21860
+ --chip-icon-content-container-paragraph-spacing: 0px;
21861
+ --chip-icon-content-container-paragraph-indent: 0px
21862
+ }
21863
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-bright"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright"] {
21864
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21865
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21866
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21867
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21868
+ --chip-icon-content-container-font-family: sans-sarif;
21869
+ --chip-icon-content-container-font-size: initial;
21870
+ --chip-icon-content-container-font-weight: regular;
21871
+ --chip-icon-content-container-paragraph-spacing: 0px;
21872
+ --chip-icon-content-container-paragraph-indent: 0px
21873
+ }
21874
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-bright"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright"] {
21875
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21876
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21877
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21878
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21879
+ --chip-icon-content-container-font-family: sans-sarif;
21880
+ --chip-icon-content-container-font-size: initial;
21881
+ --chip-icon-content-container-font-weight: regular;
21882
+ --chip-icon-content-container-paragraph-spacing: 0px;
21883
+ --chip-icon-content-container-paragraph-indent: 0px
21884
+ }
21885
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-bright"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright"] {
21886
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21887
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21888
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21889
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21890
+ --chip-icon-content-container-font-family: sans-sarif;
21891
+ --chip-icon-content-container-font-size: initial;
21892
+ --chip-icon-content-container-font-weight: regular;
21893
+ --chip-icon-content-container-paragraph-spacing: 0px;
21894
+ --chip-icon-content-container-paragraph-indent: 0px
21895
+ }
21896
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-bright"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright"] {
21897
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21898
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21899
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21900
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21901
+ --chip-icon-content-container-font-family: sans-sarif;
21902
+ --chip-icon-content-container-font-size: initial;
21903
+ --chip-icon-content-container-font-weight: regular;
21904
+ --chip-icon-content-container-paragraph-spacing: 0px;
21905
+ --chip-icon-content-container-paragraph-indent: 0px
21906
+ }
21907
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-bright"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright"] {
21908
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21909
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21910
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21911
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21912
+ --chip-icon-content-container-font-family: sans-sarif;
21913
+ --chip-icon-content-container-font-size: initial;
21914
+ --chip-icon-content-container-font-weight: regular;
21915
+ --chip-icon-content-container-paragraph-spacing: 0px;
21916
+ --chip-icon-content-container-paragraph-indent: 0px
21917
+ }
21918
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-bright-outline"] {
21919
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21920
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21921
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21922
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21923
+ --chip-icon-content-container-font-family: sans-sarif;
21924
+ --chip-icon-content-container-font-size: initial;
21925
+ --chip-icon-content-container-font-weight: regular;
21926
+ --chip-icon-content-container-paragraph-spacing: 0px;
21927
+ --chip-icon-content-container-paragraph-indent: 0px
21928
+ }
21929
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-bright-outline"] {
21930
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21931
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21932
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21933
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21934
+ --chip-icon-content-container-font-family: sans-sarif;
21935
+ --chip-icon-content-container-font-size: initial;
21936
+ --chip-icon-content-container-font-weight: regular;
21937
+ --chip-icon-content-container-paragraph-spacing: 0px;
21938
+ --chip-icon-content-container-paragraph-indent: 0px
21939
+ }
21940
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-bright-outline"] {
21941
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21942
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21943
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21944
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21945
+ --chip-icon-content-container-font-family: sans-sarif;
21946
+ --chip-icon-content-container-font-size: initial;
21947
+ --chip-icon-content-container-font-weight: regular;
21948
+ --chip-icon-content-container-paragraph-spacing: 0px;
21949
+ --chip-icon-content-container-paragraph-indent: 0px
21950
+ }
21951
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-bright-outline"] {
21952
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21953
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21954
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21955
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21956
+ --chip-icon-content-container-font-family: sans-sarif;
21957
+ --chip-icon-content-container-font-size: initial;
21958
+ --chip-icon-content-container-font-weight: regular;
21959
+ --chip-icon-content-container-paragraph-spacing: 0px;
21960
+ --chip-icon-content-container-paragraph-indent: 0px
21961
+ }
21962
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-bright-outline"] {
21963
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21964
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21965
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21966
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21967
+ --chip-icon-content-container-font-family: sans-sarif;
21968
+ --chip-icon-content-container-font-size: initial;
21969
+ --chip-icon-content-container-font-weight: regular;
21970
+ --chip-icon-content-container-paragraph-spacing: 0px;
21971
+ --chip-icon-content-container-paragraph-indent: 0px
21972
+ }
21973
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-bright-outline"] {
21974
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21975
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21976
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21977
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21978
+ --chip-icon-content-container-font-family: sans-sarif;
21979
+ --chip-icon-content-container-font-size: initial;
21980
+ --chip-icon-content-container-font-weight: regular;
21981
+ --chip-icon-content-container-paragraph-spacing: 0px;
21982
+ --chip-icon-content-container-paragraph-indent: 0px
21983
+ }
21984
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued"] {
21985
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21986
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21987
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21988
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
21989
+ --chip-icon-content-container-font-family: sans-sarif;
21990
+ --chip-icon-content-container-font-size: initial;
21991
+ --chip-icon-content-container-font-weight: regular;
21992
+ --chip-icon-content-container-paragraph-spacing: 0px;
21993
+ --chip-icon-content-container-paragraph-indent: 0px
21994
+ }
21995
+ [data-theme='dark'] [component-variant="chip-squared-medium-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-a-subdued-outline"] {
21996
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
21997
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
21998
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
21999
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22000
+ --chip-icon-content-container-font-family: sans-sarif;
22001
+ --chip-icon-content-container-font-size: initial;
22002
+ --chip-icon-content-container-font-weight: regular;
22003
+ --chip-icon-content-container-paragraph-spacing: 0px;
22004
+ --chip-icon-content-container-paragraph-indent: 0px
22005
+ }
22006
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued"] {
22007
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22008
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22009
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22010
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22011
+ --chip-icon-content-container-font-family: sans-sarif;
22012
+ --chip-icon-content-container-font-size: initial;
22013
+ --chip-icon-content-container-font-weight: regular;
22014
+ --chip-icon-content-container-paragraph-spacing: 0px;
22015
+ --chip-icon-content-container-paragraph-indent: 0px
22016
+ }
22017
+ [data-theme='dark'] [component-variant="chip-squared-medium-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-b-subdued-outline"] {
22018
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22019
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22020
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22021
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22022
+ --chip-icon-content-container-font-family: sans-sarif;
22023
+ --chip-icon-content-container-font-size: initial;
22024
+ --chip-icon-content-container-font-weight: regular;
22025
+ --chip-icon-content-container-paragraph-spacing: 0px;
22026
+ --chip-icon-content-container-paragraph-indent: 0px
22027
+ }
22028
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued"] {
22029
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22030
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22031
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22032
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22033
+ --chip-icon-content-container-font-family: sans-sarif;
22034
+ --chip-icon-content-container-font-size: initial;
22035
+ --chip-icon-content-container-font-weight: regular;
22036
+ --chip-icon-content-container-paragraph-spacing: 0px;
22037
+ --chip-icon-content-container-paragraph-indent: 0px
22038
+ }
22039
+ [data-theme='dark'] [component-variant="chip-squared-medium-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-c-subdued-outline"] {
22040
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22041
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22042
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22043
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22044
+ --chip-icon-content-container-font-family: sans-sarif;
22045
+ --chip-icon-content-container-font-size: initial;
22046
+ --chip-icon-content-container-font-weight: regular;
22047
+ --chip-icon-content-container-paragraph-spacing: 0px;
22048
+ --chip-icon-content-container-paragraph-indent: 0px
22049
+ }
22050
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued"] {
22051
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22052
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22053
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22054
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22055
+ --chip-icon-content-container-font-family: sans-sarif;
22056
+ --chip-icon-content-container-font-size: initial;
22057
+ --chip-icon-content-container-font-weight: regular;
22058
+ --chip-icon-content-container-paragraph-spacing: 0px;
22059
+ --chip-icon-content-container-paragraph-indent: 0px
22060
+ }
22061
+ [data-theme='dark'] [component-variant="chip-squared-medium-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-d-subdued-outline"] {
22062
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22063
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22064
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22065
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22066
+ --chip-icon-content-container-font-family: sans-sarif;
22067
+ --chip-icon-content-container-font-size: initial;
22068
+ --chip-icon-content-container-font-weight: regular;
22069
+ --chip-icon-content-container-paragraph-spacing: 0px;
22070
+ --chip-icon-content-container-paragraph-indent: 0px
22071
+ }
22072
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued"] {
22073
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22074
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22075
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22076
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22077
+ --chip-icon-content-container-font-family: sans-sarif;
22078
+ --chip-icon-content-container-font-size: initial;
22079
+ --chip-icon-content-container-font-weight: regular;
22080
+ --chip-icon-content-container-paragraph-spacing: 0px;
22081
+ --chip-icon-content-container-paragraph-indent: 0px
22082
+ }
22083
+ [data-theme='dark'] [component-variant="chip-squared-medium-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-e-subdued-outline"] {
22084
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22085
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22086
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22087
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22088
+ --chip-icon-content-container-font-family: sans-sarif;
22089
+ --chip-icon-content-container-font-size: initial;
22090
+ --chip-icon-content-container-font-weight: regular;
22091
+ --chip-icon-content-container-paragraph-spacing: 0px;
22092
+ --chip-icon-content-container-paragraph-indent: 0px
22093
+ }
22094
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-subdued"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued"] {
22095
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22096
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22097
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22098
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22099
+ --chip-icon-content-container-font-family: sans-sarif;
22100
+ --chip-icon-content-container-font-size: initial;
22101
+ --chip-icon-content-container-font-weight: regular;
22102
+ --chip-icon-content-container-paragraph-spacing: 0px;
22103
+ --chip-icon-content-container-paragraph-indent: 0px
22104
+ }
22105
+ [data-theme='dark'] [component-variant="chip-squared-medium-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-medium-f-subdued-outline"] {
22106
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22107
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22108
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22109
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22110
+ --chip-icon-content-container-font-family: sans-sarif;
22111
+ --chip-icon-content-container-font-size: initial;
22112
+ --chip-icon-content-container-font-weight: regular;
22113
+ --chip-icon-content-container-paragraph-spacing: 0px;
22114
+ --chip-icon-content-container-paragraph-indent: 0px
22115
+ }
22116
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-bright"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright"] {
22117
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22118
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22119
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22120
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22121
+ --chip-icon-content-container-font-family: sans-sarif;
22122
+ --chip-icon-content-container-font-size: initial;
22123
+ --chip-icon-content-container-font-weight: regular;
22124
+ --chip-icon-content-container-paragraph-spacing: 0px;
22125
+ --chip-icon-content-container-paragraph-indent: 0px
22126
+ }
22127
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-bright"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright"] {
22128
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22129
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22130
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22131
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22132
+ --chip-icon-content-container-font-family: sans-sarif;
22133
+ --chip-icon-content-container-font-size: initial;
22134
+ --chip-icon-content-container-font-weight: regular;
22135
+ --chip-icon-content-container-paragraph-spacing: 0px;
22136
+ --chip-icon-content-container-paragraph-indent: 0px
22137
+ }
22138
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-bright"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright"] {
22139
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22140
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22141
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22142
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22143
+ --chip-icon-content-container-font-family: sans-sarif;
22144
+ --chip-icon-content-container-font-size: initial;
22145
+ --chip-icon-content-container-font-weight: regular;
22146
+ --chip-icon-content-container-paragraph-spacing: 0px;
22147
+ --chip-icon-content-container-paragraph-indent: 0px
22148
+ }
22149
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-bright"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright"] {
22150
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22151
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22152
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22153
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22154
+ --chip-icon-content-container-font-family: sans-sarif;
22155
+ --chip-icon-content-container-font-size: initial;
22156
+ --chip-icon-content-container-font-weight: regular;
22157
+ --chip-icon-content-container-paragraph-spacing: 0px;
22158
+ --chip-icon-content-container-paragraph-indent: 0px
22159
+ }
22160
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-bright"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright"] {
22161
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22162
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22163
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22164
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22165
+ --chip-icon-content-container-font-family: sans-sarif;
22166
+ --chip-icon-content-container-font-size: initial;
22167
+ --chip-icon-content-container-font-weight: regular;
22168
+ --chip-icon-content-container-paragraph-spacing: 0px;
22169
+ --chip-icon-content-container-paragraph-indent: 0px
22170
+ }
22171
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-bright"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright"] {
22172
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22173
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22174
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22175
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22176
+ --chip-icon-content-container-font-family: sans-sarif;
22177
+ --chip-icon-content-container-font-size: initial;
22178
+ --chip-icon-content-container-font-weight: regular;
22179
+ --chip-icon-content-container-paragraph-spacing: 0px;
22180
+ --chip-icon-content-container-paragraph-indent: 0px
22181
+ }
22182
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-bright-outline"] {
22183
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22184
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22185
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22186
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22187
+ --chip-icon-content-container-font-family: sans-sarif;
22188
+ --chip-icon-content-container-font-size: initial;
22189
+ --chip-icon-content-container-font-weight: regular;
22190
+ --chip-icon-content-container-paragraph-spacing: 0px;
22191
+ --chip-icon-content-container-paragraph-indent: 0px
22192
+ }
22193
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-bright-outline"] {
22194
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22195
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22196
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22197
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22198
+ --chip-icon-content-container-font-family: sans-sarif;
22199
+ --chip-icon-content-container-font-size: initial;
22200
+ --chip-icon-content-container-font-weight: regular;
22201
+ --chip-icon-content-container-paragraph-spacing: 0px;
22202
+ --chip-icon-content-container-paragraph-indent: 0px
22203
+ }
22204
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-bright-outline"] {
22205
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22206
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22207
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22208
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22209
+ --chip-icon-content-container-font-family: sans-sarif;
22210
+ --chip-icon-content-container-font-size: initial;
22211
+ --chip-icon-content-container-font-weight: regular;
22212
+ --chip-icon-content-container-paragraph-spacing: 0px;
22213
+ --chip-icon-content-container-paragraph-indent: 0px
22214
+ }
22215
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-bright-outline"] {
22216
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22217
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22218
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22219
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22220
+ --chip-icon-content-container-font-family: sans-sarif;
22221
+ --chip-icon-content-container-font-size: initial;
22222
+ --chip-icon-content-container-font-weight: regular;
22223
+ --chip-icon-content-container-paragraph-spacing: 0px;
22224
+ --chip-icon-content-container-paragraph-indent: 0px
22225
+ }
22226
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-bright-outline"] {
22227
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22228
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22229
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22230
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22231
+ --chip-icon-content-container-font-family: sans-sarif;
22232
+ --chip-icon-content-container-font-size: initial;
22233
+ --chip-icon-content-container-font-weight: regular;
22234
+ --chip-icon-content-container-paragraph-spacing: 0px;
22235
+ --chip-icon-content-container-paragraph-indent: 0px
22236
+ }
22237
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-bright-outline"] {
22238
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22239
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22240
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22241
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22242
+ --chip-icon-content-container-font-family: sans-sarif;
22243
+ --chip-icon-content-container-font-size: initial;
22244
+ --chip-icon-content-container-font-weight: regular;
22245
+ --chip-icon-content-container-paragraph-spacing: 0px;
22246
+ --chip-icon-content-container-paragraph-indent: 0px
22247
+ }
22248
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued"] {
22249
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22250
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22251
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22252
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22253
+ --chip-icon-content-container-font-family: sans-sarif;
22254
+ --chip-icon-content-container-font-size: initial;
22255
+ --chip-icon-content-container-font-weight: regular;
22256
+ --chip-icon-content-container-paragraph-spacing: 0px;
22257
+ --chip-icon-content-container-paragraph-indent: 0px
22258
+ }
22259
+ [data-theme='dark'] [component-variant="chip-rounded-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-a-subdued-outline"] {
22260
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22261
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22262
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22263
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22264
+ --chip-icon-content-container-font-family: sans-sarif;
22265
+ --chip-icon-content-container-font-size: initial;
22266
+ --chip-icon-content-container-font-weight: regular;
22267
+ --chip-icon-content-container-paragraph-spacing: 0px;
22268
+ --chip-icon-content-container-paragraph-indent: 0px
22269
+ }
22270
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued"] {
22271
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22272
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22273
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22274
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22275
+ --chip-icon-content-container-font-family: sans-sarif;
22276
+ --chip-icon-content-container-font-size: initial;
22277
+ --chip-icon-content-container-font-weight: regular;
22278
+ --chip-icon-content-container-paragraph-spacing: 0px;
22279
+ --chip-icon-content-container-paragraph-indent: 0px
22280
+ }
22281
+ [data-theme='dark'] [component-variant="chip-rounded-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-b-subdued-outline"] {
22282
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22283
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22284
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22285
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22286
+ --chip-icon-content-container-font-family: sans-sarif;
22287
+ --chip-icon-content-container-font-size: initial;
22288
+ --chip-icon-content-container-font-weight: regular;
22289
+ --chip-icon-content-container-paragraph-spacing: 0px;
22290
+ --chip-icon-content-container-paragraph-indent: 0px
22291
+ }
22292
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued"] {
22293
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22294
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22295
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22296
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22297
+ --chip-icon-content-container-font-family: sans-sarif;
22298
+ --chip-icon-content-container-font-size: initial;
22299
+ --chip-icon-content-container-font-weight: regular;
22300
+ --chip-icon-content-container-paragraph-spacing: 0px;
22301
+ --chip-icon-content-container-paragraph-indent: 0px
22302
+ }
22303
+ [data-theme='dark'] [component-variant="chip-rounded-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-c-subdued-outline"] {
22304
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22305
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22306
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22307
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22308
+ --chip-icon-content-container-font-family: sans-sarif;
22309
+ --chip-icon-content-container-font-size: initial;
22310
+ --chip-icon-content-container-font-weight: regular;
22311
+ --chip-icon-content-container-paragraph-spacing: 0px;
22312
+ --chip-icon-content-container-paragraph-indent: 0px
22313
+ }
22314
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued"] {
22315
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22316
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22317
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22318
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22319
+ --chip-icon-content-container-font-family: sans-sarif;
22320
+ --chip-icon-content-container-font-size: initial;
22321
+ --chip-icon-content-container-font-weight: regular;
22322
+ --chip-icon-content-container-paragraph-spacing: 0px;
22323
+ --chip-icon-content-container-paragraph-indent: 0px
22324
+ }
22325
+ [data-theme='dark'] [component-variant="chip-rounded-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-d-subdued-outline"] {
22326
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22327
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22328
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22329
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22330
+ --chip-icon-content-container-font-family: sans-sarif;
22331
+ --chip-icon-content-container-font-size: initial;
22332
+ --chip-icon-content-container-font-weight: regular;
22333
+ --chip-icon-content-container-paragraph-spacing: 0px;
22334
+ --chip-icon-content-container-paragraph-indent: 0px
22335
+ }
22336
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued"] {
22337
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22338
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22339
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22340
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22341
+ --chip-icon-content-container-font-family: sans-sarif;
22342
+ --chip-icon-content-container-font-size: initial;
22343
+ --chip-icon-content-container-font-weight: regular;
22344
+ --chip-icon-content-container-paragraph-spacing: 0px;
22345
+ --chip-icon-content-container-paragraph-indent: 0px
22346
+ }
22347
+ [data-theme='dark'] [component-variant="chip-rounded-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-e-subdued-outline"] {
22348
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22349
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22350
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22351
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22352
+ --chip-icon-content-container-font-family: sans-sarif;
22353
+ --chip-icon-content-container-font-size: initial;
22354
+ --chip-icon-content-container-font-weight: regular;
22355
+ --chip-icon-content-container-paragraph-spacing: 0px;
22356
+ --chip-icon-content-container-paragraph-indent: 0px
22357
+ }
22358
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-subdued"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued"] {
22359
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22360
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22361
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22362
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22363
+ --chip-icon-content-container-font-family: sans-sarif;
22364
+ --chip-icon-content-container-font-size: initial;
22365
+ --chip-icon-content-container-font-weight: regular;
22366
+ --chip-icon-content-container-paragraph-spacing: 0px;
22367
+ --chip-icon-content-container-paragraph-indent: 0px
22368
+ }
22369
+ [data-theme='dark'] [component-variant="chip-rounded-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-rounded-small-f-subdued-outline"] {
22370
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22371
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22372
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22373
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22374
+ --chip-icon-content-container-font-family: sans-sarif;
22375
+ --chip-icon-content-container-font-size: initial;
22376
+ --chip-icon-content-container-font-weight: regular;
22377
+ --chip-icon-content-container-paragraph-spacing: 0px;
22378
+ --chip-icon-content-container-paragraph-indent: 0px
22379
+ }
22380
+ [data-theme='dark'] [component-variant="chip-squared-small-a-bright"], [data-theme='light'] [component-variant="chip-squared-small-a-bright"] {
22381
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22382
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22383
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22384
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22385
+ --chip-icon-content-container-font-family: sans-sarif;
22386
+ --chip-icon-content-container-font-size: initial;
22387
+ --chip-icon-content-container-font-weight: regular;
22388
+ --chip-icon-content-container-paragraph-spacing: 0px;
22389
+ --chip-icon-content-container-paragraph-indent: 0px
22390
+ }
22391
+ [data-theme='dark'] [component-variant="chip-squared-small-b-bright"], [data-theme='light'] [component-variant="chip-squared-small-b-bright"] {
22392
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22393
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22394
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22395
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22396
+ --chip-icon-content-container-font-family: sans-sarif;
22397
+ --chip-icon-content-container-font-size: initial;
22398
+ --chip-icon-content-container-font-weight: regular;
22399
+ --chip-icon-content-container-paragraph-spacing: 0px;
22400
+ --chip-icon-content-container-paragraph-indent: 0px
22401
+ }
22402
+ [data-theme='dark'] [component-variant="chip-squared-small-c-bright"], [data-theme='light'] [component-variant="chip-squared-small-c-bright"] {
22403
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22404
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22405
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22406
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22407
+ --chip-icon-content-container-font-family: sans-sarif;
22408
+ --chip-icon-content-container-font-size: initial;
22409
+ --chip-icon-content-container-font-weight: regular;
22410
+ --chip-icon-content-container-paragraph-spacing: 0px;
22411
+ --chip-icon-content-container-paragraph-indent: 0px
22412
+ }
22413
+ [data-theme='dark'] [component-variant="chip-squared-small-d-bright"], [data-theme='light'] [component-variant="chip-squared-small-d-bright"] {
22414
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22415
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22416
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22417
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22418
+ --chip-icon-content-container-font-family: sans-sarif;
22419
+ --chip-icon-content-container-font-size: initial;
22420
+ --chip-icon-content-container-font-weight: regular;
22421
+ --chip-icon-content-container-paragraph-spacing: 0px;
22422
+ --chip-icon-content-container-paragraph-indent: 0px
22423
+ }
22424
+ [data-theme='dark'] [component-variant="chip-squared-small-e-bright"], [data-theme='light'] [component-variant="chip-squared-small-e-bright"] {
22425
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22426
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22427
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22428
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22429
+ --chip-icon-content-container-font-family: sans-sarif;
22430
+ --chip-icon-content-container-font-size: initial;
22431
+ --chip-icon-content-container-font-weight: regular;
22432
+ --chip-icon-content-container-paragraph-spacing: 0px;
22433
+ --chip-icon-content-container-paragraph-indent: 0px
22434
+ }
22435
+ [data-theme='dark'] [component-variant="chip-squared-small-f-bright"], [data-theme='light'] [component-variant="chip-squared-small-f-bright"] {
22436
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22437
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22438
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22439
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22440
+ --chip-icon-content-container-font-family: sans-sarif;
22441
+ --chip-icon-content-container-font-size: initial;
22442
+ --chip-icon-content-container-font-weight: regular;
22443
+ --chip-icon-content-container-paragraph-spacing: 0px;
22444
+ --chip-icon-content-container-paragraph-indent: 0px
22445
+ }
22446
+ [data-theme='dark'] [component-variant="chip-squared-small-a-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-bright-outline"] {
22447
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22448
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22449
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22450
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22451
+ --chip-icon-content-container-font-family: sans-sarif;
22452
+ --chip-icon-content-container-font-size: initial;
22453
+ --chip-icon-content-container-font-weight: regular;
22454
+ --chip-icon-content-container-paragraph-spacing: 0px;
22455
+ --chip-icon-content-container-paragraph-indent: 0px
22456
+ }
22457
+ [data-theme='dark'] [component-variant="chip-squared-small-b-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-bright-outline"] {
22458
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22459
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22460
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22461
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22462
+ --chip-icon-content-container-font-family: sans-sarif;
22463
+ --chip-icon-content-container-font-size: initial;
22464
+ --chip-icon-content-container-font-weight: regular;
22465
+ --chip-icon-content-container-paragraph-spacing: 0px;
22466
+ --chip-icon-content-container-paragraph-indent: 0px
22467
+ }
22468
+ [data-theme='dark'] [component-variant="chip-squared-small-c-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-bright-outline"] {
22469
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22470
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22471
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22472
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22473
+ --chip-icon-content-container-font-family: sans-sarif;
22474
+ --chip-icon-content-container-font-size: initial;
22475
+ --chip-icon-content-container-font-weight: regular;
22476
+ --chip-icon-content-container-paragraph-spacing: 0px;
22477
+ --chip-icon-content-container-paragraph-indent: 0px
22478
+ }
22479
+ [data-theme='dark'] [component-variant="chip-squared-small-d-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-bright-outline"] {
22480
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22481
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22482
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22483
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22484
+ --chip-icon-content-container-font-family: sans-sarif;
22485
+ --chip-icon-content-container-font-size: initial;
22486
+ --chip-icon-content-container-font-weight: regular;
22487
+ --chip-icon-content-container-paragraph-spacing: 0px;
22488
+ --chip-icon-content-container-paragraph-indent: 0px
22489
+ }
22490
+ [data-theme='dark'] [component-variant="chip-squared-small-e-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-bright-outline"] {
22491
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22492
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22493
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22494
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22495
+ --chip-icon-content-container-font-family: sans-sarif;
22496
+ --chip-icon-content-container-font-size: initial;
22497
+ --chip-icon-content-container-font-weight: regular;
22498
+ --chip-icon-content-container-paragraph-spacing: 0px;
22499
+ --chip-icon-content-container-paragraph-indent: 0px
22500
+ }
22501
+ [data-theme='dark'] [component-variant="chip-squared-small-f-bright-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-bright-outline"] {
22502
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22503
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22504
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22505
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22506
+ --chip-icon-content-container-font-family: sans-sarif;
22507
+ --chip-icon-content-container-font-size: initial;
22508
+ --chip-icon-content-container-font-weight: regular;
22509
+ --chip-icon-content-container-paragraph-spacing: 0px;
22510
+ --chip-icon-content-container-paragraph-indent: 0px
22511
+ }
22512
+ [data-theme='dark'] [component-variant="chip-squared-small-a-subdued"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued"] {
22513
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22514
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22515
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22516
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22517
+ --chip-icon-content-container-font-family: sans-sarif;
22518
+ --chip-icon-content-container-font-size: initial;
22519
+ --chip-icon-content-container-font-weight: regular;
22520
+ --chip-icon-content-container-paragraph-spacing: 0px;
22521
+ --chip-icon-content-container-paragraph-indent: 0px
22522
+ }
22523
+ [data-theme='dark'] [component-variant="chip-squared-small-a-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-a-subdued-outline"] {
22524
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22525
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22526
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22527
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22528
+ --chip-icon-content-container-font-family: sans-sarif;
22529
+ --chip-icon-content-container-font-size: initial;
22530
+ --chip-icon-content-container-font-weight: regular;
22531
+ --chip-icon-content-container-paragraph-spacing: 0px;
22532
+ --chip-icon-content-container-paragraph-indent: 0px
22533
+ }
22534
+ [data-theme='dark'] [component-variant="chip-squared-small-b-subdued"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued"] {
22535
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22536
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22537
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22538
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22539
+ --chip-icon-content-container-font-family: sans-sarif;
22540
+ --chip-icon-content-container-font-size: initial;
22541
+ --chip-icon-content-container-font-weight: regular;
22542
+ --chip-icon-content-container-paragraph-spacing: 0px;
22543
+ --chip-icon-content-container-paragraph-indent: 0px
22544
+ }
22545
+ [data-theme='dark'] [component-variant="chip-squared-small-b-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-b-subdued-outline"] {
22546
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22547
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22548
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22549
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22550
+ --chip-icon-content-container-font-family: sans-sarif;
22551
+ --chip-icon-content-container-font-size: initial;
22552
+ --chip-icon-content-container-font-weight: regular;
22553
+ --chip-icon-content-container-paragraph-spacing: 0px;
22554
+ --chip-icon-content-container-paragraph-indent: 0px
22555
+ }
22556
+ [data-theme='dark'] [component-variant="chip-squared-small-c-subdued"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued"] {
22557
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22558
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22559
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22560
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22561
+ --chip-icon-content-container-font-family: sans-sarif;
22562
+ --chip-icon-content-container-font-size: initial;
22563
+ --chip-icon-content-container-font-weight: regular;
22564
+ --chip-icon-content-container-paragraph-spacing: 0px;
22565
+ --chip-icon-content-container-paragraph-indent: 0px
22566
+ }
22567
+ [data-theme='dark'] [component-variant="chip-squared-small-c-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-c-subdued-outline"] {
22568
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22569
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22570
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22571
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22572
+ --chip-icon-content-container-font-family: sans-sarif;
22573
+ --chip-icon-content-container-font-size: initial;
22574
+ --chip-icon-content-container-font-weight: regular;
22575
+ --chip-icon-content-container-paragraph-spacing: 0px;
22576
+ --chip-icon-content-container-paragraph-indent: 0px
22577
+ }
22578
+ [data-theme='dark'] [component-variant="chip-squared-small-d-subdued"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued"] {
22579
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22580
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22581
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22582
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22583
+ --chip-icon-content-container-font-family: sans-sarif;
22584
+ --chip-icon-content-container-font-size: initial;
22585
+ --chip-icon-content-container-font-weight: regular;
22586
+ --chip-icon-content-container-paragraph-spacing: 0px;
22587
+ --chip-icon-content-container-paragraph-indent: 0px
22588
+ }
22589
+ [data-theme='dark'] [component-variant="chip-squared-small-d-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-d-subdued-outline"] {
22590
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22591
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22592
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22593
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22594
+ --chip-icon-content-container-font-family: sans-sarif;
22595
+ --chip-icon-content-container-font-size: initial;
22596
+ --chip-icon-content-container-font-weight: regular;
22597
+ --chip-icon-content-container-paragraph-spacing: 0px;
22598
+ --chip-icon-content-container-paragraph-indent: 0px
22599
+ }
22600
+ [data-theme='dark'] [component-variant="chip-squared-small-e-subdued"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued"] {
22601
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22602
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22603
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22604
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22605
+ --chip-icon-content-container-font-family: sans-sarif;
22606
+ --chip-icon-content-container-font-size: initial;
22607
+ --chip-icon-content-container-font-weight: regular;
22608
+ --chip-icon-content-container-paragraph-spacing: 0px;
22609
+ --chip-icon-content-container-paragraph-indent: 0px
22610
+ }
22611
+ [data-theme='dark'] [component-variant="chip-squared-small-e-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-e-subdued-outline"] {
22612
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22613
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22614
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22615
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22616
+ --chip-icon-content-container-font-family: sans-sarif;
22617
+ --chip-icon-content-container-font-size: initial;
22618
+ --chip-icon-content-container-font-weight: regular;
22619
+ --chip-icon-content-container-paragraph-spacing: 0px;
22620
+ --chip-icon-content-container-paragraph-indent: 0px
22621
+ }
22622
+ [data-theme='dark'] [component-variant="chip-squared-small-f-subdued"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued"] {
22623
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22624
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22625
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22626
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22627
+ --chip-icon-content-container-font-family: sans-sarif;
22628
+ --chip-icon-content-container-font-size: initial;
22629
+ --chip-icon-content-container-font-weight: regular;
22630
+ --chip-icon-content-container-paragraph-spacing: 0px;
22631
+ --chip-icon-content-container-paragraph-indent: 0px
22632
+ }
22633
+ [data-theme='dark'] [component-variant="chip-squared-small-f-subdued-outline"], [data-theme='light'] [component-variant="chip-squared-small-f-subdued-outline"] {
22634
+ --chip-icon-content-container-padding-left: var(--spacing-space-5);
22635
+ --chip-icon-content-container-padding-right: var(--spacing-space-5);
22636
+ --chip-icon-content-container-row-gap: var(--spacing-space-2);
22637
+ --chip-icon-content-container-column-gap: var(--spacing-space-2);
22638
+ --chip-icon-content-container-font-family: sans-sarif;
22639
+ --chip-icon-content-container-font-size: initial;
22640
+ --chip-icon-content-container-font-weight: regular;
22641
+ --chip-icon-content-container-paragraph-spacing: 0px;
22642
+ --chip-icon-content-container-paragraph-indent: 0px
22643
+ }
19265
22644
  [data-theme='dark'] [component-variant^="chip-input-"], [data-theme='light'] [component-variant^="chip-input-"] {
19266
22645
  --chip-input-opacity: 1;
19267
22646
  --chip-input-height: auto;
@@ -19304,7 +22683,7 @@ span.flatpickr-weekday {
19304
22683
  [data-theme='dark'] [component-variant="chip-input-default"], [data-theme='light'] [component-variant="chip-input-default"] {
19305
22684
  --chip-input-min-height: 32px;
19306
22685
  --chip-input-max-height: 200px;
19307
- --chip-input-width: 419px;
22686
+ --chip-input-width: 100%;
19308
22687
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19309
22688
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19310
22689
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19330,7 +22709,7 @@ span.flatpickr-weekday {
19330
22709
  [data-theme='dark'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:hover:not(:disabled):not([disabled]) {
19331
22710
  --chip-input-min-height: 32px;
19332
22711
  --chip-input-max-height: 200px;
19333
- --chip-input-width: 419px;
22712
+ --chip-input-width: 100%;
19334
22713
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19335
22714
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19336
22715
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19356,7 +22735,7 @@ span.flatpickr-weekday {
19356
22735
  [data-theme='dark'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][active]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:active:not(:disabled):not([disabled]) {
19357
22736
  --chip-input-min-height: 32px;
19358
22737
  --chip-input-max-height: 200px;
19359
- --chip-input-width: 419px;
22738
+ --chip-input-width: 100%;
19360
22739
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19361
22740
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19362
22741
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19382,7 +22761,7 @@ span.flatpickr-weekday {
19382
22761
  [data-theme='dark'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus:not(:disabled):not([disabled]) {
19383
22762
  --chip-input-min-height: 32px;
19384
22763
  --chip-input-max-height: 200px;
19385
- --chip-input-width: 419px;
22764
+ --chip-input-width: 100%;
19386
22765
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19387
22766
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19388
22767
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19408,7 +22787,7 @@ span.flatpickr-weekday {
19408
22787
  [data-theme='dark'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:has(:focus-visible):not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:focus-visible:not(:disabled):not([disabled]) {
19409
22788
  --chip-input-min-height: 32px;
19410
22789
  --chip-input-max-height: 200px;
19411
- --chip-input-width: 419px;
22790
+ --chip-input-width: 100%;
19412
22791
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19413
22792
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19414
22793
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19434,7 +22813,7 @@ span.flatpickr-weekday {
19434
22813
  [data-theme='dark'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"][invalid]:not(:disabled):not([disabled]), [data-theme='dark'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]), [data-theme='light'] [component-variant="chip-input-default"]:invalid:not(:disabled):not([disabled]) {
19435
22814
  --chip-input-min-height: 32px;
19436
22815
  --chip-input-max-height: 200px;
19437
- --chip-input-width: 419px;
22816
+ --chip-input-width: 100%;
19438
22817
  --chip-input-background-color: var(--interactive-surface-secondary-default);
19439
22818
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19440
22819
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);
@@ -19463,7 +22842,7 @@ span.flatpickr-weekday {
19463
22842
  [data-theme='light'] [component-variant="chip-input-default"]:disabled {
19464
22843
  --chip-input-min-height: 32px;
19465
22844
  --chip-input-max-height: 200px;
19466
- --chip-input-width: 419px;
22845
+ --chip-input-width: 100%;
19467
22846
  --chip-input-background-color: var(--interactive-surface-secondary-disabled);
19468
22847
  --chip-input-border-top-left-radius: var(--corner-radius-extra-small);
19469
22848
  --chip-input-border-top-right-radius: var(--corner-radius-extra-small);