@egovernments/digit-ui-components-css 0.0.2-beta.24 → 0.0.2-beta.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-components-css - 0.0.2-beta.24
2
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.25
3
3
  *
4
4
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
5
5
  *
@@ -1481,9 +1481,19 @@ body {
1481
1481
  -webkit-box-orient: vertical;
1482
1482
  -webkit-box-direction: normal;
1483
1483
  -ms-flex-direction: column;
1484
- flex-direction: column;
1485
- grid-gap: 1rem;
1486
- gap: 1rem; }
1484
+ flex-direction: column; }
1485
+ @media (max-aspect-ratio: 9 / 16) {
1486
+ .digit-bottom-sheet-content {
1487
+ grid-gap: 1rem;
1488
+ gap: 1rem; } }
1489
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1490
+ .digit-bottom-sheet-content {
1491
+ grid-gap: 1.25rem;
1492
+ gap: 1.25rem; } }
1493
+ @media (min-aspect-ratio: 3 / 4) {
1494
+ .digit-bottom-sheet-content {
1495
+ grid-gap: 1.5rem;
1496
+ gap: 1.5rem; } }
1487
1497
 
1488
1498
  .digit-bottom-sheet-handle-indicator {
1489
1499
  width: 6.25rem;
@@ -2185,10 +2195,10 @@ body {
2185
2195
  text-decoration: underline;
2186
2196
  text-decoration-thickness: .063rem; } }
2187
2197
 
2188
- .typography.button.large, .digit-button-label, .digit-button-default h2, .digit-button-primary h2, .digit-button-secondary h2, .digit-button-teritiary h2, .digit-info-button h1 {
2198
+ .typography.button.large, .digit-button-label, .digit-button-default h2, .digit-button-primary h2, .digit-button-secondary h2, .digit-button-teritiary h2, .digit-submit-bar h2, .digit-info-button h1 {
2189
2199
  font-size: 1.25rem; }
2190
2200
 
2191
- .typography.button.large, .digit-button-label, .digit-button-default h2, .digit-button-primary h2, .digit-button-secondary h2, .digit-button-teritiary h2, .digit-info-button h1, .typography.button.medium, .digit-button-primary.medium h2, .digit-button-secondary.medium h2, .digit-button-teritiary.medium h2, .digit-info-button.medium h1 {
2201
+ .typography.button.large, .digit-button-label, .digit-button-default h2, .digit-button-primary h2, .digit-button-secondary h2, .digit-button-teritiary h2, .digit-submit-bar h2, .digit-info-button h1, .typography.button.medium, .digit-button-primary.medium h2, .digit-button-secondary.medium h2, .digit-button-teritiary.medium h2, .digit-info-button.medium h1 {
2192
2202
  line-height: 1.14rem;
2193
2203
  font-family: Roboto;
2194
2204
  font-weight: 500; }
@@ -2217,6 +2227,10 @@ body {
2217
2227
  outline: none; }
2218
2228
 
2219
2229
  .digit-bread-crumb--item .digit-bread-crumb-content {
2230
+ font-family: Roboto;
2231
+ font-style: normal;
2232
+ font-weight: 400;
2233
+ line-height: 1.37rem;
2220
2234
  display: -webkit-box !important;
2221
2235
  display: -ms-flexbox !important;
2222
2236
  display: flex !important;
@@ -2225,6 +2239,15 @@ body {
2225
2239
  cursor: pointer;
2226
2240
  text-decoration: none;
2227
2241
  color: #c84c0e; }
2242
+ @media (max-aspect-ratio: 9 / 16) {
2243
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2244
+ font-size: .875rem; } }
2245
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2246
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2247
+ font-size: 1rem; } }
2248
+ @media (min-aspect-ratio: 3 / 4) {
2249
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2250
+ font-size: 1rem; } }
2228
2251
  .digit-bread-crumb--item .digit-bread-crumb-content svg {
2229
2252
  width: 1.25rem;
2230
2253
  height: 1.25rem; }
@@ -2235,9 +2258,22 @@ body {
2235
2258
  cursor: pointer; }
2236
2259
 
2237
2260
  .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2261
+ font-family: Roboto;
2262
+ font-style: normal;
2263
+ font-weight: 400;
2264
+ line-height: 1.37rem;
2238
2265
  color: #787878;
2239
2266
  text-decoration: none;
2240
2267
  cursor: default; }
2268
+ @media (max-aspect-ratio: 9 / 16) {
2269
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2270
+ font-size: .875rem; } }
2271
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2272
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2273
+ font-size: 1rem; } }
2274
+ @media (min-aspect-ratio: 3 / 4) {
2275
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2276
+ font-size: 1rem; } }
2241
2277
 
2242
2278
  ol, ul {
2243
2279
  list-style: none; }
@@ -2557,50 +2593,52 @@ ol, ul {
2557
2593
  font-family: Roboto; }
2558
2594
 
2559
2595
  .digit-submit-bar {
2560
- height: 2.5rem;
2561
- text-align: center;
2562
2596
  width: 100%;
2597
+ text-align: center;
2598
+ cursor: pointer;
2563
2599
  outline: 2px solid transparent;
2564
2600
  outline-offset: 2px;
2565
- cursor: pointer;
2566
- -webkit-box-shadow: inset 0 -.125rem 0 #0b0c0c;
2567
- box-shadow: inset 0 -.125rem 0 #0b0c0c;
2601
+ display: -webkit-box;
2602
+ display: -ms-flexbox;
2603
+ display: flex;
2604
+ max-width: 100%;
2605
+ -webkit-box-align: center;
2606
+ -ms-flex-align: center;
2607
+ align-items: center;
2608
+ -webkit-box-pack: center;
2609
+ -ms-flex-pack: center;
2610
+ justify-content: center;
2611
+ height: 2.5rem;
2612
+ padding-left: 1.5rem;
2613
+ padding-right: 1.5rem;
2614
+ grid-gap: .5rem;
2615
+ gap: .5rem;
2616
+ min-width: 15rem;
2568
2617
  background-color: #c84c0e; }
2569
- .digit-submit-bar:focus {
2570
- outline: 2px solid transparent;
2571
- outline-offset: 2px; }
2572
2618
  .digit-submit-bar h2 {
2573
- font-weight: 500;
2574
- font-size: 19px;
2575
- line-height: 23px;
2576
2619
  --text-opacity:1;
2577
2620
  color: #fff;
2578
2621
  color: rgba(255, 255, 255, var(--text-opacity));
2579
- line-height: 1.5;
2580
- margin: 0;
2581
- font-family: Roboto; }
2582
-
2583
- .digit-submit-bar-disabled {
2584
- height: 2.5rem;
2585
- text-align: center;
2586
- width: 100%;
2587
- outline: 2px solid transparent;
2588
- outline-offset: 2px;
2589
- opacity: .5;
2590
- background-color: #c84c0e; }
2591
- .digit-submit-bar-disabled:focus {
2622
+ width: 100%;
2623
+ overflow: hidden;
2624
+ white-space: nowrap;
2625
+ text-overflow: ellipsis;
2626
+ height: 1.25rem;
2627
+ margin: .125rem 0 0; }
2628
+ .digit-submit-bar.disabled {
2629
+ opacity: .5;
2630
+ background: #c5c5c5; }
2631
+ .digit-submit-bar:focus {
2592
2632
  outline: 2px solid transparent;
2593
2633
  outline-offset: 2px; }
2594
- .digit-submit-bar-disabled h2 {
2595
- font-weight: 500;
2596
- font-size: 19px;
2597
- line-height: 23px;
2598
- --text-opacity:1;
2599
- color: #fff;
2600
- color: rgba(255, 255, 255, var(--text-opacity));
2601
- line-height: 1.5;
2602
- margin: 0;
2603
- font-family: Roboto; }
2634
+ .digit-submit-bar:hover {
2635
+ -webkit-box-shadow: 0 -.125rem 0 0 #363636 inset;
2636
+ box-shadow: inset 0 -.125rem 0 0 #363636; }
2637
+ .digit-submit-bar:active {
2638
+ -webkit-box-shadow: 0 -0.125rem 0 0 #0b0c0c inset, 0 0.063rem 0.175rem 0 rgba(0, 0, 0, 0.25098);
2639
+ box-shadow: inset 0 -0.125rem 0 0 #0b0c0c, 0 0.063rem 0.175rem 0 rgba(0, 0, 0, 0.25098); }
2640
+ .digit-submit-bar:active h2 {
2641
+ font-weight: 700; }
2604
2642
 
2605
2643
  .digit-selector-button-primary {
2606
2644
  height: 2rem;
@@ -2680,10 +2718,6 @@ ol, ul {
2680
2718
  color: #fff;
2681
2719
  color: rgba(255, 255, 255, var(--text-opacity)); }
2682
2720
 
2683
- @media (min-width: 780px) {
2684
- .digit-submit-bar, .digit-submit-bar-disabled {
2685
- width: 15rem; } }
2686
-
2687
2721
  .digit-submit-bar:focus {
2688
2722
  outline: 2px solid transparent !important;
2689
2723
  outline-offset: 2px !important; }
@@ -3315,10 +3349,23 @@ ol, ul {
3315
3349
  width: 1rem;
3316
3350
  height: 1rem; }
3317
3351
  .digit-checkbox-container .label {
3352
+ font-family: Roboto;
3353
+ font-style: normal;
3354
+ font-weight: 400;
3355
+ line-height: 1.37rem;
3318
3356
  text-align: left;
3319
3357
  word-break: break-word;
3320
3358
  letter-spacing: 0;
3321
3359
  color: #363636; }
3360
+ @media (max-aspect-ratio: 9 / 16) {
3361
+ .digit-checkbox-container .label {
3362
+ font-size: .875rem; } }
3363
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3364
+ .digit-checkbox-container .label {
3365
+ font-size: 1rem; } }
3366
+ @media (min-aspect-ratio: 3 / 4) {
3367
+ .digit-checkbox-container .label {
3368
+ font-size: 1rem; } }
3322
3369
  .digit-checkbox-container.disabled .label {
3323
3370
  color: #c5c5c5; }
3324
3371
  .digit-checkbox-container.disabled .digit-custom-checkbox, .digit-checkbox-container.disabled .digit-custom-checkbox-emp {
@@ -3407,6 +3454,10 @@ ol, ul {
3407
3454
  .digit-header-content.label .info-icon .infotext {
3408
3455
  position: absolute;
3409
3456
  text-align: center;
3457
+ font-family: Roboto;
3458
+ font-style: normal;
3459
+ font-weight: 400;
3460
+ line-height: 1.37rem;
3410
3461
  visibility: hidden;
3411
3462
  width: 7.5rem;
3412
3463
  background-color: #555;
@@ -3417,6 +3468,15 @@ ol, ul {
3417
3468
  left: 50%;
3418
3469
  margin-left: -3.75rem;
3419
3470
  border-radius: .375rem; }
3471
+ @media (max-aspect-ratio: 9 / 16) {
3472
+ .digit-header-content.label .info-icon .infotext {
3473
+ font-size: .875rem; } }
3474
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3475
+ .digit-header-content.label .info-icon .infotext {
3476
+ font-size: 1rem; } }
3477
+ @media (min-aspect-ratio: 3 / 4) {
3478
+ .digit-header-content.label .info-icon .infotext {
3479
+ font-size: 1rem; } }
3420
3480
  .digit-header-content.label .info-icon:hover .infotext {
3421
3481
  visibility: visible; }
3422
3482
  .digit-header-content.label .label-styles {
@@ -3450,7 +3510,20 @@ ol, ul {
3450
3510
  align-items: baseline;
3451
3511
  color: #787878;
3452
3512
  grid-gap: .5rem;
3453
- gap: .5rem; }
3513
+ gap: .5rem;
3514
+ font-family: Roboto;
3515
+ font-style: normal;
3516
+ font-weight: 400;
3517
+ line-height: 1.37rem; }
3518
+ @media (max-aspect-ratio: 9 / 16) {
3519
+ .digit-field .digit-charcount, .digit-field .digit-description {
3520
+ font-size: .875rem; } }
3521
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3522
+ .digit-field .digit-charcount, .digit-field .digit-description {
3523
+ font-size: 1rem; } }
3524
+ @media (min-aspect-ratio: 3 / 4) {
3525
+ .digit-field .digit-charcount, .digit-field .digit-description {
3526
+ font-size: 1rem; } }
3454
3527
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3455
3528
  .digit-field .digit-charcount, .digit-field .digit-description {
3456
3529
  max-width: 27.5rem; } }
@@ -4061,8 +4134,21 @@ ol, ul {
4061
4134
  -ms-flex-align: center;
4062
4135
  align-items: center; }
4063
4136
  .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4137
+ font-family: Roboto;
4138
+ font-style: normal;
4139
+ font-weight: 400;
4140
+ line-height: 1.37rem;
4064
4141
  text-align: left;
4065
4142
  color: #c84c0e; }
4143
+ @media (max-aspect-ratio: 9 / 16) {
4144
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4145
+ font-size: .875rem; } }
4146
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4147
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4148
+ font-size: 1rem; } }
4149
+ @media (min-aspect-ratio: 3 / 4) {
4150
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4151
+ font-size: 1rem; } }
4066
4152
  .digit-multiselectdropdown-wrap .digit-category-selectAll input, .digit-multiselectdropdown-wrap .digit-category-selectAll .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-multiselectdropdown-wrap .digit-category-selectAll .input-emp {
4067
4153
  position: absolute;
4068
4154
  top: 0;
@@ -4152,9 +4238,22 @@ ol, ul {
4152
4238
  overflow: hidden;
4153
4239
  white-space: nowrap;
4154
4240
  max-width: 100%;
4241
+ font-family: Roboto;
4242
+ font-style: normal;
4243
+ font-weight: 400;
4244
+ line-height: 1.37rem;
4155
4245
  color: #363636;
4156
4246
  margin: 0;
4157
4247
  text-overflow: ellipsis; }
4248
+ @media (max-aspect-ratio: 9 / 16) {
4249
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4250
+ font-size: .875rem; } }
4251
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4252
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4253
+ font-size: 1rem; } }
4254
+ @media (min-aspect-ratio: 3 / 4) {
4255
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4256
+ font-size: 1rem; } }
4158
4257
  .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked {
4159
4258
  background: #c84c0e; }
4160
4259
  .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p {
@@ -4338,7 +4437,20 @@ ol, ul {
4338
4437
  .digit-panelcard-wrap .digit-panelcard-children-wrap.with-shadow, .digit-panelcard-wrap .digit-panelcard-children-wrap.without-footer {
4339
4438
  padding: 1rem; } }
4340
4439
  .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4440
+ font-family: Roboto;
4441
+ font-style: normal;
4442
+ font-weight: 400;
4443
+ line-height: 1.37rem;
4341
4444
  color: #505a5f; }
4445
+ @media (max-aspect-ratio: 9 / 16) {
4446
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4447
+ font-size: .875rem; } }
4448
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4449
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4450
+ font-size: 1rem; } }
4451
+ @media (min-aspect-ratio: 3 / 4) {
4452
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4453
+ font-size: 1rem; } }
4342
4454
  .digit-panelcard-wrap .digit-panelcard-footer {
4343
4455
  -ms-flex-wrap: wrap;
4344
4456
  flex-wrap: wrap;
@@ -4697,10 +4809,25 @@ ol, ul {
4697
4809
  display: flex;
4698
4810
  -webkit-box-flex: 1;
4699
4811
  -ms-flex: 1;
4700
- flex: 1;
4701
- color: #363636; }
4702
- .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4703
- color: #363636; }
4812
+ flex: 1; }
4813
+ @media (max-aspect-ratio: 9 / 16) {
4814
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4815
+ font-size: .875rem; } }
4816
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4817
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4818
+ font-size: 1rem; } }
4819
+ @media (min-aspect-ratio: 3 / 4) {
4820
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4821
+ font-size: 1rem; } }
4822
+ @media (max-aspect-ratio: 9 / 16) {
4823
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4824
+ font-size: .875rem; } }
4825
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4826
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4827
+ font-size: 1rem; } }
4828
+ @media (min-aspect-ratio: 3 / 4) {
4829
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4830
+ font-size: 1rem; } }
4704
4831
  .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap.inline {
4705
4832
  -webkit-box-orient: horizontal;
4706
4833
  -webkit-box-direction: normal;
@@ -4946,8 +5073,21 @@ ol, ul {
4946
5073
  border-radius: 9999px;
4947
5074
  display: block; }
4948
5075
  .digit-radio-options-wrap label {
5076
+ font-family: Roboto;
5077
+ font-style: normal;
5078
+ font-weight: 400;
5079
+ line-height: 1.37rem;
4949
5080
  color: #363636;
4950
5081
  word-wrap: anywhere; }
5082
+ @media (max-aspect-ratio: 9 / 16) {
5083
+ .digit-radio-options-wrap label {
5084
+ font-size: .875rem; } }
5085
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5086
+ .digit-radio-options-wrap label {
5087
+ font-size: 1rem; } }
5088
+ @media (min-aspect-ratio: 3 / 4) {
5089
+ .digit-radio-options-wrap label {
5090
+ font-size: 1rem; } }
4951
5091
  .digit-radio-options-wrap .digit-radio-btn-checkmark:after {
4952
5092
  content: ""; }
4953
5093
  .digit-radio-options-wrap .digit-radio-btn-wrap input:checked ~ .digit-radio-btn-checkmark, .digit-radio-options-wrap .digit-radio-btn-wrap .digit-checkbox-container .input-emp:checked ~ .digit-radio-btn-checkmark, .digit-checkbox-container .digit-radio-options-wrap .digit-radio-btn-wrap .input-emp:checked ~ .digit-radio-btn-checkmark {
@@ -5362,11 +5502,24 @@ ol, ul {
5362
5502
  -ms-flex-negative: 0;
5363
5503
  flex-shrink: 0; }
5364
5504
  .digit-dropdown-item .option-des-container .main-option {
5505
+ font-family: Roboto;
5506
+ font-style: normal;
5507
+ font-weight: 400;
5508
+ line-height: 1.37rem;
5365
5509
  white-space: nowrap;
5366
5510
  width: 100%;
5367
5511
  max-width: 100%;
5368
5512
  overflow: hidden;
5369
5513
  text-overflow: ellipsis; }
5514
+ @media (max-aspect-ratio: 9 / 16) {
5515
+ .digit-dropdown-item .option-des-container .main-option {
5516
+ font-size: .875rem; } }
5517
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5518
+ .digit-dropdown-item .option-des-container .main-option {
5519
+ font-size: 1rem; } }
5520
+ @media (min-aspect-ratio: 3 / 4) {
5521
+ .digit-dropdown-item .option-des-container .main-option {
5522
+ font-size: 1rem; } }
5370
5523
  .digit-dropdown-item .option-des-container .main-option.nestedtextdropdown, .digit-dropdown-item .option-des-container .main-option.profilenestedtext {
5371
5524
  color: #787878; }
5372
5525
  .digit-dropdown-item .option-des-container .option-description {
@@ -5422,7 +5575,20 @@ ol, ul {
5422
5575
  background-color: #fafafa;
5423
5576
  pointer-events: none; }
5424
5577
  .digit-dropdown-item.unsuccessfulresults span {
5578
+ font-family: Roboto;
5579
+ font-style: normal;
5580
+ font-weight: 400;
5581
+ line-height: 1.37rem;
5425
5582
  color: #c5c5c5; }
5583
+ @media (max-aspect-ratio: 9 / 16) {
5584
+ .digit-dropdown-item.unsuccessfulresults span {
5585
+ font-size: .875rem; } }
5586
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5587
+ .digit-dropdown-item.unsuccessfulresults span {
5588
+ font-size: 1rem; } }
5589
+ @media (min-aspect-ratio: 3 / 4) {
5590
+ .digit-dropdown-item.unsuccessfulresults span {
5591
+ font-size: 1rem; } }
5426
5592
 
5427
5593
  .digit-dropdown-employee-select-wrap--elipses {
5428
5594
  overflow: hidden;
@@ -5588,7 +5754,19 @@ ol, ul {
5588
5754
  font-size: 1rem;
5589
5755
  line-height: 1.5rem; }
5590
5756
  .digit-stepper-container .digit-stepper-content .stepper-label {
5757
+ font-family: Roboto;
5758
+ font-style: normal;
5759
+ line-height: 1.37rem;
5591
5760
  letter-spacing: 0; }
5761
+ @media (max-aspect-ratio: 9 / 16) {
5762
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5763
+ font-size: .875rem; } }
5764
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5765
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5766
+ font-size: 1rem; } }
5767
+ @media (min-aspect-ratio: 3 / 4) {
5768
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5769
+ font-size: 1rem; } }
5592
5770
  .digit-stepper-container .digit-stepper-content .stepper-label.completed {
5593
5771
  color: #363636; }
5594
5772
  .digit-stepper-container .digit-stepper-content .stepper-label.current {
@@ -5612,6 +5790,7 @@ ol, ul {
5612
5790
  font-weight: 400;
5613
5791
  color: #787878;
5614
5792
  text-align: center;
5793
+ font-weight: 400;
5615
5794
  text-align: center;
5616
5795
  color: #787878; }
5617
5796
  .digit-stepper-container .stepper-circle {
@@ -5747,7 +5926,7 @@ ol, ul {
5747
5926
  text-align: left;
5748
5927
  word-break: break-word;
5749
5928
  letter-spacing: 0;
5750
- color: #787878; }
5929
+ color: #363636; }
5751
5930
  @media (max-aspect-ratio: 9 / 16) {
5752
5931
  .digit-switch-label {
5753
5932
  font-size: .875rem; } }
@@ -5989,7 +6168,20 @@ textarea::-webkit-scrollbar-thumb {
5989
6168
  color: #787878;
5990
6169
  line-height: normal; }
5991
6170
  .digit-text-block-wrap .digit-text-block-body {
6171
+ font-family: Roboto;
6172
+ font-style: normal;
6173
+ font-weight: 400;
6174
+ line-height: 1.37rem;
5992
6175
  color: #505a5f; }
6176
+ @media (max-aspect-ratio: 9 / 16) {
6177
+ .digit-text-block-wrap .digit-text-block-body {
6178
+ font-size: .875rem; } }
6179
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6180
+ .digit-text-block-wrap .digit-text-block-body {
6181
+ font-size: 1rem; } }
6182
+ @media (min-aspect-ratio: 3 / 4) {
6183
+ .digit-text-block-wrap .digit-text-block-body {
6184
+ font-size: 1rem; } }
5993
6185
 
5994
6186
  .digit-text-input-field {
5995
6187
  position: relative;
@@ -6468,8 +6660,21 @@ textarea::-webkit-scrollbar-thumb {
6468
6660
  color: #787878; }
6469
6661
 
6470
6662
  .timeline-date {
6663
+ font-family: Roboto;
6664
+ font-style: normal;
6665
+ font-weight: 400;
6666
+ line-height: 1.37rem;
6471
6667
  text-align: left;
6472
6668
  color: #787878; }
6669
+ @media (max-aspect-ratio: 9 / 16) {
6670
+ .timeline-date {
6671
+ font-size: .875rem; } }
6672
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6673
+ .timeline-date {
6674
+ font-size: 1rem; } }
6675
+ @media (min-aspect-ratio: 3 / 4) {
6676
+ .timeline-date {
6677
+ font-size: 1rem; } }
6473
6678
 
6474
6679
  .timeline-toggle-details {
6475
6680
  display: -webkit-box;
@@ -6584,72 +6789,44 @@ img {
6584
6789
  border: .063rem solid #b91900; }
6585
6790
 
6586
6791
  .digit-toast-success {
6792
+ max-width: 100%;
6793
+ width: auto;
6794
+ grid-gap: .5rem;
6795
+ gap: .5rem;
6796
+ height: 3rem;
6797
+ padding: 0.75rem 0.5rem 0.75rem 0.75rem !important;
6587
6798
  position: fixed;
6588
6799
  display: -webkit-box;
6589
6800
  display: -ms-flexbox;
6590
6801
  display: flex;
6591
6802
  z-index: 20;
6592
- width: 100%;
6593
- max-width: 100%;
6594
- left: 0;
6595
6803
  -webkit-box-align: center;
6596
6804
  -ms-flex-align: center;
6597
6805
  align-items: center;
6598
- bottom: -3rem;
6599
- grid-gap: .5rem;
6600
- gap: .5rem;
6601
- height: 3rem;
6602
- padding: 0.75rem 0.5rem 0.75rem 0.75rem !important;
6603
6806
  background-color: #00703c;
6604
6807
  -webkit-transition: bottom .5s ease;
6605
- transition: bottom .5s ease; }
6808
+ transition: bottom .5s ease;
6809
+ left: 0; }
6606
6810
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6607
6811
  .digit-toast-success {
6608
- width: auto;
6609
- max-width: 100%;
6610
- min-width: 30rem;
6611
- left: 50%;
6612
- -webkit-transform: translate(-50%);
6613
- transform: translate(-50%); } }
6812
+ min-width: 30rem; } }
6614
6813
  @media (max-aspect-ratio: 9 / 16) {
6615
6814
  .digit-toast-success {
6616
- width: 100%; } }
6815
+ width: 100%;
6816
+ min-width: 100%; } }
6617
6817
  @media (min-aspect-ratio: 3 / 4) {
6618
6818
  .digit-toast-success {
6619
- width: auto;
6620
- max-width: 100%;
6621
- min-width: 50rem;
6622
- left: 50%;
6623
- -webkit-transform: translate(-50%);
6624
- transform: translate(-50%); } }
6819
+ min-width: 50rem; } }
6820
+ .digit-toast-success.digit-info {
6821
+ background-color: #0057bd; }
6625
6822
  .digit-toast-success.digit-error {
6626
6823
  background-color: #b91900; }
6627
6824
  .digit-toast-success.digit-warning {
6628
- background-color: #f19100; }
6825
+ background-color: #9e5f00; }
6629
6826
  .digit-toast-success.digit-warning.digit-warning-buttons {
6630
6827
  display: block; }
6631
- .digit-toast-success .toast-label {
6632
- text-align: left;
6633
- overflow: hidden;
6634
- white-space: nowrap;
6635
- -webkit-box-flex: 1;
6636
- -ms-flex-positive: 1;
6637
- flex-grow: 1;
6638
- display: -webkit-box;
6639
- display: -ms-flexbox;
6640
- display: flex;
6641
- -webkit-box-align: center;
6642
- -ms-flex-align: center;
6643
- align-items: center;
6644
- height: 1.5rem;
6645
- letter-spacing: 0;
6646
- color: #fff;
6647
- margin: 0;
6648
- text-overflow: ellipsis; }
6649
- .digit-toast-success.digit-info {
6650
- background-color: #0057bd; }
6651
- .digit-toast-success .digit-warning-button-container {
6652
- width: 100%;
6828
+ .digit-toast-success .digit-warning-button-container {
6829
+ width: 100%;
6653
6830
  display: -webkit-box;
6654
6831
  display: -ms-flexbox;
6655
6832
  display: flex;
@@ -6665,10 +6842,28 @@ img {
6665
6842
  .digit-toast-success svg {
6666
6843
  -ms-flex-negative: 0;
6667
6844
  flex-shrink: 0; }
6845
+ .digit-toast-success .toast-label {
6846
+ text-align: left;
6847
+ overflow: hidden;
6848
+ white-space: nowrap;
6849
+ -webkit-box-flex: 1;
6850
+ -ms-flex-positive: 1;
6851
+ flex-grow: 1;
6852
+ display: -webkit-box;
6853
+ display: -ms-flexbox;
6854
+ display: flex;
6855
+ -webkit-box-align: center;
6856
+ -ms-flex-align: center;
6857
+ align-items: center;
6858
+ height: 1.5rem;
6859
+ letter-spacing: 0;
6860
+ color: #fff;
6861
+ margin: 0;
6862
+ text-overflow: ellipsis; }
6668
6863
 
6669
6864
  @-webkit-keyframes slideInFromBottom {
6670
6865
  0% {
6671
- bottom: -3rem; }
6866
+ bottom: -100%; }
6672
6867
  to {
6673
6868
  bottom: 4rem; } }
6674
6869
 
@@ -6852,12 +7047,25 @@ img {
6852
7047
  display: none; }
6853
7048
 
6854
7049
  .digit-option-label {
7050
+ font-family: Roboto;
7051
+ font-style: normal;
7052
+ font-weight: 400;
7053
+ line-height: 1.37rem;
6855
7054
  overflow: hidden;
6856
7055
  width: 100%;
6857
7056
  -webkit-box-flex: 1;
6858
7057
  -ms-flex: 1;
6859
7058
  flex: 1;
6860
7059
  color: #363636; }
7060
+ @media (max-aspect-ratio: 9 / 16) {
7061
+ .digit-option-label {
7062
+ font-size: .875rem; } }
7063
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7064
+ .digit-option-label {
7065
+ font-size: 1rem; } }
7066
+ @media (min-aspect-ratio: 3 / 4) {
7067
+ .digit-option-label {
7068
+ font-size: 1rem; } }
6861
7069
 
6862
7070
  .digit-toggle-dropdown {
6863
7071
  cursor: pointer; }
@@ -7016,6 +7224,10 @@ img {
7016
7224
  -ms-flex-negative: 0;
7017
7225
  flex-shrink: 0; }
7018
7226
  .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7227
+ font-family: Roboto;
7228
+ font-style: normal;
7229
+ font-weight: 400;
7230
+ line-height: 1.37rem;
7019
7231
  -webkit-box-align: center;
7020
7232
  -ms-flex-align: center;
7021
7233
  align-items: center;
@@ -7024,6 +7236,15 @@ img {
7024
7236
  display: -ms-flexbox;
7025
7237
  display: flex;
7026
7238
  margin: 0; }
7239
+ @media (max-aspect-ratio: 9 / 16) {
7240
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7241
+ font-size: .875rem; } }
7242
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7243
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7244
+ font-size: 1rem; } }
7245
+ @media (min-aspect-ratio: 3 / 4) {
7246
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7247
+ font-size: 1rem; } }
7027
7248
  @media (max-width: 30rem) {
7028
7249
  .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7029
7250
  -webkit-box-orient: vertical;
@@ -7034,15 +7255,41 @@ img {
7034
7255
  border-style: dashed !important;
7035
7256
  border: .094rem solid #b91900; }
7036
7257
  .digit-uploader-wrap .digit-uploadpopup-label {
7258
+ font-family: Roboto;
7259
+ font-style: normal;
7260
+ font-weight: 400;
7261
+ line-height: 1.37rem;
7037
7262
  color: #c5c5c5; }
7263
+ @media (max-aspect-ratio: 9 / 16) {
7264
+ .digit-uploader-wrap .digit-uploadpopup-label {
7265
+ font-size: .875rem; } }
7266
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7267
+ .digit-uploader-wrap .digit-uploadpopup-label {
7268
+ font-size: 1rem; } }
7269
+ @media (min-aspect-ratio: 3 / 4) {
7270
+ .digit-uploader-wrap .digit-uploadpopup-label {
7271
+ font-size: 1rem; } }
7038
7272
  .digit-uploader-wrap .digit-upload {
7039
7273
  height: 2.5rem; }
7040
7274
  .digit-uploader-wrap .digit-uploader-input {
7275
+ font-family: Roboto;
7276
+ font-style: normal;
7277
+ font-weight: 400;
7278
+ line-height: 1.37rem;
7041
7279
  height: 2.5rem;
7042
7280
  background-color: initial;
7043
7281
  border: .063rem solid #787878;
7044
7282
  padding: .5rem;
7045
7283
  color: #363636 !important; }
7284
+ @media (max-aspect-ratio: 9 / 16) {
7285
+ .digit-uploader-wrap .digit-uploader-input {
7286
+ font-size: .875rem; } }
7287
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7288
+ .digit-uploader-wrap .digit-uploader-input {
7289
+ font-size: 1rem; } }
7290
+ @media (min-aspect-ratio: 3 / 4) {
7291
+ .digit-uploader-wrap .digit-uploader-input {
7292
+ font-size: 1rem; } }
7046
7293
  .digit-uploader-wrap .digit-uploader-input:focus {
7047
7294
  outline: 2px solid transparent;
7048
7295
  outline-offset: 2px; }
@@ -7161,9 +7408,22 @@ img {
7161
7408
  .digit-uploader-wrap .digit-uploader-close-icon.error {
7162
7409
  background-color: #b91900; }
7163
7410
  .digit-uploader-wrap .digit-upload-helptext {
7411
+ font-family: Roboto;
7412
+ font-style: normal;
7413
+ font-weight: 400;
7414
+ line-height: 1.37rem;
7164
7415
  text-align: left;
7165
7416
  margin: 0;
7166
7417
  color: #787878; }
7418
+ @media (max-aspect-ratio: 9 / 16) {
7419
+ .digit-uploader-wrap .digit-upload-helptext {
7420
+ font-size: .875rem; } }
7421
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7422
+ .digit-uploader-wrap .digit-upload-helptext {
7423
+ font-size: 1rem; } }
7424
+ @media (min-aspect-ratio: 3 / 4) {
7425
+ .digit-uploader-wrap .digit-upload-helptext {
7426
+ font-size: 1rem; } }
7167
7427
  .digit-uploader-wrap .digit-uploaded-file-container {
7168
7428
  -webkit-box-align: start;
7169
7429
  -ms-flex-align: start;
@@ -7396,6 +7656,20 @@ img {
7396
7656
  word-wrap: break-word;
7397
7657
  width: 100%;
7398
7658
  color: #363636; }
7659
+ .digit-viewcard-field-pair .digit-viewcard-value {
7660
+ font-family: Roboto;
7661
+ font-style: normal;
7662
+ font-weight: 400;
7663
+ line-height: 1.37rem; }
7664
+ @media (max-aspect-ratio: 9 / 16) {
7665
+ .digit-viewcard-field-pair .digit-viewcard-value {
7666
+ font-size: .875rem; } }
7667
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7668
+ .digit-viewcard-field-pair .digit-viewcard-value {
7669
+ font-size: 1rem; } }
7670
+ @media (min-aspect-ratio: 3 / 4) {
7671
+ .digit-viewcard-field-pair .digit-viewcard-value {
7672
+ font-size: 1rem; } }
7399
7673
  .digit-viewcard-field-pair.inline {
7400
7674
  -webkit-box-orient: horizontal;
7401
7675
  -webkit-box-direction: normal;
@@ -7543,6 +7817,10 @@ img {
7543
7817
 
7544
7818
  .header-dropdown-label {
7545
7819
  cursor: pointer;
7820
+ font-family: Roboto;
7821
+ font-style: normal;
7822
+ font-weight: 400;
7823
+ line-height: 1.37rem;
7546
7824
  display: -webkit-box;
7547
7825
  display: -ms-flexbox;
7548
7826
  display: flex;
@@ -7551,6 +7829,15 @@ img {
7551
7829
  align-items: center;
7552
7830
  color: #363636;
7553
7831
  position: relative; }
7832
+ @media (max-aspect-ratio: 9 / 16) {
7833
+ .header-dropdown-label {
7834
+ font-size: .875rem; } }
7835
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7836
+ .header-dropdown-label {
7837
+ font-size: 1rem; } }
7838
+ @media (min-aspect-ratio: 3 / 4) {
7839
+ .header-dropdown-label {
7840
+ font-size: 1rem; } }
7554
7841
  .header-dropdown-label.dark {
7555
7842
  color: #fff; }
7556
7843
 
@@ -7603,6 +7890,10 @@ img {
7603
7890
  width: 100%;
7604
7891
  max-width: 100%;
7605
7892
  overflow: hidden;
7893
+ font-family: Roboto;
7894
+ font-style: normal;
7895
+ font-weight: 400;
7896
+ line-height: 1.37rem;
7606
7897
  padding: 1rem .625rem;
7607
7898
  color: #363636;
7608
7899
  grid-gap: .5rem;
@@ -7617,6 +7908,15 @@ img {
7617
7908
  word-break: break-word;
7618
7909
  text-overflow: ellipsis;
7619
7910
  cursor: pointer; }
7911
+ @media (max-aspect-ratio: 9 / 16) {
7912
+ .header-dropdown-option {
7913
+ font-size: .875rem; } }
7914
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7915
+ .header-dropdown-option {
7916
+ font-size: 1rem; } }
7917
+ @media (min-aspect-ratio: 3 / 4) {
7918
+ .header-dropdown-option {
7919
+ font-size: 1rem; } }
7620
7920
  .header-dropdown-option svg {
7621
7921
  -ms-flex-negative: 0;
7622
7922
  flex-shrink: 0; }
@@ -7625,10 +7925,23 @@ img {
7625
7925
  background-color: #fafafa; }
7626
7926
 
7627
7927
  .header-dropdown-nooption {
7928
+ font-family: Roboto;
7929
+ font-style: normal;
7930
+ font-weight: 400;
7931
+ line-height: 1.37rem;
7628
7932
  padding: .5rem;
7629
7933
  pointer-events: none;
7630
7934
  color: #c5c5c5;
7631
7935
  background-color: #fafafa; }
7936
+ @media (max-aspect-ratio: 9 / 16) {
7937
+ .header-dropdown-nooption {
7938
+ font-size: .875rem; } }
7939
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7940
+ .header-dropdown-nooption {
7941
+ font-size: 1rem; } }
7942
+ @media (min-aspect-ratio: 3 / 4) {
7943
+ .header-dropdown-nooption {
7944
+ font-size: 1rem; } }
7632
7945
 
7633
7946
  .header-dropdown-option.keyChange, .header-dropdown-option:hover {
7634
7947
  background: #fbeee8 !important;
@@ -7967,8 +8280,21 @@ video::-webkit-media-controls-panel {
7967
8280
  .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
7968
8281
  overflow: hidden;
7969
8282
  white-space: nowrap;
8283
+ font-family: Roboto;
8284
+ font-style: normal;
8285
+ font-weight: 400;
8286
+ line-height: 1.37rem;
7970
8287
  text-overflow: ellipsis;
7971
8288
  color: #363636; }
8289
+ @media (max-aspect-ratio: 9 / 16) {
8290
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8291
+ font-size: .875rem; } }
8292
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8293
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8294
+ font-size: 1rem; } }
8295
+ @media (min-aspect-ratio: 3 / 4) {
8296
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8297
+ font-size: 1rem; } }
7972
8298
  .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview.dark {
7973
8299
  color: #fff; }
7974
8300
 
@@ -8029,19 +8355,84 @@ video::-webkit-media-controls-panel {
8029
8355
  border: 0.063rem solid #fafafa !important; }
8030
8356
  .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8031
8357
  content: attr(placeholder);
8358
+ font-family: Roboto;
8359
+ font-style: normal;
8360
+ font-weight: 400;
8361
+ line-height: 1.37rem;
8032
8362
  color: #eee; }
8363
+ @media (max-aspect-ratio: 9 / 16) {
8364
+ .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8365
+ font-size: .875rem; } }
8366
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8367
+ .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8368
+ font-size: 1rem; } }
8369
+ @media (min-aspect-ratio: 3 / 4) {
8370
+ .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8371
+ font-size: 1rem; } }
8033
8372
  .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8034
8373
  content: attr(placeholder);
8374
+ font-family: Roboto;
8375
+ font-style: normal;
8376
+ font-weight: 400;
8377
+ line-height: 1.37rem;
8035
8378
  color: #eee; }
8379
+ @media (max-aspect-ratio: 9 / 16) {
8380
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8381
+ font-size: .875rem; } }
8382
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8383
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8384
+ font-size: 1rem; } }
8385
+ @media (min-aspect-ratio: 3 / 4) {
8386
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8387
+ font-size: 1rem; } }
8036
8388
  .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8037
8389
  content: attr(placeholder);
8390
+ font-family: Roboto;
8391
+ font-style: normal;
8392
+ font-weight: 400;
8393
+ line-height: 1.37rem;
8038
8394
  color: #eee; }
8395
+ @media (max-aspect-ratio: 9 / 16) {
8396
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8397
+ font-size: .875rem; } }
8398
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8399
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8400
+ font-size: 1rem; } }
8401
+ @media (min-aspect-ratio: 3 / 4) {
8402
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8403
+ font-size: 1rem; } }
8039
8404
  .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8040
8405
  content: attr(placeholder);
8406
+ font-family: Roboto;
8407
+ font-style: normal;
8408
+ font-weight: 400;
8409
+ line-height: 1.37rem;
8041
8410
  color: #eee; }
8411
+ @media (max-aspect-ratio: 9 / 16) {
8412
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8413
+ font-size: .875rem; } }
8414
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8415
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8416
+ font-size: 1rem; } }
8417
+ @media (min-aspect-ratio: 3 / 4) {
8418
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8419
+ font-size: 1rem; } }
8042
8420
  .digit-sidebar .digit-sidebar-search-container ::placeholder {
8043
8421
  content: attr(placeholder);
8422
+ font-family: Roboto;
8423
+ font-style: normal;
8424
+ font-weight: 400;
8425
+ line-height: 1.37rem;
8044
8426
  color: #eee; }
8427
+ @media (max-aspect-ratio: 9 / 16) {
8428
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8429
+ font-size: .875rem; } }
8430
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8431
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8432
+ font-size: 1rem; } }
8433
+ @media (min-aspect-ratio: 3 / 4) {
8434
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8435
+ font-size: 1rem; } }
8045
8436
  .digit-sidebar .digit-sidebar-search-container.light .digit-sidebar-search input, .digit-sidebar .digit-sidebar-search-container.light .digit-sidebar-search .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-sidebar .digit-sidebar-search-container.light .digit-sidebar-search .input-emp {
8046
8437
  background-color: #fff;
8047
8438
  border: .063rem solid #d6d5d4;
@@ -8556,19 +8947,84 @@ video::-webkit-media-controls-panel {
8556
8947
  border: 0.063rem solid #d6d5d4 !important; }
8557
8948
  .mb-search-container ::-webkit-input-placeholder {
8558
8949
  content: attr(placeholder);
8950
+ font-family: Roboto;
8951
+ font-style: normal;
8952
+ font-weight: 400;
8953
+ line-height: 1.37rem;
8559
8954
  color: #c5c5c5; }
8955
+ @media (max-aspect-ratio: 9 / 16) {
8956
+ .mb-search-container ::-webkit-input-placeholder {
8957
+ font-size: .875rem; } }
8958
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8959
+ .mb-search-container ::-webkit-input-placeholder {
8960
+ font-size: 1rem; } }
8961
+ @media (min-aspect-ratio: 3 / 4) {
8962
+ .mb-search-container ::-webkit-input-placeholder {
8963
+ font-size: 1rem; } }
8560
8964
  .mb-search-container ::-moz-placeholder {
8561
8965
  content: attr(placeholder);
8966
+ font-family: Roboto;
8967
+ font-style: normal;
8968
+ font-weight: 400;
8969
+ line-height: 1.37rem;
8562
8970
  color: #c5c5c5; }
8971
+ @media (max-aspect-ratio: 9 / 16) {
8972
+ .mb-search-container ::-moz-placeholder {
8973
+ font-size: .875rem; } }
8974
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8975
+ .mb-search-container ::-moz-placeholder {
8976
+ font-size: 1rem; } }
8977
+ @media (min-aspect-ratio: 3 / 4) {
8978
+ .mb-search-container ::-moz-placeholder {
8979
+ font-size: 1rem; } }
8563
8980
  .mb-search-container :-ms-input-placeholder {
8564
8981
  content: attr(placeholder);
8982
+ font-family: Roboto;
8983
+ font-style: normal;
8984
+ font-weight: 400;
8985
+ line-height: 1.37rem;
8565
8986
  color: #c5c5c5; }
8987
+ @media (max-aspect-ratio: 9 / 16) {
8988
+ .mb-search-container :-ms-input-placeholder {
8989
+ font-size: .875rem; } }
8990
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8991
+ .mb-search-container :-ms-input-placeholder {
8992
+ font-size: 1rem; } }
8993
+ @media (min-aspect-ratio: 3 / 4) {
8994
+ .mb-search-container :-ms-input-placeholder {
8995
+ font-size: 1rem; } }
8566
8996
  .mb-search-container ::-ms-input-placeholder {
8567
8997
  content: attr(placeholder);
8998
+ font-family: Roboto;
8999
+ font-style: normal;
9000
+ font-weight: 400;
9001
+ line-height: 1.37rem;
8568
9002
  color: #c5c5c5; }
9003
+ @media (max-aspect-ratio: 9 / 16) {
9004
+ .mb-search-container ::-ms-input-placeholder {
9005
+ font-size: .875rem; } }
9006
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9007
+ .mb-search-container ::-ms-input-placeholder {
9008
+ font-size: 1rem; } }
9009
+ @media (min-aspect-ratio: 3 / 4) {
9010
+ .mb-search-container ::-ms-input-placeholder {
9011
+ font-size: 1rem; } }
8569
9012
  .mb-search-container ::placeholder {
8570
9013
  content: attr(placeholder);
9014
+ font-family: Roboto;
9015
+ font-style: normal;
9016
+ font-weight: 400;
9017
+ line-height: 1.37rem;
8571
9018
  color: #c5c5c5; }
9019
+ @media (max-aspect-ratio: 9 / 16) {
9020
+ .mb-search-container ::placeholder {
9021
+ font-size: .875rem; } }
9022
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9023
+ .mb-search-container ::placeholder {
9024
+ font-size: 1rem; } }
9025
+ @media (min-aspect-ratio: 3 / 4) {
9026
+ .mb-search-container ::placeholder {
9027
+ font-size: 1rem; } }
8572
9028
 
8573
9029
  .mb-search-container.dark {
8574
9030
  height: 4.5rem;
@@ -8605,19 +9061,84 @@ video::-webkit-media-controls-panel {
8605
9061
  border: 0.063rem solid #fafafa !important; }
8606
9062
  .mb-search-container.dark ::-webkit-input-placeholder {
8607
9063
  content: attr(placeholder);
9064
+ font-family: Roboto;
9065
+ font-style: normal;
9066
+ font-weight: 400;
9067
+ line-height: 1.37rem;
8608
9068
  color: #eee; }
9069
+ @media (max-aspect-ratio: 9 / 16) {
9070
+ .mb-search-container.dark ::-webkit-input-placeholder {
9071
+ font-size: .875rem; } }
9072
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9073
+ .mb-search-container.dark ::-webkit-input-placeholder {
9074
+ font-size: 1rem; } }
9075
+ @media (min-aspect-ratio: 3 / 4) {
9076
+ .mb-search-container.dark ::-webkit-input-placeholder {
9077
+ font-size: 1rem; } }
8609
9078
  .mb-search-container.dark ::-moz-placeholder {
8610
9079
  content: attr(placeholder);
9080
+ font-family: Roboto;
9081
+ font-style: normal;
9082
+ font-weight: 400;
9083
+ line-height: 1.37rem;
8611
9084
  color: #eee; }
9085
+ @media (max-aspect-ratio: 9 / 16) {
9086
+ .mb-search-container.dark ::-moz-placeholder {
9087
+ font-size: .875rem; } }
9088
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9089
+ .mb-search-container.dark ::-moz-placeholder {
9090
+ font-size: 1rem; } }
9091
+ @media (min-aspect-ratio: 3 / 4) {
9092
+ .mb-search-container.dark ::-moz-placeholder {
9093
+ font-size: 1rem; } }
8612
9094
  .mb-search-container.dark :-ms-input-placeholder {
8613
9095
  content: attr(placeholder);
9096
+ font-family: Roboto;
9097
+ font-style: normal;
9098
+ font-weight: 400;
9099
+ line-height: 1.37rem;
8614
9100
  color: #eee; }
9101
+ @media (max-aspect-ratio: 9 / 16) {
9102
+ .mb-search-container.dark :-ms-input-placeholder {
9103
+ font-size: .875rem; } }
9104
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9105
+ .mb-search-container.dark :-ms-input-placeholder {
9106
+ font-size: 1rem; } }
9107
+ @media (min-aspect-ratio: 3 / 4) {
9108
+ .mb-search-container.dark :-ms-input-placeholder {
9109
+ font-size: 1rem; } }
8615
9110
  .mb-search-container.dark ::-ms-input-placeholder {
8616
9111
  content: attr(placeholder);
9112
+ font-family: Roboto;
9113
+ font-style: normal;
9114
+ font-weight: 400;
9115
+ line-height: 1.37rem;
8617
9116
  color: #eee; }
9117
+ @media (max-aspect-ratio: 9 / 16) {
9118
+ .mb-search-container.dark ::-ms-input-placeholder {
9119
+ font-size: .875rem; } }
9120
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9121
+ .mb-search-container.dark ::-ms-input-placeholder {
9122
+ font-size: 1rem; } }
9123
+ @media (min-aspect-ratio: 3 / 4) {
9124
+ .mb-search-container.dark ::-ms-input-placeholder {
9125
+ font-size: 1rem; } }
8618
9126
  .mb-search-container.dark ::placeholder {
8619
9127
  content: attr(placeholder);
9128
+ font-family: Roboto;
9129
+ font-style: normal;
9130
+ font-weight: 400;
9131
+ line-height: 1.37rem;
8620
9132
  color: #eee; }
9133
+ @media (max-aspect-ratio: 9 / 16) {
9134
+ .mb-search-container.dark ::placeholder {
9135
+ font-size: .875rem; } }
9136
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9137
+ .mb-search-container.dark ::placeholder {
9138
+ font-size: 1rem; } }
9139
+ @media (min-aspect-ratio: 3 / 4) {
9140
+ .mb-search-container.dark ::placeholder {
9141
+ font-size: 1rem; } }
8621
9142
 
8622
9143
  .msb-sidebar-bottom {
8623
9144
  background-color: #fafafa;