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

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.26
3
3
  *
4
4
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
5
5
  *
@@ -1355,6 +1355,70 @@
1355
1355
  .digit-accordion-container.cardBg {
1356
1356
  background-color: #fafafa; }
1357
1357
 
1358
+ @-webkit-keyframes rotateOpen {
1359
+ 0% {
1360
+ -webkit-transform: rotate(-180deg);
1361
+ transform: rotate(-180deg); }
1362
+ to {
1363
+ -webkit-transform: rotate(-90deg);
1364
+ transform: rotate(-90deg); } }
1365
+
1366
+ @keyframes rotateOpen {
1367
+ 0% {
1368
+ -webkit-transform: rotate(-180deg);
1369
+ transform: rotate(-180deg); }
1370
+ to {
1371
+ -webkit-transform: rotate(-90deg);
1372
+ transform: rotate(-90deg); } }
1373
+
1374
+ @-webkit-keyframes rotateClose {
1375
+ 0% {
1376
+ -webkit-transform: rotate(-90deg);
1377
+ transform: rotate(-90deg); }
1378
+ to {
1379
+ -webkit-transform: rotate(-180deg);
1380
+ transform: rotate(-180deg); } }
1381
+
1382
+ @keyframes rotateClose {
1383
+ 0% {
1384
+ -webkit-transform: rotate(-90deg);
1385
+ transform: rotate(-90deg); }
1386
+ to {
1387
+ -webkit-transform: rotate(-180deg);
1388
+ transform: rotate(-180deg); } }
1389
+
1390
+ .digit-accordion-toggle.animate-open svg {
1391
+ -webkit-animation: rotateOpen .5s ease forwards;
1392
+ animation: rotateOpen .5s ease forwards; }
1393
+
1394
+ .digit-accordion-toggle.animate-close svg {
1395
+ -webkit-animation: rotateClose .5s ease forwards;
1396
+ animation: rotateClose .5s ease forwards; }
1397
+
1398
+ .digit-accordion-wrapper {
1399
+ display: -webkit-box;
1400
+ display: -ms-flexbox;
1401
+ display: flex;
1402
+ -webkit-box-orient: vertical;
1403
+ -webkit-box-direction: normal;
1404
+ -ms-flex-direction: column;
1405
+ flex-direction: column; }
1406
+ @media (max-aspect-ratio: 9 / 16) {
1407
+ .digit-accordion-wrapper {
1408
+ grid-gap: 1rem;
1409
+ gap: 1rem; } }
1410
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1411
+ .digit-accordion-wrapper {
1412
+ grid-gap: 1.25rem;
1413
+ gap: 1.25rem; } }
1414
+ @media (min-aspect-ratio: 3 / 4) {
1415
+ .digit-accordion-wrapper {
1416
+ grid-gap: 1.5rem;
1417
+ gap: 1.5rem; } }
1418
+
1419
+ .digit-accordion-divider {
1420
+ width: 100%; }
1421
+
1358
1422
  .digit-back-link {
1359
1423
  grid-gap: .25rem;
1360
1424
  gap: .25rem;
@@ -1481,9 +1545,19 @@ body {
1481
1545
  -webkit-box-orient: vertical;
1482
1546
  -webkit-box-direction: normal;
1483
1547
  -ms-flex-direction: column;
1484
- flex-direction: column;
1485
- grid-gap: 1rem;
1486
- gap: 1rem; }
1548
+ flex-direction: column; }
1549
+ @media (max-aspect-ratio: 9 / 16) {
1550
+ .digit-bottom-sheet-content {
1551
+ grid-gap: 1rem;
1552
+ gap: 1rem; } }
1553
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1554
+ .digit-bottom-sheet-content {
1555
+ grid-gap: 1.25rem;
1556
+ gap: 1.25rem; } }
1557
+ @media (min-aspect-ratio: 3 / 4) {
1558
+ .digit-bottom-sheet-content {
1559
+ grid-gap: 1.5rem;
1560
+ gap: 1.5rem; } }
1487
1561
 
1488
1562
  .digit-bottom-sheet-handle-indicator {
1489
1563
  width: 6.25rem;
@@ -2054,33 +2128,33 @@ body {
2054
2128
  font-size: 1.25rem; } }
2055
2129
 
2056
2130
  @media (max-aspect-ratio: 9 / 16) {
2057
- .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2131
+ .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .digit-msb-no-results, .digit-mb-search-container ::-webkit-input-placeholder, .digit-mb-search-container ::-moz-placeholder, .digit-mb-search-container :-ms-input-placeholder, .digit-mb-search-container ::-ms-input-placeholder, .digit-mb-search-container ::placeholder, .digit-mb-search-container.dark ::-webkit-input-placeholder, .digit-mb-search-container.dark ::-moz-placeholder, .digit-mb-search-container.dark :-ms-input-placeholder, .digit-mb-search-container.dark ::-ms-input-placeholder, .digit-mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2058
2132
  font-size: .875rem; } }
2059
2133
 
2060
2134
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2061
- .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2135
+ .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .digit-msb-no-results, .digit-mb-search-container ::-webkit-input-placeholder, .digit-mb-search-container ::-moz-placeholder, .digit-mb-search-container :-ms-input-placeholder, .digit-mb-search-container ::-ms-input-placeholder, .digit-mb-search-container ::placeholder, .digit-mb-search-container.dark ::-webkit-input-placeholder, .digit-mb-search-container.dark ::-moz-placeholder, .digit-mb-search-container.dark :-ms-input-placeholder, .digit-mb-search-container.dark ::-ms-input-placeholder, .digit-mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2062
2136
  font-size: 1rem; } }
2063
2137
 
2064
2138
  @media (min-aspect-ratio: 3 / 4) {
2065
- .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2139
+ .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .digit-msb-no-results, .digit-mb-search-container ::-webkit-input-placeholder, .digit-mb-search-container ::-moz-placeholder, .digit-mb-search-container :-ms-input-placeholder, .digit-mb-search-container ::-ms-input-placeholder, .digit-mb-search-container ::placeholder, .digit-mb-search-container.dark ::-webkit-input-placeholder, .digit-mb-search-container.dark ::-moz-placeholder, .digit-mb-search-container.dark :-ms-input-placeholder, .digit-mb-search-container.dark ::-ms-input-placeholder, .digit-mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text {
2066
2140
  font-size: 1rem; } }
2067
2141
 
2068
- .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
2142
+ .typography.body-s, .digit-accordion-content, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-switch-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder, .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder, .digit-sidebar .digit-sidebar-search-container ::placeholder, .digit-msb-no-results, .digit-mb-search-container ::-webkit-input-placeholder, .digit-mb-search-container ::-moz-placeholder, .digit-mb-search-container :-ms-input-placeholder, .digit-mb-search-container ::-ms-input-placeholder, .digit-mb-search-container ::placeholder, .digit-mb-search-container.dark ::-webkit-input-placeholder, .digit-mb-search-container.dark ::-moz-placeholder, .digit-mb-search-container.dark :-ms-input-placeholder, .digit-mb-search-container.dark ::-ms-input-placeholder, .digit-mb-search-container.dark ::placeholder, .digit-tag-wrapper .digit-tag-text, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label, .digit-msb-item-label.usermanuals {
2069
2143
  font-family: Roboto;
2070
2144
  font-style: normal;
2071
2145
  font-weight: 400;
2072
2146
  line-height: 1.37rem; }
2073
2147
 
2074
2148
  @media (max-aspect-ratio: 9 / 16) {
2075
- .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
2149
+ .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label, .digit-msb-item-label.usermanuals {
2076
2150
  font-size: .75rem; } }
2077
2151
 
2078
2152
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2079
- .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
2153
+ .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label, .digit-msb-item-label.usermanuals {
2080
2154
  font-size: .875rem; } }
2081
2155
 
2082
2156
  @media (min-aspect-ratio: 3 / 4) {
2083
- .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
2157
+ .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label, .digit-msb-item-label.usermanuals {
2084
2158
  font-size: .875rem; } }
2085
2159
 
2086
2160
  .typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label {
@@ -2185,10 +2259,10 @@ body {
2185
2259
  text-decoration: underline;
2186
2260
  text-decoration-thickness: .063rem; } }
2187
2261
 
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 {
2262
+ .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
2263
  font-size: 1.25rem; }
2190
2264
 
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 {
2265
+ .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
2266
  line-height: 1.14rem;
2193
2267
  font-family: Roboto;
2194
2268
  font-weight: 500; }
@@ -2217,6 +2291,10 @@ body {
2217
2291
  outline: none; }
2218
2292
 
2219
2293
  .digit-bread-crumb--item .digit-bread-crumb-content {
2294
+ font-family: Roboto;
2295
+ font-style: normal;
2296
+ font-weight: 400;
2297
+ line-height: 1.37rem;
2220
2298
  display: -webkit-box !important;
2221
2299
  display: -ms-flexbox !important;
2222
2300
  display: flex !important;
@@ -2225,6 +2303,15 @@ body {
2225
2303
  cursor: pointer;
2226
2304
  text-decoration: none;
2227
2305
  color: #c84c0e; }
2306
+ @media (max-aspect-ratio: 9 / 16) {
2307
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2308
+ font-size: .875rem; } }
2309
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2310
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2311
+ font-size: 1rem; } }
2312
+ @media (min-aspect-ratio: 3 / 4) {
2313
+ .digit-bread-crumb--item .digit-bread-crumb-content {
2314
+ font-size: 1rem; } }
2228
2315
  .digit-bread-crumb--item .digit-bread-crumb-content svg {
2229
2316
  width: 1.25rem;
2230
2317
  height: 1.25rem; }
@@ -2235,9 +2322,22 @@ body {
2235
2322
  cursor: pointer; }
2236
2323
 
2237
2324
  .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2325
+ font-family: Roboto;
2326
+ font-style: normal;
2327
+ font-weight: 400;
2328
+ line-height: 1.37rem;
2238
2329
  color: #787878;
2239
2330
  text-decoration: none;
2240
2331
  cursor: default; }
2332
+ @media (max-aspect-ratio: 9 / 16) {
2333
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2334
+ font-size: .875rem; } }
2335
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2336
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2337
+ font-size: 1rem; } }
2338
+ @media (min-aspect-ratio: 3 / 4) {
2339
+ .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator {
2340
+ font-size: 1rem; } }
2241
2341
 
2242
2342
  ol, ul {
2243
2343
  list-style: none; }
@@ -2557,50 +2657,52 @@ ol, ul {
2557
2657
  font-family: Roboto; }
2558
2658
 
2559
2659
  .digit-submit-bar {
2560
- height: 2.5rem;
2561
- text-align: center;
2562
2660
  width: 100%;
2661
+ text-align: center;
2662
+ cursor: pointer;
2563
2663
  outline: 2px solid transparent;
2564
2664
  outline-offset: 2px;
2565
- cursor: pointer;
2566
- -webkit-box-shadow: inset 0 -.125rem 0 #0b0c0c;
2567
- box-shadow: inset 0 -.125rem 0 #0b0c0c;
2665
+ display: -webkit-box;
2666
+ display: -ms-flexbox;
2667
+ display: flex;
2668
+ max-width: 100%;
2669
+ -webkit-box-align: center;
2670
+ -ms-flex-align: center;
2671
+ align-items: center;
2672
+ -webkit-box-pack: center;
2673
+ -ms-flex-pack: center;
2674
+ justify-content: center;
2675
+ height: 2.5rem;
2676
+ padding-left: 1.5rem;
2677
+ padding-right: 1.5rem;
2678
+ grid-gap: .5rem;
2679
+ gap: .5rem;
2680
+ min-width: 15rem;
2568
2681
  background-color: #c84c0e; }
2569
- .digit-submit-bar:focus {
2570
- outline: 2px solid transparent;
2571
- outline-offset: 2px; }
2572
2682
  .digit-submit-bar h2 {
2573
- font-weight: 500;
2574
- font-size: 19px;
2575
- line-height: 23px;
2576
2683
  --text-opacity:1;
2577
2684
  color: #fff;
2578
2685
  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 {
2686
+ width: 100%;
2687
+ overflow: hidden;
2688
+ white-space: nowrap;
2689
+ text-overflow: ellipsis;
2690
+ height: 1.25rem;
2691
+ margin: .125rem 0 0; }
2692
+ .digit-submit-bar.disabled {
2693
+ opacity: .5;
2694
+ background: #c5c5c5; }
2695
+ .digit-submit-bar:focus {
2592
2696
  outline: 2px solid transparent;
2593
2697
  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; }
2698
+ .digit-submit-bar:hover {
2699
+ -webkit-box-shadow: 0 -.125rem 0 0 #363636 inset;
2700
+ box-shadow: inset 0 -.125rem 0 0 #363636; }
2701
+ .digit-submit-bar:active {
2702
+ -webkit-box-shadow: 0 -0.125rem 0 0 #0b0c0c inset, 0 0.063rem 0.175rem 0 rgba(0, 0, 0, 0.25098);
2703
+ box-shadow: inset 0 -0.125rem 0 0 #0b0c0c, 0 0.063rem 0.175rem 0 rgba(0, 0, 0, 0.25098); }
2704
+ .digit-submit-bar:active h2 {
2705
+ font-weight: 700; }
2604
2706
 
2605
2707
  .digit-selector-button-primary {
2606
2708
  height: 2rem;
@@ -2680,10 +2782,6 @@ ol, ul {
2680
2782
  color: #fff;
2681
2783
  color: rgba(255, 255, 255, var(--text-opacity)); }
2682
2784
 
2683
- @media (min-width: 780px) {
2684
- .digit-submit-bar, .digit-submit-bar-disabled {
2685
- width: 15rem; } }
2686
-
2687
2785
  .digit-submit-bar:focus {
2688
2786
  outline: 2px solid transparent !important;
2689
2787
  outline-offset: 2px !important; }
@@ -3315,10 +3413,23 @@ ol, ul {
3315
3413
  width: 1rem;
3316
3414
  height: 1rem; }
3317
3415
  .digit-checkbox-container .label {
3416
+ font-family: Roboto;
3417
+ font-style: normal;
3418
+ font-weight: 400;
3419
+ line-height: 1.37rem;
3318
3420
  text-align: left;
3319
3421
  word-break: break-word;
3320
3422
  letter-spacing: 0;
3321
3423
  color: #363636; }
3424
+ @media (max-aspect-ratio: 9 / 16) {
3425
+ .digit-checkbox-container .label {
3426
+ font-size: .875rem; } }
3427
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3428
+ .digit-checkbox-container .label {
3429
+ font-size: 1rem; } }
3430
+ @media (min-aspect-ratio: 3 / 4) {
3431
+ .digit-checkbox-container .label {
3432
+ font-size: 1rem; } }
3322
3433
  .digit-checkbox-container.disabled .label {
3323
3434
  color: #c5c5c5; }
3324
3435
  .digit-checkbox-container.disabled .digit-custom-checkbox, .digit-checkbox-container.disabled .digit-custom-checkbox-emp {
@@ -3407,6 +3518,10 @@ ol, ul {
3407
3518
  .digit-header-content.label .info-icon .infotext {
3408
3519
  position: absolute;
3409
3520
  text-align: center;
3521
+ font-family: Roboto;
3522
+ font-style: normal;
3523
+ font-weight: 400;
3524
+ line-height: 1.37rem;
3410
3525
  visibility: hidden;
3411
3526
  width: 7.5rem;
3412
3527
  background-color: #555;
@@ -3417,6 +3532,15 @@ ol, ul {
3417
3532
  left: 50%;
3418
3533
  margin-left: -3.75rem;
3419
3534
  border-radius: .375rem; }
3535
+ @media (max-aspect-ratio: 9 / 16) {
3536
+ .digit-header-content.label .info-icon .infotext {
3537
+ font-size: .875rem; } }
3538
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3539
+ .digit-header-content.label .info-icon .infotext {
3540
+ font-size: 1rem; } }
3541
+ @media (min-aspect-ratio: 3 / 4) {
3542
+ .digit-header-content.label .info-icon .infotext {
3543
+ font-size: 1rem; } }
3420
3544
  .digit-header-content.label .info-icon:hover .infotext {
3421
3545
  visibility: visible; }
3422
3546
  .digit-header-content.label .label-styles {
@@ -3450,7 +3574,20 @@ ol, ul {
3450
3574
  align-items: baseline;
3451
3575
  color: #787878;
3452
3576
  grid-gap: .5rem;
3453
- gap: .5rem; }
3577
+ gap: .5rem;
3578
+ font-family: Roboto;
3579
+ font-style: normal;
3580
+ font-weight: 400;
3581
+ line-height: 1.37rem; }
3582
+ @media (max-aspect-ratio: 9 / 16) {
3583
+ .digit-field .digit-charcount, .digit-field .digit-description {
3584
+ font-size: .875rem; } }
3585
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3586
+ .digit-field .digit-charcount, .digit-field .digit-description {
3587
+ font-size: 1rem; } }
3588
+ @media (min-aspect-ratio: 3 / 4) {
3589
+ .digit-field .digit-charcount, .digit-field .digit-description {
3590
+ font-size: 1rem; } }
3454
3591
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
3455
3592
  .digit-field .digit-charcount, .digit-field .digit-description {
3456
3593
  max-width: 27.5rem; } }
@@ -4061,8 +4198,21 @@ ol, ul {
4061
4198
  -ms-flex-align: center;
4062
4199
  align-items: center; }
4063
4200
  .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4201
+ font-family: Roboto;
4202
+ font-style: normal;
4203
+ font-weight: 400;
4204
+ line-height: 1.37rem;
4064
4205
  text-align: left;
4065
4206
  color: #c84c0e; }
4207
+ @media (max-aspect-ratio: 9 / 16) {
4208
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4209
+ font-size: .875rem; } }
4210
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4211
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4212
+ font-size: 1rem; } }
4213
+ @media (min-aspect-ratio: 3 / 4) {
4214
+ .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label {
4215
+ font-size: 1rem; } }
4066
4216
  .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
4217
  position: absolute;
4068
4218
  top: 0;
@@ -4152,9 +4302,22 @@ ol, ul {
4152
4302
  overflow: hidden;
4153
4303
  white-space: nowrap;
4154
4304
  max-width: 100%;
4305
+ font-family: Roboto;
4306
+ font-style: normal;
4307
+ font-weight: 400;
4308
+ line-height: 1.37rem;
4155
4309
  color: #363636;
4156
4310
  margin: 0;
4157
4311
  text-overflow: ellipsis; }
4312
+ @media (max-aspect-ratio: 9 / 16) {
4313
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4314
+ font-size: .875rem; } }
4315
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4316
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4317
+ font-size: 1rem; } }
4318
+ @media (min-aspect-ratio: 3 / 4) {
4319
+ .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p {
4320
+ font-size: 1rem; } }
4158
4321
  .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked {
4159
4322
  background: #c84c0e; }
4160
4323
  .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p {
@@ -4338,7 +4501,20 @@ ol, ul {
4338
4501
  .digit-panelcard-wrap .digit-panelcard-children-wrap.with-shadow, .digit-panelcard-wrap .digit-panelcard-children-wrap.without-footer {
4339
4502
  padding: 1rem; } }
4340
4503
  .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4504
+ font-family: Roboto;
4505
+ font-style: normal;
4506
+ font-weight: 400;
4507
+ line-height: 1.37rem;
4341
4508
  color: #505a5f; }
4509
+ @media (max-aspect-ratio: 9 / 16) {
4510
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4511
+ font-size: .875rem; } }
4512
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4513
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4514
+ font-size: 1rem; } }
4515
+ @media (min-aspect-ratio: 3 / 4) {
4516
+ .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description {
4517
+ font-size: 1rem; } }
4342
4518
  .digit-panelcard-wrap .digit-panelcard-footer {
4343
4519
  -ms-flex-wrap: wrap;
4344
4520
  flex-wrap: wrap;
@@ -4697,10 +4873,25 @@ ol, ul {
4697
4873
  display: flex;
4698
4874
  -webkit-box-flex: 1;
4699
4875
  -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; }
4876
+ flex: 1; }
4877
+ @media (max-aspect-ratio: 9 / 16) {
4878
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4879
+ font-size: .875rem; } }
4880
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4881
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4882
+ font-size: 1rem; } }
4883
+ @media (min-aspect-ratio: 3 / 4) {
4884
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap {
4885
+ font-size: 1rem; } }
4886
+ @media (max-aspect-ratio: 9 / 16) {
4887
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4888
+ font-size: .875rem; } }
4889
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
4890
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4891
+ font-size: 1rem; } }
4892
+ @media (min-aspect-ratio: 3 / 4) {
4893
+ .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description {
4894
+ font-size: 1rem; } }
4704
4895
  .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap.inline {
4705
4896
  -webkit-box-orient: horizontal;
4706
4897
  -webkit-box-direction: normal;
@@ -4946,8 +5137,21 @@ ol, ul {
4946
5137
  border-radius: 9999px;
4947
5138
  display: block; }
4948
5139
  .digit-radio-options-wrap label {
5140
+ font-family: Roboto;
5141
+ font-style: normal;
5142
+ font-weight: 400;
5143
+ line-height: 1.37rem;
4949
5144
  color: #363636;
4950
5145
  word-wrap: anywhere; }
5146
+ @media (max-aspect-ratio: 9 / 16) {
5147
+ .digit-radio-options-wrap label {
5148
+ font-size: .875rem; } }
5149
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5150
+ .digit-radio-options-wrap label {
5151
+ font-size: 1rem; } }
5152
+ @media (min-aspect-ratio: 3 / 4) {
5153
+ .digit-radio-options-wrap label {
5154
+ font-size: 1rem; } }
4951
5155
  .digit-radio-options-wrap .digit-radio-btn-checkmark:after {
4952
5156
  content: ""; }
4953
5157
  .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 +5566,24 @@ ol, ul {
5362
5566
  -ms-flex-negative: 0;
5363
5567
  flex-shrink: 0; }
5364
5568
  .digit-dropdown-item .option-des-container .main-option {
5569
+ font-family: Roboto;
5570
+ font-style: normal;
5571
+ font-weight: 400;
5572
+ line-height: 1.37rem;
5365
5573
  white-space: nowrap;
5366
5574
  width: 100%;
5367
5575
  max-width: 100%;
5368
5576
  overflow: hidden;
5369
5577
  text-overflow: ellipsis; }
5578
+ @media (max-aspect-ratio: 9 / 16) {
5579
+ .digit-dropdown-item .option-des-container .main-option {
5580
+ font-size: .875rem; } }
5581
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5582
+ .digit-dropdown-item .option-des-container .main-option {
5583
+ font-size: 1rem; } }
5584
+ @media (min-aspect-ratio: 3 / 4) {
5585
+ .digit-dropdown-item .option-des-container .main-option {
5586
+ font-size: 1rem; } }
5370
5587
  .digit-dropdown-item .option-des-container .main-option.nestedtextdropdown, .digit-dropdown-item .option-des-container .main-option.profilenestedtext {
5371
5588
  color: #787878; }
5372
5589
  .digit-dropdown-item .option-des-container .option-description {
@@ -5422,7 +5639,20 @@ ol, ul {
5422
5639
  background-color: #fafafa;
5423
5640
  pointer-events: none; }
5424
5641
  .digit-dropdown-item.unsuccessfulresults span {
5642
+ font-family: Roboto;
5643
+ font-style: normal;
5644
+ font-weight: 400;
5645
+ line-height: 1.37rem;
5425
5646
  color: #c5c5c5; }
5647
+ @media (max-aspect-ratio: 9 / 16) {
5648
+ .digit-dropdown-item.unsuccessfulresults span {
5649
+ font-size: .875rem; } }
5650
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5651
+ .digit-dropdown-item.unsuccessfulresults span {
5652
+ font-size: 1rem; } }
5653
+ @media (min-aspect-ratio: 3 / 4) {
5654
+ .digit-dropdown-item.unsuccessfulresults span {
5655
+ font-size: 1rem; } }
5426
5656
 
5427
5657
  .digit-dropdown-employee-select-wrap--elipses {
5428
5658
  overflow: hidden;
@@ -5588,7 +5818,19 @@ ol, ul {
5588
5818
  font-size: 1rem;
5589
5819
  line-height: 1.5rem; }
5590
5820
  .digit-stepper-container .digit-stepper-content .stepper-label {
5821
+ font-family: Roboto;
5822
+ font-style: normal;
5823
+ line-height: 1.37rem;
5591
5824
  letter-spacing: 0; }
5825
+ @media (max-aspect-ratio: 9 / 16) {
5826
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5827
+ font-size: .875rem; } }
5828
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5829
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5830
+ font-size: 1rem; } }
5831
+ @media (min-aspect-ratio: 3 / 4) {
5832
+ .digit-stepper-container .digit-stepper-content .stepper-label {
5833
+ font-size: 1rem; } }
5592
5834
  .digit-stepper-container .digit-stepper-content .stepper-label.completed {
5593
5835
  color: #363636; }
5594
5836
  .digit-stepper-container .digit-stepper-content .stepper-label.current {
@@ -5612,6 +5854,7 @@ ol, ul {
5612
5854
  font-weight: 400;
5613
5855
  color: #787878;
5614
5856
  text-align: center;
5857
+ font-weight: 400;
5615
5858
  text-align: center;
5616
5859
  color: #787878; }
5617
5860
  .digit-stepper-container .stepper-circle {
@@ -5747,7 +5990,7 @@ ol, ul {
5747
5990
  text-align: left;
5748
5991
  word-break: break-word;
5749
5992
  letter-spacing: 0;
5750
- color: #787878; }
5993
+ color: #363636; }
5751
5994
  @media (max-aspect-ratio: 9 / 16) {
5752
5995
  .digit-switch-label {
5753
5996
  font-size: .875rem; } }
@@ -5989,7 +6232,20 @@ textarea::-webkit-scrollbar-thumb {
5989
6232
  color: #787878;
5990
6233
  line-height: normal; }
5991
6234
  .digit-text-block-wrap .digit-text-block-body {
6235
+ font-family: Roboto;
6236
+ font-style: normal;
6237
+ font-weight: 400;
6238
+ line-height: 1.37rem;
5992
6239
  color: #505a5f; }
6240
+ @media (max-aspect-ratio: 9 / 16) {
6241
+ .digit-text-block-wrap .digit-text-block-body {
6242
+ font-size: .875rem; } }
6243
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6244
+ .digit-text-block-wrap .digit-text-block-body {
6245
+ font-size: 1rem; } }
6246
+ @media (min-aspect-ratio: 3 / 4) {
6247
+ .digit-text-block-wrap .digit-text-block-body {
6248
+ font-size: 1rem; } }
5993
6249
 
5994
6250
  .digit-text-input-field {
5995
6251
  position: relative;
@@ -6468,13 +6724,26 @@ textarea::-webkit-scrollbar-thumb {
6468
6724
  color: #787878; }
6469
6725
 
6470
6726
  .timeline-date {
6727
+ font-family: Roboto;
6728
+ font-style: normal;
6729
+ font-weight: 400;
6730
+ line-height: 1.37rem;
6471
6731
  text-align: left;
6472
6732
  color: #787878; }
6473
-
6474
- .timeline-toggle-details {
6475
- display: -webkit-box;
6476
- display: -ms-flexbox;
6477
- display: flex;
6733
+ @media (max-aspect-ratio: 9 / 16) {
6734
+ .timeline-date {
6735
+ font-size: .875rem; } }
6736
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6737
+ .timeline-date {
6738
+ font-size: 1rem; } }
6739
+ @media (min-aspect-ratio: 3 / 4) {
6740
+ .timeline-date {
6741
+ font-size: 1rem; } }
6742
+
6743
+ .timeline-toggle-details {
6744
+ display: -webkit-box;
6745
+ display: -ms-flexbox;
6746
+ display: flex;
6478
6747
  -webkit-box-align: center;
6479
6748
  -ms-flex-align: center;
6480
6749
  align-items: center;
@@ -6584,50 +6853,59 @@ img {
6584
6853
  border: .063rem solid #b91900; }
6585
6854
 
6586
6855
  .digit-toast-success {
6856
+ max-width: 100%;
6857
+ width: auto;
6858
+ grid-gap: .5rem;
6859
+ gap: .5rem;
6860
+ height: 3rem;
6861
+ padding: 0.75rem 0.5rem 0.75rem 0.75rem !important;
6587
6862
  position: fixed;
6588
6863
  display: -webkit-box;
6589
6864
  display: -ms-flexbox;
6590
6865
  display: flex;
6591
6866
  z-index: 20;
6592
- width: 100%;
6593
- max-width: 100%;
6594
- left: 0;
6595
6867
  -webkit-box-align: center;
6596
6868
  -ms-flex-align: center;
6597
6869
  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
6870
  background-color: #00703c;
6604
6871
  -webkit-transition: bottom .5s ease;
6605
- transition: bottom .5s ease; }
6872
+ transition: bottom .5s ease;
6873
+ left: 0; }
6606
6874
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6607
6875
  .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%); } }
6876
+ min-width: 30rem; } }
6614
6877
  @media (max-aspect-ratio: 9 / 16) {
6615
6878
  .digit-toast-success {
6616
- width: 100%; } }
6879
+ width: 100%;
6880
+ min-width: 100%; } }
6617
6881
  @media (min-aspect-ratio: 3 / 4) {
6618
6882
  .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%); } }
6883
+ min-width: 50rem; } }
6884
+ .digit-toast-success.digit-info {
6885
+ background-color: #0057bd; }
6625
6886
  .digit-toast-success.digit-error {
6626
6887
  background-color: #b91900; }
6627
6888
  .digit-toast-success.digit-warning {
6628
- background-color: #f19100; }
6889
+ background-color: #9e5f00; }
6629
6890
  .digit-toast-success.digit-warning.digit-warning-buttons {
6630
6891
  display: block; }
6892
+ .digit-toast-success .digit-warning-button-container {
6893
+ width: 100%;
6894
+ display: -webkit-box;
6895
+ display: -ms-flexbox;
6896
+ display: flex;
6897
+ -webkit-box-pack: end;
6898
+ -ms-flex-pack: end;
6899
+ justify-content: flex-end; }
6900
+ .digit-toast-success .digit-warning-button-container button {
6901
+ margin-left: .625rem; }
6902
+ .digit-toast-success .digit-toast-sub-container {
6903
+ display: -webkit-box;
6904
+ display: -ms-flexbox;
6905
+ display: flex; }
6906
+ .digit-toast-success svg {
6907
+ -ms-flex-negative: 0;
6908
+ flex-shrink: 0; }
6631
6909
  .digit-toast-success .toast-label {
6632
6910
  text-align: left;
6633
6911
  overflow: hidden;
@@ -6646,29 +6924,10 @@ img {
6646
6924
  color: #fff;
6647
6925
  margin: 0;
6648
6926
  text-overflow: ellipsis; }
6649
- .digit-toast-success.digit-info {
6650
- background-color: #0057bd; }
6651
- .digit-toast-success .digit-warning-button-container {
6652
- width: 100%;
6653
- display: -webkit-box;
6654
- display: -ms-flexbox;
6655
- display: flex;
6656
- -webkit-box-pack: end;
6657
- -ms-flex-pack: end;
6658
- justify-content: flex-end; }
6659
- .digit-toast-success .digit-warning-button-container button {
6660
- margin-left: .625rem; }
6661
- .digit-toast-success .digit-toast-sub-container {
6662
- display: -webkit-box;
6663
- display: -ms-flexbox;
6664
- display: flex; }
6665
- .digit-toast-success svg {
6666
- -ms-flex-negative: 0;
6667
- flex-shrink: 0; }
6668
6927
 
6669
6928
  @-webkit-keyframes slideInFromBottom {
6670
6929
  0% {
6671
- bottom: -3rem; }
6930
+ bottom: -100%; }
6672
6931
  to {
6673
6932
  bottom: 4rem; } }
6674
6933
 
@@ -6852,12 +7111,25 @@ img {
6852
7111
  display: none; }
6853
7112
 
6854
7113
  .digit-option-label {
7114
+ font-family: Roboto;
7115
+ font-style: normal;
7116
+ font-weight: 400;
7117
+ line-height: 1.37rem;
6855
7118
  overflow: hidden;
6856
7119
  width: 100%;
6857
7120
  -webkit-box-flex: 1;
6858
7121
  -ms-flex: 1;
6859
7122
  flex: 1;
6860
7123
  color: #363636; }
7124
+ @media (max-aspect-ratio: 9 / 16) {
7125
+ .digit-option-label {
7126
+ font-size: .875rem; } }
7127
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7128
+ .digit-option-label {
7129
+ font-size: 1rem; } }
7130
+ @media (min-aspect-ratio: 3 / 4) {
7131
+ .digit-option-label {
7132
+ font-size: 1rem; } }
6861
7133
 
6862
7134
  .digit-toggle-dropdown {
6863
7135
  cursor: pointer; }
@@ -7016,6 +7288,10 @@ img {
7016
7288
  -ms-flex-negative: 0;
7017
7289
  flex-shrink: 0; }
7018
7290
  .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7291
+ font-family: Roboto;
7292
+ font-style: normal;
7293
+ font-weight: 400;
7294
+ line-height: 1.37rem;
7019
7295
  -webkit-box-align: center;
7020
7296
  -ms-flex-align: center;
7021
7297
  align-items: center;
@@ -7024,6 +7300,15 @@ img {
7024
7300
  display: -ms-flexbox;
7025
7301
  display: flex;
7026
7302
  margin: 0; }
7303
+ @media (max-aspect-ratio: 9 / 16) {
7304
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7305
+ font-size: .875rem; } }
7306
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7307
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7308
+ font-size: 1rem; } }
7309
+ @media (min-aspect-ratio: 3 / 4) {
7310
+ .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7311
+ font-size: 1rem; } }
7027
7312
  @media (max-width: 30rem) {
7028
7313
  .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text {
7029
7314
  -webkit-box-orient: vertical;
@@ -7034,15 +7319,41 @@ img {
7034
7319
  border-style: dashed !important;
7035
7320
  border: .094rem solid #b91900; }
7036
7321
  .digit-uploader-wrap .digit-uploadpopup-label {
7322
+ font-family: Roboto;
7323
+ font-style: normal;
7324
+ font-weight: 400;
7325
+ line-height: 1.37rem;
7037
7326
  color: #c5c5c5; }
7327
+ @media (max-aspect-ratio: 9 / 16) {
7328
+ .digit-uploader-wrap .digit-uploadpopup-label {
7329
+ font-size: .875rem; } }
7330
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7331
+ .digit-uploader-wrap .digit-uploadpopup-label {
7332
+ font-size: 1rem; } }
7333
+ @media (min-aspect-ratio: 3 / 4) {
7334
+ .digit-uploader-wrap .digit-uploadpopup-label {
7335
+ font-size: 1rem; } }
7038
7336
  .digit-uploader-wrap .digit-upload {
7039
7337
  height: 2.5rem; }
7040
7338
  .digit-uploader-wrap .digit-uploader-input {
7339
+ font-family: Roboto;
7340
+ font-style: normal;
7341
+ font-weight: 400;
7342
+ line-height: 1.37rem;
7041
7343
  height: 2.5rem;
7042
7344
  background-color: initial;
7043
7345
  border: .063rem solid #787878;
7044
7346
  padding: .5rem;
7045
7347
  color: #363636 !important; }
7348
+ @media (max-aspect-ratio: 9 / 16) {
7349
+ .digit-uploader-wrap .digit-uploader-input {
7350
+ font-size: .875rem; } }
7351
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7352
+ .digit-uploader-wrap .digit-uploader-input {
7353
+ font-size: 1rem; } }
7354
+ @media (min-aspect-ratio: 3 / 4) {
7355
+ .digit-uploader-wrap .digit-uploader-input {
7356
+ font-size: 1rem; } }
7046
7357
  .digit-uploader-wrap .digit-uploader-input:focus {
7047
7358
  outline: 2px solid transparent;
7048
7359
  outline-offset: 2px; }
@@ -7161,9 +7472,22 @@ img {
7161
7472
  .digit-uploader-wrap .digit-uploader-close-icon.error {
7162
7473
  background-color: #b91900; }
7163
7474
  .digit-uploader-wrap .digit-upload-helptext {
7475
+ font-family: Roboto;
7476
+ font-style: normal;
7477
+ font-weight: 400;
7478
+ line-height: 1.37rem;
7164
7479
  text-align: left;
7165
7480
  margin: 0;
7166
7481
  color: #787878; }
7482
+ @media (max-aspect-ratio: 9 / 16) {
7483
+ .digit-uploader-wrap .digit-upload-helptext {
7484
+ font-size: .875rem; } }
7485
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7486
+ .digit-uploader-wrap .digit-upload-helptext {
7487
+ font-size: 1rem; } }
7488
+ @media (min-aspect-ratio: 3 / 4) {
7489
+ .digit-uploader-wrap .digit-upload-helptext {
7490
+ font-size: 1rem; } }
7167
7491
  .digit-uploader-wrap .digit-uploaded-file-container {
7168
7492
  -webkit-box-align: start;
7169
7493
  -ms-flex-align: start;
@@ -7396,6 +7720,20 @@ img {
7396
7720
  word-wrap: break-word;
7397
7721
  width: 100%;
7398
7722
  color: #363636; }
7723
+ .digit-viewcard-field-pair .digit-viewcard-value {
7724
+ font-family: Roboto;
7725
+ font-style: normal;
7726
+ font-weight: 400;
7727
+ line-height: 1.37rem; }
7728
+ @media (max-aspect-ratio: 9 / 16) {
7729
+ .digit-viewcard-field-pair .digit-viewcard-value {
7730
+ font-size: .875rem; } }
7731
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7732
+ .digit-viewcard-field-pair .digit-viewcard-value {
7733
+ font-size: 1rem; } }
7734
+ @media (min-aspect-ratio: 3 / 4) {
7735
+ .digit-viewcard-field-pair .digit-viewcard-value {
7736
+ font-size: 1rem; } }
7399
7737
  .digit-viewcard-field-pair.inline {
7400
7738
  -webkit-box-orient: horizontal;
7401
7739
  -webkit-box-direction: normal;
@@ -7543,6 +7881,10 @@ img {
7543
7881
 
7544
7882
  .header-dropdown-label {
7545
7883
  cursor: pointer;
7884
+ font-family: Roboto;
7885
+ font-style: normal;
7886
+ font-weight: 400;
7887
+ line-height: 1.37rem;
7546
7888
  display: -webkit-box;
7547
7889
  display: -ms-flexbox;
7548
7890
  display: flex;
@@ -7551,6 +7893,15 @@ img {
7551
7893
  align-items: center;
7552
7894
  color: #363636;
7553
7895
  position: relative; }
7896
+ @media (max-aspect-ratio: 9 / 16) {
7897
+ .header-dropdown-label {
7898
+ font-size: .875rem; } }
7899
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7900
+ .header-dropdown-label {
7901
+ font-size: 1rem; } }
7902
+ @media (min-aspect-ratio: 3 / 4) {
7903
+ .header-dropdown-label {
7904
+ font-size: 1rem; } }
7554
7905
  .header-dropdown-label.dark {
7555
7906
  color: #fff; }
7556
7907
 
@@ -7603,6 +7954,10 @@ img {
7603
7954
  width: 100%;
7604
7955
  max-width: 100%;
7605
7956
  overflow: hidden;
7957
+ font-family: Roboto;
7958
+ font-style: normal;
7959
+ font-weight: 400;
7960
+ line-height: 1.37rem;
7606
7961
  padding: 1rem .625rem;
7607
7962
  color: #363636;
7608
7963
  grid-gap: .5rem;
@@ -7617,6 +7972,15 @@ img {
7617
7972
  word-break: break-word;
7618
7973
  text-overflow: ellipsis;
7619
7974
  cursor: pointer; }
7975
+ @media (max-aspect-ratio: 9 / 16) {
7976
+ .header-dropdown-option {
7977
+ font-size: .875rem; } }
7978
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7979
+ .header-dropdown-option {
7980
+ font-size: 1rem; } }
7981
+ @media (min-aspect-ratio: 3 / 4) {
7982
+ .header-dropdown-option {
7983
+ font-size: 1rem; } }
7620
7984
  .header-dropdown-option svg {
7621
7985
  -ms-flex-negative: 0;
7622
7986
  flex-shrink: 0; }
@@ -7625,10 +7989,23 @@ img {
7625
7989
  background-color: #fafafa; }
7626
7990
 
7627
7991
  .header-dropdown-nooption {
7992
+ font-family: Roboto;
7993
+ font-style: normal;
7994
+ font-weight: 400;
7995
+ line-height: 1.37rem;
7628
7996
  padding: .5rem;
7629
7997
  pointer-events: none;
7630
7998
  color: #c5c5c5;
7631
7999
  background-color: #fafafa; }
8000
+ @media (max-aspect-ratio: 9 / 16) {
8001
+ .header-dropdown-nooption {
8002
+ font-size: .875rem; } }
8003
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8004
+ .header-dropdown-nooption {
8005
+ font-size: 1rem; } }
8006
+ @media (min-aspect-ratio: 3 / 4) {
8007
+ .header-dropdown-nooption {
8008
+ font-size: 1rem; } }
7632
8009
 
7633
8010
  .header-dropdown-option.keyChange, .header-dropdown-option:hover {
7634
8011
  background: #fbeee8 !important;
@@ -7967,8 +8344,21 @@ video::-webkit-media-controls-panel {
7967
8344
  .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
7968
8345
  overflow: hidden;
7969
8346
  white-space: nowrap;
8347
+ font-family: Roboto;
8348
+ font-style: normal;
8349
+ font-weight: 400;
8350
+ line-height: 1.37rem;
7970
8351
  text-overflow: ellipsis;
7971
8352
  color: #363636; }
8353
+ @media (max-aspect-ratio: 9 / 16) {
8354
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8355
+ font-size: .875rem; } }
8356
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8357
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8358
+ font-size: 1rem; } }
8359
+ @media (min-aspect-ratio: 3 / 4) {
8360
+ .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
8361
+ font-size: 1rem; } }
7972
8362
  .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview.dark {
7973
8363
  color: #fff; }
7974
8364
 
@@ -8029,19 +8419,84 @@ video::-webkit-media-controls-panel {
8029
8419
  border: 0.063rem solid #fafafa !important; }
8030
8420
  .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8031
8421
  content: attr(placeholder);
8422
+ font-family: Roboto;
8423
+ font-style: normal;
8424
+ font-weight: 400;
8425
+ line-height: 1.37rem;
8032
8426
  color: #eee; }
8427
+ @media (max-aspect-ratio: 9 / 16) {
8428
+ .digit-sidebar .digit-sidebar-search-container ::-webkit-input-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 ::-webkit-input-placeholder {
8432
+ font-size: 1rem; } }
8433
+ @media (min-aspect-ratio: 3 / 4) {
8434
+ .digit-sidebar .digit-sidebar-search-container ::-webkit-input-placeholder {
8435
+ font-size: 1rem; } }
8033
8436
  .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8034
8437
  content: attr(placeholder);
8438
+ font-family: Roboto;
8439
+ font-style: normal;
8440
+ font-weight: 400;
8441
+ line-height: 1.37rem;
8035
8442
  color: #eee; }
8443
+ @media (max-aspect-ratio: 9 / 16) {
8444
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8445
+ font-size: .875rem; } }
8446
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8447
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8448
+ font-size: 1rem; } }
8449
+ @media (min-aspect-ratio: 3 / 4) {
8450
+ .digit-sidebar .digit-sidebar-search-container ::-moz-placeholder {
8451
+ font-size: 1rem; } }
8036
8452
  .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8037
8453
  content: attr(placeholder);
8454
+ font-family: Roboto;
8455
+ font-style: normal;
8456
+ font-weight: 400;
8457
+ line-height: 1.37rem;
8038
8458
  color: #eee; }
8459
+ @media (max-aspect-ratio: 9 / 16) {
8460
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8461
+ font-size: .875rem; } }
8462
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8463
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8464
+ font-size: 1rem; } }
8465
+ @media (min-aspect-ratio: 3 / 4) {
8466
+ .digit-sidebar .digit-sidebar-search-container :-ms-input-placeholder {
8467
+ font-size: 1rem; } }
8039
8468
  .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8040
8469
  content: attr(placeholder);
8470
+ font-family: Roboto;
8471
+ font-style: normal;
8472
+ font-weight: 400;
8473
+ line-height: 1.37rem;
8041
8474
  color: #eee; }
8475
+ @media (max-aspect-ratio: 9 / 16) {
8476
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8477
+ font-size: .875rem; } }
8478
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8479
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8480
+ font-size: 1rem; } }
8481
+ @media (min-aspect-ratio: 3 / 4) {
8482
+ .digit-sidebar .digit-sidebar-search-container ::-ms-input-placeholder {
8483
+ font-size: 1rem; } }
8042
8484
  .digit-sidebar .digit-sidebar-search-container ::placeholder {
8043
8485
  content: attr(placeholder);
8486
+ font-family: Roboto;
8487
+ font-style: normal;
8488
+ font-weight: 400;
8489
+ line-height: 1.37rem;
8044
8490
  color: #eee; }
8491
+ @media (max-aspect-ratio: 9 / 16) {
8492
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8493
+ font-size: .875rem; } }
8494
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8495
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8496
+ font-size: 1rem; } }
8497
+ @media (min-aspect-ratio: 3 / 4) {
8498
+ .digit-sidebar .digit-sidebar-search-container ::placeholder {
8499
+ font-size: 1rem; } }
8045
8500
  .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
8501
  background-color: #fff;
8047
8502
  border: .063rem solid #d6d5d4;
@@ -8354,7 +8809,7 @@ video::-webkit-media-controls-panel {
8354
8809
  height: .75rem;
8355
8810
  margin-left: 25%; }
8356
8811
 
8357
- .msb-sidebar {
8812
+ .digit-msb-sidebar {
8358
8813
  background-color: #fff;
8359
8814
  color: #0b4b66;
8360
8815
  display: -webkit-box;
@@ -8371,12 +8826,13 @@ video::-webkit-media-controls-panel {
8371
8826
  left: 0;
8372
8827
  top: 0;
8373
8828
  min-width: 17.5rem;
8829
+ z-index: 1000;
8374
8830
  flex-direction: column; }
8375
- .msb-sidebar.dark {
8831
+ .digit-msb-sidebar.dark {
8376
8832
  background-color: #0b4b66;
8377
8833
  color: #fff; }
8378
8834
 
8379
- .msb-profile {
8835
+ .digit-msb-profile {
8380
8836
  display: -webkit-box;
8381
8837
  display: -ms-flexbox;
8382
8838
  display: flex;
@@ -8391,12 +8847,12 @@ video::-webkit-media-controls-panel {
8391
8847
  grid-gap: .75rem;
8392
8848
  gap: .75rem; }
8393
8849
 
8394
- .msb-profile-icon {
8850
+ .digit-msb-profile-icon {
8395
8851
  width: 3.875rem;
8396
8852
  height: 4rem;
8397
8853
  margin-right: 1rem; }
8398
8854
 
8399
- .msb-profile-details {
8855
+ .digit-msb-profile-details {
8400
8856
  display: -webkit-box;
8401
8857
  display: -ms-flexbox;
8402
8858
  display: flex;
@@ -8408,50 +8864,50 @@ video::-webkit-media-controls-panel {
8408
8864
  gap: .25rem;
8409
8865
  text-align: center; }
8410
8866
 
8411
- .msb-profile-name {
8867
+ .digit-msb-profile-name {
8412
8868
  font-family: Roboto;
8413
8869
  font-style: normal;
8414
8870
  font-weight: 700;
8415
8871
  line-height: 1.14rem;
8416
8872
  color: #363636; }
8417
8873
  @media (max-aspect-ratio: 9 / 16) {
8418
- .msb-profile-name {
8874
+ .digit-msb-profile-name {
8419
8875
  font-size: 1rem; } }
8420
8876
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8421
- .msb-profile-name {
8877
+ .digit-msb-profile-name {
8422
8878
  font-size: 1rem; } }
8423
8879
  @media (min-aspect-ratio: 3 / 4) {
8424
- .msb-profile-name {
8880
+ .digit-msb-profile-name {
8425
8881
  font-size: 1rem; } }
8426
- .msb-profile-name.dark {
8882
+ .digit-msb-profile-name.dark {
8427
8883
  color: #fff; }
8428
8884
 
8429
- .msb-profile-phone {
8885
+ .digit-msb-profile-phone {
8430
8886
  font-family: Roboto;
8431
8887
  font-style: normal;
8432
8888
  font-weight: 400;
8433
8889
  line-height: 1.37rem;
8434
8890
  color: #787878; }
8435
8891
  @media (max-aspect-ratio: 9 / 16) {
8436
- .msb-profile-phone {
8892
+ .digit-msb-profile-phone {
8437
8893
  font-size: .875rem; } }
8438
8894
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8439
- .msb-profile-phone {
8895
+ .digit-msb-profile-phone {
8440
8896
  font-size: 1rem; } }
8441
8897
  @media (min-aspect-ratio: 3 / 4) {
8442
- .msb-profile-phone {
8898
+ .digit-msb-profile-phone {
8443
8899
  font-size: 1rem; } }
8444
- .msb-profile-phone.dark {
8900
+ .digit-msb-profile-phone.dark {
8445
8901
  color: #fff; }
8446
8902
 
8447
- .msb-sidebar-items {
8903
+ .digit-msb-sidebar-items {
8448
8904
  -webkit-box-flex: 1;
8449
8905
  -ms-flex: 1;
8450
8906
  flex: 1;
8451
8907
  overflow-y: auto;
8452
8908
  overflow-x: hidden; }
8453
8909
 
8454
- .msb-item-child-wrapper {
8910
+ .digit-msb-item-child-wrapper {
8455
8911
  display: -webkit-box;
8456
8912
  display: -ms-flexbox;
8457
8913
  display: flex;
@@ -8465,17 +8921,20 @@ video::-webkit-media-controls-panel {
8465
8921
  -ms-flex-pack: justify;
8466
8922
  justify-content: space-between;
8467
8923
  border-top: .063rem solid #d6d5d4; }
8924
+ .digit-msb-item-child-wrapper.usermanuals {
8925
+ padding: 1rem 1.5rem;
8926
+ height: 3.5rem; }
8468
8927
 
8469
- .msb-item-child-wrapper.expanded, .msb-item-child-wrapper:last-child {
8928
+ .digit-msb-item-child-wrapper.expanded, .digit-msb-item-child-wrapper:last-child {
8470
8929
  border-bottom: .063rem solid #d6d5d4; }
8471
8930
 
8472
- .msb-item-child-wrapper:not(.dark):nth-child(odd) {
8931
+ .digit-msb-item-child-wrapper:not(.dark):nth-child(odd) {
8473
8932
  background-color: #fafafa; }
8474
8933
 
8475
- .msb-item-child-wrapper.expanded {
8934
+ .digit-msb-item-child-wrapper.expanded {
8476
8935
  height: auto; }
8477
8936
 
8478
- .msb-sidebar-item {
8937
+ .digit-msb-sidebar-item {
8479
8938
  display: -webkit-box;
8480
8939
  display: -ms-flexbox;
8481
8940
  display: flex;
@@ -8484,142 +8943,329 @@ video::-webkit-media-controls-panel {
8484
8943
  align-items: center;
8485
8944
  cursor: pointer; }
8486
8945
 
8487
- .msb-sidebar-item.msb-parentLevel {
8946
+ .digit-msb-sidebar-item.digit-msb-parentLevel {
8488
8947
  height: 1.5rem; }
8489
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8948
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8490
8949
  font-family: Roboto;
8491
8950
  font-style: normal;
8492
8951
  font-weight: 700;
8493
8952
  line-height: 1.14rem; }
8494
8953
  @media (max-aspect-ratio: 9 / 16) {
8495
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8954
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8496
8955
  font-size: 1rem; } }
8497
8956
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8498
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8957
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8499
8958
  font-size: 1rem; } }
8500
8959
  @media (min-aspect-ratio: 3 / 4) {
8501
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8960
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8502
8961
  font-size: 1rem; } }
8503
8962
 
8504
- .msb-sidebar-item .msb-icon {
8963
+ .digit-msb-item-label.usermanuals {
8964
+ font-family: Roboto;
8965
+ font-style: normal;
8966
+ font-weight: 400;
8967
+ line-height: 1.37rem; }
8968
+ @media (max-aspect-ratio: 9 / 16) {
8969
+ .digit-msb-item-label.usermanuals {
8970
+ font-size: .75rem; } }
8971
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8972
+ .digit-msb-item-label.usermanuals {
8973
+ font-size: .875rem; } }
8974
+ @media (min-aspect-ratio: 3 / 4) {
8975
+ .digit-msb-item-label.usermanuals {
8976
+ font-size: .875rem; } }
8977
+
8978
+ .digit-msb-sidebar-item .digit-msb-icon {
8505
8979
  margin-right: 1rem; }
8980
+ .digit-msb-sidebar-item .digit-msb-icon.usermanuals {
8981
+ display: -webkit-box;
8982
+ display: -ms-flexbox;
8983
+ display: flex;
8984
+ width: 1.5rem;
8985
+ height: 1.5rem;
8986
+ -webkit-box-pack: center;
8987
+ -ms-flex-pack: center;
8988
+ justify-content: center;
8989
+ -webkit-box-align: center;
8990
+ -ms-flex-align: center;
8991
+ align-items: center;
8992
+ margin-right: .5rem; }
8506
8993
 
8507
- .msb-expand-icon {
8994
+ .digit-msb-expand-icon {
8508
8995
  margin-left: auto; }
8509
8996
 
8510
- .msb-sidebar-children {
8997
+ .digit-msb-sidebar-children {
8511
8998
  width: "100%";
8512
8999
  -webkit-transition: height .3s ease;
8513
9000
  transition: height .3s ease; }
8514
- .msb-sidebar-children .inner-level-child {
9001
+ .digit-msb-sidebar-children .digit-inner-level-child {
8515
9002
  margin-left: 3.5rem;
8516
9003
  border-left: .063rem solid #d6d5d4; }
8517
- .msb-sidebar-children .inner-level-child.dark {
9004
+ .digit-msb-sidebar-children .digit-inner-level-child.dark {
8518
9005
  border-left: .063rem solid #fff; }
8519
9006
 
8520
- .msb-sidebar-children.expanded {
9007
+ .digit-msb-no-results {
9008
+ display: -webkit-box;
9009
+ display: -ms-flexbox;
9010
+ display: flex;
9011
+ -webkit-box-orient: vertical;
9012
+ -webkit-box-direction: normal;
9013
+ -ms-flex-direction: column;
9014
+ flex-direction: column;
9015
+ height: 3rem;
9016
+ padding: .75rem 1.5rem;
9017
+ -webkit-box-pack: justify;
9018
+ -ms-flex-pack: justify;
9019
+ justify-content: space-between;
9020
+ border-top: .063rem solid #d6d5d4;
9021
+ color: #c5c5c5;
9022
+ font-family: Roboto;
9023
+ font-style: normal;
9024
+ font-weight: 400;
9025
+ line-height: 1.37rem; }
9026
+ @media (max-aspect-ratio: 9 / 16) {
9027
+ .digit-msb-no-results {
9028
+ font-size: .875rem; } }
9029
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9030
+ .digit-msb-no-results {
9031
+ font-size: 1rem; } }
9032
+ @media (min-aspect-ratio: 3 / 4) {
9033
+ .digit-msb-no-results {
9034
+ font-size: 1rem; } }
9035
+
9036
+ .digit-msb-sidebar-children.expanded {
8521
9037
  height: auto; }
8522
9038
 
8523
- .mb-search-container {
9039
+ .digit-mb-search-container {
8524
9040
  height: 4.5rem;
8525
9041
  min-width: 15rem;
8526
9042
  width: auto;
8527
9043
  padding: 1rem !important; }
8528
- .mb-search-container .mb-search {
9044
+ .digit-mb-search-container .digit-mb-search {
8529
9045
  height: 2.5rem !important;
8530
9046
  min-width: 13rem; }
8531
- .mb-search-container .mb-search .digit-text-input-customIcon {
9047
+ .digit-mb-search-container .digit-mb-search .digit-text-input-customIcon {
8532
9048
  height: 1.5rem;
8533
9049
  width: 1.5rem;
8534
9050
  top: .5rem;
8535
9051
  right: .5rem; }
8536
- .mb-search-container .mb-search .input-container, .mb-search-container .mb-search input, .mb-search-container .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-emp {
9052
+ .digit-mb-search-container .digit-mb-search .input-container, .digit-mb-search-container .digit-mb-search input, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp {
8537
9053
  max-height: 100%; }
8538
- .mb-search-container .mb-search input, .mb-search-container .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-emp {
9054
+ .digit-mb-search-container .digit-mb-search input, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp {
8539
9055
  background-color: #fff;
8540
9056
  border: .063rem solid #d6d5d4;
8541
9057
  color: #363636;
8542
9058
  height: 2rem !important; }
8543
- .mb-search-container .mb-search input ::-webkit-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-webkit-input-placeholder {
9059
+ .digit-mb-search-container .digit-mb-search input ::-webkit-input-placeholder, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp ::-webkit-input-placeholder {
8544
9060
  color: #c5c5c5; }
8545
- .mb-search-container .mb-search input ::-moz-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-moz-placeholder {
9061
+ .digit-mb-search-container .digit-mb-search input ::-moz-placeholder, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp ::-moz-placeholder {
8546
9062
  color: #c5c5c5; }
8547
- .mb-search-container .mb-search input :-ms-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp :-ms-input-placeholder {
9063
+ .digit-mb-search-container .digit-mb-search input :-ms-input-placeholder, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp :-ms-input-placeholder {
8548
9064
  color: #c5c5c5; }
8549
- .mb-search-container .mb-search input ::-ms-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-ms-input-placeholder {
9065
+ .digit-mb-search-container .digit-mb-search input ::-ms-input-placeholder, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp ::-ms-input-placeholder {
8550
9066
  color: #c5c5c5; }
8551
- .mb-search-container .mb-search input ::placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::placeholder {
9067
+ .digit-mb-search-container .digit-mb-search input ::placeholder, .digit-mb-search-container .digit-mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-emp ::placeholder {
8552
9068
  color: #c5c5c5; }
8553
- .mb-search-container .mb-search .input-container[focus-within] input, .mb-search-container .mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-container[focus-within] .input-emp {
9069
+ .digit-mb-search-container .digit-mb-search .input-container[focus-within] input, .digit-mb-search-container .digit-mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-container[focus-within] .input-emp {
8554
9070
  border: 0.063rem solid #d6d5d4 !important; }
8555
- .mb-search-container .mb-search .input-container:focus-within input, .mb-search-container .mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-container:focus-within .input-emp {
9071
+ .digit-mb-search-container .digit-mb-search .input-container:focus-within input, .digit-mb-search-container .digit-mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container .digit-mb-search .input-container:focus-within .input-emp {
8556
9072
  border: 0.063rem solid #d6d5d4 !important; }
8557
- .mb-search-container ::-webkit-input-placeholder {
9073
+ .digit-mb-search-container ::-webkit-input-placeholder {
8558
9074
  content: attr(placeholder);
9075
+ font-family: Roboto;
9076
+ font-style: normal;
9077
+ font-weight: 400;
9078
+ line-height: 1.37rem;
8559
9079
  color: #c5c5c5; }
8560
- .mb-search-container ::-moz-placeholder {
9080
+ @media (max-aspect-ratio: 9 / 16) {
9081
+ .digit-mb-search-container ::-webkit-input-placeholder {
9082
+ font-size: .875rem; } }
9083
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9084
+ .digit-mb-search-container ::-webkit-input-placeholder {
9085
+ font-size: 1rem; } }
9086
+ @media (min-aspect-ratio: 3 / 4) {
9087
+ .digit-mb-search-container ::-webkit-input-placeholder {
9088
+ font-size: 1rem; } }
9089
+ .digit-mb-search-container ::-moz-placeholder {
8561
9090
  content: attr(placeholder);
9091
+ font-family: Roboto;
9092
+ font-style: normal;
9093
+ font-weight: 400;
9094
+ line-height: 1.37rem;
8562
9095
  color: #c5c5c5; }
8563
- .mb-search-container :-ms-input-placeholder {
9096
+ @media (max-aspect-ratio: 9 / 16) {
9097
+ .digit-mb-search-container ::-moz-placeholder {
9098
+ font-size: .875rem; } }
9099
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9100
+ .digit-mb-search-container ::-moz-placeholder {
9101
+ font-size: 1rem; } }
9102
+ @media (min-aspect-ratio: 3 / 4) {
9103
+ .digit-mb-search-container ::-moz-placeholder {
9104
+ font-size: 1rem; } }
9105
+ .digit-mb-search-container :-ms-input-placeholder {
8564
9106
  content: attr(placeholder);
9107
+ font-family: Roboto;
9108
+ font-style: normal;
9109
+ font-weight: 400;
9110
+ line-height: 1.37rem;
8565
9111
  color: #c5c5c5; }
8566
- .mb-search-container ::-ms-input-placeholder {
9112
+ @media (max-aspect-ratio: 9 / 16) {
9113
+ .digit-mb-search-container :-ms-input-placeholder {
9114
+ font-size: .875rem; } }
9115
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9116
+ .digit-mb-search-container :-ms-input-placeholder {
9117
+ font-size: 1rem; } }
9118
+ @media (min-aspect-ratio: 3 / 4) {
9119
+ .digit-mb-search-container :-ms-input-placeholder {
9120
+ font-size: 1rem; } }
9121
+ .digit-mb-search-container ::-ms-input-placeholder {
8567
9122
  content: attr(placeholder);
9123
+ font-family: Roboto;
9124
+ font-style: normal;
9125
+ font-weight: 400;
9126
+ line-height: 1.37rem;
8568
9127
  color: #c5c5c5; }
8569
- .mb-search-container ::placeholder {
9128
+ @media (max-aspect-ratio: 9 / 16) {
9129
+ .digit-mb-search-container ::-ms-input-placeholder {
9130
+ font-size: .875rem; } }
9131
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9132
+ .digit-mb-search-container ::-ms-input-placeholder {
9133
+ font-size: 1rem; } }
9134
+ @media (min-aspect-ratio: 3 / 4) {
9135
+ .digit-mb-search-container ::-ms-input-placeholder {
9136
+ font-size: 1rem; } }
9137
+ .digit-mb-search-container ::placeholder {
8570
9138
  content: attr(placeholder);
9139
+ font-family: Roboto;
9140
+ font-style: normal;
9141
+ font-weight: 400;
9142
+ line-height: 1.37rem;
8571
9143
  color: #c5c5c5; }
9144
+ @media (max-aspect-ratio: 9 / 16) {
9145
+ .digit-mb-search-container ::placeholder {
9146
+ font-size: .875rem; } }
9147
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9148
+ .digit-mb-search-container ::placeholder {
9149
+ font-size: 1rem; } }
9150
+ @media (min-aspect-ratio: 3 / 4) {
9151
+ .digit-mb-search-container ::placeholder {
9152
+ font-size: 1rem; } }
8572
9153
 
8573
- .mb-search-container.dark {
9154
+ .digit-mb-search-container.dark {
8574
9155
  height: 4.5rem;
8575
9156
  min-width: 15rem;
8576
9157
  width: auto;
8577
9158
  padding: 1rem !important; }
8578
- .mb-search-container.dark .mb-search {
9159
+ .digit-mb-search-container.dark .digit-mb-search {
8579
9160
  height: 2.5rem !important;
8580
9161
  min-width: 13rem; }
8581
- .mb-search-container.dark .mb-search .digit-text-input-customIcon {
9162
+ .digit-mb-search-container.dark .digit-mb-search .digit-text-input-customIcon {
8582
9163
  height: 1.5rem;
8583
9164
  width: 1.5rem;
8584
9165
  top: .5rem;
8585
9166
  right: .5rem; }
8586
- .mb-search-container.dark .mb-search .input-container, .mb-search-container.dark .mb-search input, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp {
9167
+ .digit-mb-search-container.dark .digit-mb-search .input-container, .digit-mb-search-container.dark .digit-mb-search input, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp {
8587
9168
  max-height: 100%; }
8588
- .mb-search-container.dark .mb-search input, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp {
9169
+ .digit-mb-search-container.dark .digit-mb-search input, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp {
8589
9170
  background-color: initial;
8590
9171
  border: .063rem solid #fafafa;
8591
9172
  color: #eee; }
8592
- .mb-search-container.dark .mb-search input ::-webkit-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-webkit-input-placeholder {
9173
+ .digit-mb-search-container.dark .digit-mb-search input ::-webkit-input-placeholder, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp ::-webkit-input-placeholder {
8593
9174
  color: #eee; }
8594
- .mb-search-container.dark .mb-search input ::-moz-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-moz-placeholder {
9175
+ .digit-mb-search-container.dark .digit-mb-search input ::-moz-placeholder, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp ::-moz-placeholder {
8595
9176
  color: #eee; }
8596
- .mb-search-container.dark .mb-search input :-ms-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp :-ms-input-placeholder {
9177
+ .digit-mb-search-container.dark .digit-mb-search input :-ms-input-placeholder, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp :-ms-input-placeholder {
8597
9178
  color: #eee; }
8598
- .mb-search-container.dark .mb-search input ::-ms-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-ms-input-placeholder {
9179
+ .digit-mb-search-container.dark .digit-mb-search input ::-ms-input-placeholder, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp ::-ms-input-placeholder {
8599
9180
  color: #eee; }
8600
- .mb-search-container.dark .mb-search input ::placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::placeholder {
9181
+ .digit-mb-search-container.dark .digit-mb-search input ::placeholder, .digit-mb-search-container.dark .digit-mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-emp ::placeholder {
8601
9182
  color: #eee; }
8602
- .mb-search-container.dark .mb-search .input-container[focus-within] input, .mb-search-container.dark .mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-container[focus-within] .input-emp {
9183
+ .digit-mb-search-container.dark .digit-mb-search .input-container[focus-within] input, .digit-mb-search-container.dark .digit-mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-container[focus-within] .input-emp {
8603
9184
  border: 0.063rem solid #fafafa !important; }
8604
- .mb-search-container.dark .mb-search .input-container:focus-within input, .mb-search-container.dark .mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-container:focus-within .input-emp {
9185
+ .digit-mb-search-container.dark .digit-mb-search .input-container:focus-within input, .digit-mb-search-container.dark .digit-mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .digit-mb-search-container.dark .digit-mb-search .input-container:focus-within .input-emp {
8605
9186
  border: 0.063rem solid #fafafa !important; }
8606
- .mb-search-container.dark ::-webkit-input-placeholder {
9187
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
8607
9188
  content: attr(placeholder);
9189
+ font-family: Roboto;
9190
+ font-style: normal;
9191
+ font-weight: 400;
9192
+ line-height: 1.37rem;
8608
9193
  color: #eee; }
8609
- .mb-search-container.dark ::-moz-placeholder {
9194
+ @media (max-aspect-ratio: 9 / 16) {
9195
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9196
+ font-size: .875rem; } }
9197
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9198
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9199
+ font-size: 1rem; } }
9200
+ @media (min-aspect-ratio: 3 / 4) {
9201
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9202
+ font-size: 1rem; } }
9203
+ .digit-mb-search-container.dark ::-moz-placeholder {
8610
9204
  content: attr(placeholder);
9205
+ font-family: Roboto;
9206
+ font-style: normal;
9207
+ font-weight: 400;
9208
+ line-height: 1.37rem;
8611
9209
  color: #eee; }
8612
- .mb-search-container.dark :-ms-input-placeholder {
9210
+ @media (max-aspect-ratio: 9 / 16) {
9211
+ .digit-mb-search-container.dark ::-moz-placeholder {
9212
+ font-size: .875rem; } }
9213
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9214
+ .digit-mb-search-container.dark ::-moz-placeholder {
9215
+ font-size: 1rem; } }
9216
+ @media (min-aspect-ratio: 3 / 4) {
9217
+ .digit-mb-search-container.dark ::-moz-placeholder {
9218
+ font-size: 1rem; } }
9219
+ .digit-mb-search-container.dark :-ms-input-placeholder {
8613
9220
  content: attr(placeholder);
9221
+ font-family: Roboto;
9222
+ font-style: normal;
9223
+ font-weight: 400;
9224
+ line-height: 1.37rem;
8614
9225
  color: #eee; }
8615
- .mb-search-container.dark ::-ms-input-placeholder {
9226
+ @media (max-aspect-ratio: 9 / 16) {
9227
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9228
+ font-size: .875rem; } }
9229
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9230
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9231
+ font-size: 1rem; } }
9232
+ @media (min-aspect-ratio: 3 / 4) {
9233
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9234
+ font-size: 1rem; } }
9235
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
8616
9236
  content: attr(placeholder);
9237
+ font-family: Roboto;
9238
+ font-style: normal;
9239
+ font-weight: 400;
9240
+ line-height: 1.37rem;
8617
9241
  color: #eee; }
8618
- .mb-search-container.dark ::placeholder {
9242
+ @media (max-aspect-ratio: 9 / 16) {
9243
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9244
+ font-size: .875rem; } }
9245
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9246
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9247
+ font-size: 1rem; } }
9248
+ @media (min-aspect-ratio: 3 / 4) {
9249
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9250
+ font-size: 1rem; } }
9251
+ .digit-mb-search-container.dark ::placeholder {
8619
9252
  content: attr(placeholder);
9253
+ font-family: Roboto;
9254
+ font-style: normal;
9255
+ font-weight: 400;
9256
+ line-height: 1.37rem;
8620
9257
  color: #eee; }
9258
+ @media (max-aspect-ratio: 9 / 16) {
9259
+ .digit-mb-search-container.dark ::placeholder {
9260
+ font-size: .875rem; } }
9261
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9262
+ .digit-mb-search-container.dark ::placeholder {
9263
+ font-size: 1rem; } }
9264
+ @media (min-aspect-ratio: 3 / 4) {
9265
+ .digit-mb-search-container.dark ::placeholder {
9266
+ font-size: 1rem; } }
8621
9267
 
8622
- .msb-sidebar-bottom {
9268
+ .digit-msb-sidebar-bottom {
8623
9269
  background-color: #fafafa;
8624
9270
  z-index: 5;
8625
9271
  padding: 1rem;
@@ -8634,43 +9280,45 @@ video::-webkit-media-controls-panel {
8634
9280
  gap: 1rem;
8635
9281
  border-top: .063rem solid #d6d5d4;
8636
9282
  height: 4rem; }
8637
- .msb-sidebar-bottom button {
9283
+ .digit-msb-sidebar-bottom button {
8638
9284
  width: 100%; }
8639
- .msb-sidebar-bottom button .icon-label-container .digit-button-customIcon {
9285
+ .digit-msb-sidebar-bottom button .icon-label-container .digit-button-customIcon {
8640
9286
  width: 1.25rem;
8641
9287
  height: 1.25rem; }
8642
- .msb-sidebar-bottom.dark {
9288
+ .digit-msb-sidebar-bottom.dark {
8643
9289
  background-color: #0b4b66; }
8644
9290
 
8645
- .icon-msb {
9291
+ .digit-icon-msb {
8646
9292
  margin-right: .75rem;
8647
9293
  width: 1.5rem;
8648
9294
  height: 1.5rem;
8649
9295
  margin-left: 1.75rem; }
8650
9296
 
8651
- .item-label-msb {
9297
+ .digit-item-label-msb {
8652
9298
  font-family: Roboto;
8653
9299
  font-style: normal;
8654
9300
  font-weight: 400;
8655
9301
  line-height: 1.37rem; }
8656
9302
  @media (max-aspect-ratio: 9 / 16) {
8657
- .item-label-msb {
9303
+ .digit-item-label-msb {
8658
9304
  font-size: .875rem; } }
8659
9305
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8660
- .item-label-msb {
9306
+ .digit-item-label-msb {
8661
9307
  font-size: 1rem; } }
8662
9308
  @media (min-aspect-ratio: 3 / 4) {
8663
- .item-label-msb {
9309
+ .digit-item-label-msb {
8664
9310
  font-size: 1rem; } }
9311
+ .digit-item-label-msb.withoutIcon {
9312
+ margin-left: 1.75rem; }
8665
9313
 
8666
- .expand-icon-msb {
9314
+ .digit-expand-icon-msb {
8667
9315
  width: 1.5rem;
8668
9316
  height: 1.5rem;
8669
9317
  margin-left: auto !important; }
8670
- .expand-icon-msb.child-level {
9318
+ .digit-expand-icon-msb.child-level {
8671
9319
  margin-right: 1.5rem; }
8672
9320
 
8673
- .sidebar-item-msb {
9321
+ .digit-sidebar-item-msb {
8674
9322
  text-decoration: none;
8675
9323
  -webkit-transition: background-color .3s;
8676
9324
  transition: background-color .3s;
@@ -8679,7 +9327,7 @@ video::-webkit-media-controls-panel {
8679
9327
  height: 100%;
8680
9328
  position: relative; }
8681
9329
 
8682
- .item-child-wrapper-msb, .sidebar-item-msb {
9330
+ .digit-item-child-wrapper-msb, .digit-sidebar-item-msb {
8683
9331
  display: -webkit-box;
8684
9332
  display: -ms-flexbox;
8685
9333
  display: flex;
@@ -8688,18 +9336,18 @@ video::-webkit-media-controls-panel {
8688
9336
  align-items: center;
8689
9337
  width: 100%; }
8690
9338
 
8691
- .item-child-wrapper-msb {
9339
+ .digit-item-child-wrapper-msb {
8692
9340
  height: 3rem;
8693
9341
  -webkit-box-pack: center;
8694
9342
  -ms-flex-pack: center;
8695
9343
  justify-content: center; }
8696
- .item-child-wrapper-msb .sidebar-item-msb:hover {
9344
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb:hover {
8697
9345
  background-color: rgba(255, 255, 255, 0.30196); }
8698
- .item-child-wrapper-msb .sidebar-item-msb.selected, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent, .item-child-wrapper-msb .sidebar-item-msb:active {
9346
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selected, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selectedAsParent, .digit-item-child-wrapper-msb .digit-sidebar-item-msb:active {
8699
9347
  background: rgba(200, 76, 14, 0.10196); }
8700
- .item-child-wrapper-msb .sidebar-item-msb.selected .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb:active .item-label-msb {
9348
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selected .digit-item-label-msb, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selectedAsParent .digit-item-label-msb, .digit-item-child-wrapper-msb .digit-sidebar-item-msb:active .digit-item-label-msb {
8701
9349
  color: #0b4b66; }
8702
- .item-child-wrapper-msb .sidebar-item-msb.selected:before, .item-child-wrapper-msb .sidebar-item-msb.selected:hover:before, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent:before, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent:hover:before, .item-child-wrapper-msb .sidebar-item-msb:active:before, .item-child-wrapper-msb .sidebar-item-msb:active:hover:before {
9350
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selected:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selected:hover:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selectedAsParent:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.selectedAsParent:hover:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb:active:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb:active:hover:before {
8703
9351
  content: "";
8704
9352
  position: absolute;
8705
9353
  top: .062rem;
@@ -8709,11 +9357,11 @@ video::-webkit-media-controls-panel {
8709
9357
  background: #c84c0e;
8710
9358
  border-top-right-radius: .25rem;
8711
9359
  border-bottom-right-radius: .25rem; }
8712
- .item-child-wrapper-msb .sidebar-item-msb.dark.selected, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent, .item-child-wrapper-msb .sidebar-item-msb.dark:active {
9360
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selected, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selectedAsParent, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark:active {
8713
9361
  background: #c84c0e; }
8714
- .item-child-wrapper-msb .sidebar-item-msb.dark.selected .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.dark:active .item-label-msb {
9362
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selected .digit-item-label-msb, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selectedAsParent .digit-item-label-msb, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark:active .digit-item-label-msb {
8715
9363
  color: #fff; }
8716
- .item-child-wrapper-msb .sidebar-item-msb.dark.selected:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selected:hover:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent:hover:before, .item-child-wrapper-msb .sidebar-item-msb.dark:active:before, .item-child-wrapper-msb .sidebar-item-msb.dark:active:hover:before {
9364
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selected:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selected:hover:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selectedAsParent:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark.selectedAsParent:hover:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark:active:before, .digit-item-child-wrapper-msb .digit-sidebar-item-msb.dark:active:hover:before {
8717
9365
  content: "";
8718
9366
  position: absolute;
8719
9367
  top: .062rem;
@@ -8724,18 +9372,24 @@ video::-webkit-media-controls-panel {
8724
9372
  border-top-right-radius: .25rem;
8725
9373
  border-bottom-right-radius: .25rem; }
8726
9374
 
8727
- .msb-sidebar-items::-webkit-scrollbar {
9375
+ .digit-msb-sidebar-items::-webkit-scrollbar {
8728
9376
  width: .375rem;
8729
9377
  background-color: #eee; }
8730
9378
 
8731
- .msb-sidebar-items::-webkit-scrollbar-track {
9379
+ .digit-msb-sidebar-items::-webkit-scrollbar-track {
8732
9380
  background-color: #eee;
8733
9381
  border-radius: .563rem; }
8734
9382
 
8735
- .msb-sidebar-items::-webkit-scrollbar-thumb {
9383
+ .digit-msb-sidebar-items::-webkit-scrollbar-thumb {
8736
9384
  background-color: #d6d5d4;
8737
9385
  border-radius: .563rem; }
8738
9386
 
9387
+ .digit-hamburger-profile {
9388
+ width: 3.875rem;
9389
+ height: 4rem;
9390
+ -o-object-fit: cover;
9391
+ object-fit: cover; }
9392
+
8739
9393
  .tooltip-wrapper {
8740
9394
  position: relative;
8741
9395
  display: inline-block; }