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

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.25
2
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.27
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;
@@ -1970,22 +2034,22 @@ body {
1970
2034
  .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading {
1971
2035
  font-size: 1.5rem; } }
1972
2036
 
1973
- .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label {
2037
+ .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header {
1974
2038
  font-family: Roboto;
1975
2039
  font-style: normal;
1976
2040
  font-weight: 700;
1977
2041
  line-height: 1.14rem; }
1978
2042
 
1979
2043
  @media (max-aspect-ratio: 9 / 16) {
1980
- .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label {
2044
+ .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header {
1981
2045
  font-size: 1rem; } }
1982
2046
 
1983
2047
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1984
- .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label {
2048
+ .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header {
1985
2049
  font-size: 1rem; } }
1986
2050
 
1987
2051
  @media (min-aspect-ratio: 3 / 4) {
1988
- .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label {
2052
+ .typography.heading-s, .digit-accordion-number, .digit-accordion-title, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header {
1989
2053
  font-size: 1rem; } }
1990
2054
 
1991
2055
  .typography.heading-xs, .digit-tag-container .digit-tag.errortag .digit-text {
@@ -2064,33 +2128,33 @@ body {
2064
2128
  font-size: 1.25rem; } }
2065
2129
 
2066
2130
  @media (max-aspect-ratio: 9 / 16) {
2067
- .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 {
2068
2132
  font-size: .875rem; } }
2069
2133
 
2070
2134
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2071
- .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 {
2072
2136
  font-size: 1rem; } }
2073
2137
 
2074
2138
  @media (min-aspect-ratio: 3 / 4) {
2075
- .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 {
2076
2140
  font-size: 1rem; } }
2077
2141
 
2078
- .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, .tooltip-content .tooltip-description {
2079
2143
  font-family: Roboto;
2080
2144
  font-style: normal;
2081
2145
  font-weight: 400;
2082
2146
  line-height: 1.37rem; }
2083
2147
 
2084
2148
  @media (max-aspect-ratio: 9 / 16) {
2085
- .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, .tooltip-content .tooltip-description {
2086
2150
  font-size: .75rem; } }
2087
2151
 
2088
2152
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2089
- .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, .tooltip-content .tooltip-description {
2090
2154
  font-size: .875rem; } }
2091
2155
 
2092
2156
  @media (min-aspect-ratio: 3 / 4) {
2093
- .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, .tooltip-content .tooltip-description {
2094
2158
  font-size: .875rem; } }
2095
2159
 
2096
2160
  .typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label {
@@ -8745,7 +8809,7 @@ video::-webkit-media-controls-panel {
8745
8809
  height: .75rem;
8746
8810
  margin-left: 25%; }
8747
8811
 
8748
- .msb-sidebar {
8812
+ .digit-msb-sidebar {
8749
8813
  background-color: #fff;
8750
8814
  color: #0b4b66;
8751
8815
  display: -webkit-box;
@@ -8762,12 +8826,13 @@ video::-webkit-media-controls-panel {
8762
8826
  left: 0;
8763
8827
  top: 0;
8764
8828
  min-width: 17.5rem;
8829
+ z-index: 1000;
8765
8830
  flex-direction: column; }
8766
- .msb-sidebar.dark {
8831
+ .digit-msb-sidebar.dark {
8767
8832
  background-color: #0b4b66;
8768
8833
  color: #fff; }
8769
8834
 
8770
- .msb-profile {
8835
+ .digit-msb-profile {
8771
8836
  display: -webkit-box;
8772
8837
  display: -ms-flexbox;
8773
8838
  display: flex;
@@ -8782,12 +8847,12 @@ video::-webkit-media-controls-panel {
8782
8847
  grid-gap: .75rem;
8783
8848
  gap: .75rem; }
8784
8849
 
8785
- .msb-profile-icon {
8850
+ .digit-msb-profile-icon {
8786
8851
  width: 3.875rem;
8787
8852
  height: 4rem;
8788
8853
  margin-right: 1rem; }
8789
8854
 
8790
- .msb-profile-details {
8855
+ .digit-msb-profile-details {
8791
8856
  display: -webkit-box;
8792
8857
  display: -ms-flexbox;
8793
8858
  display: flex;
@@ -8799,50 +8864,50 @@ video::-webkit-media-controls-panel {
8799
8864
  gap: .25rem;
8800
8865
  text-align: center; }
8801
8866
 
8802
- .msb-profile-name {
8867
+ .digit-msb-profile-name {
8803
8868
  font-family: Roboto;
8804
8869
  font-style: normal;
8805
8870
  font-weight: 700;
8806
8871
  line-height: 1.14rem;
8807
8872
  color: #363636; }
8808
8873
  @media (max-aspect-ratio: 9 / 16) {
8809
- .msb-profile-name {
8874
+ .digit-msb-profile-name {
8810
8875
  font-size: 1rem; } }
8811
8876
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8812
- .msb-profile-name {
8877
+ .digit-msb-profile-name {
8813
8878
  font-size: 1rem; } }
8814
8879
  @media (min-aspect-ratio: 3 / 4) {
8815
- .msb-profile-name {
8880
+ .digit-msb-profile-name {
8816
8881
  font-size: 1rem; } }
8817
- .msb-profile-name.dark {
8882
+ .digit-msb-profile-name.dark {
8818
8883
  color: #fff; }
8819
8884
 
8820
- .msb-profile-phone {
8885
+ .digit-msb-profile-phone {
8821
8886
  font-family: Roboto;
8822
8887
  font-style: normal;
8823
8888
  font-weight: 400;
8824
8889
  line-height: 1.37rem;
8825
8890
  color: #787878; }
8826
8891
  @media (max-aspect-ratio: 9 / 16) {
8827
- .msb-profile-phone {
8892
+ .digit-msb-profile-phone {
8828
8893
  font-size: .875rem; } }
8829
8894
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8830
- .msb-profile-phone {
8895
+ .digit-msb-profile-phone {
8831
8896
  font-size: 1rem; } }
8832
8897
  @media (min-aspect-ratio: 3 / 4) {
8833
- .msb-profile-phone {
8898
+ .digit-msb-profile-phone {
8834
8899
  font-size: 1rem; } }
8835
- .msb-profile-phone.dark {
8900
+ .digit-msb-profile-phone.dark {
8836
8901
  color: #fff; }
8837
8902
 
8838
- .msb-sidebar-items {
8903
+ .digit-msb-sidebar-items {
8839
8904
  -webkit-box-flex: 1;
8840
8905
  -ms-flex: 1;
8841
8906
  flex: 1;
8842
8907
  overflow-y: auto;
8843
8908
  overflow-x: hidden; }
8844
8909
 
8845
- .msb-item-child-wrapper {
8910
+ .digit-msb-item-child-wrapper {
8846
8911
  display: -webkit-box;
8847
8912
  display: -ms-flexbox;
8848
8913
  display: flex;
@@ -8856,17 +8921,20 @@ video::-webkit-media-controls-panel {
8856
8921
  -ms-flex-pack: justify;
8857
8922
  justify-content: space-between;
8858
8923
  border-top: .063rem solid #d6d5d4; }
8924
+ .digit-msb-item-child-wrapper.usermanuals {
8925
+ padding: 1rem 1.5rem;
8926
+ height: 3.5rem; }
8859
8927
 
8860
- .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 {
8861
8929
  border-bottom: .063rem solid #d6d5d4; }
8862
8930
 
8863
- .msb-item-child-wrapper:not(.dark):nth-child(odd) {
8931
+ .digit-msb-item-child-wrapper:not(.dark):nth-child(odd) {
8864
8932
  background-color: #fafafa; }
8865
8933
 
8866
- .msb-item-child-wrapper.expanded {
8934
+ .digit-msb-item-child-wrapper.expanded {
8867
8935
  height: auto; }
8868
8936
 
8869
- .msb-sidebar-item {
8937
+ .digit-msb-sidebar-item {
8870
8938
  display: -webkit-box;
8871
8939
  display: -ms-flexbox;
8872
8940
  display: flex;
@@ -8875,77 +8943,134 @@ video::-webkit-media-controls-panel {
8875
8943
  align-items: center;
8876
8944
  cursor: pointer; }
8877
8945
 
8878
- .msb-sidebar-item.msb-parentLevel {
8946
+ .digit-msb-sidebar-item.digit-msb-parentLevel {
8879
8947
  height: 1.5rem; }
8880
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8948
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8881
8949
  font-family: Roboto;
8882
8950
  font-style: normal;
8883
8951
  font-weight: 700;
8884
8952
  line-height: 1.14rem; }
8885
8953
  @media (max-aspect-ratio: 9 / 16) {
8886
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8954
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8887
8955
  font-size: 1rem; } }
8888
8956
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8889
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8957
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8890
8958
  font-size: 1rem; } }
8891
8959
  @media (min-aspect-ratio: 3 / 4) {
8892
- .msb-sidebar-item.msb-parentLevel .msb-item-label {
8960
+ .digit-msb-sidebar-item.digit-msb-parentLevel .digit-msb-item-label {
8893
8961
  font-size: 1rem; } }
8894
8962
 
8895
- .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 {
8896
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; }
8897
8993
 
8898
- .msb-expand-icon {
8994
+ .digit-msb-expand-icon {
8899
8995
  margin-left: auto; }
8900
8996
 
8901
- .msb-sidebar-children {
8997
+ .digit-msb-sidebar-children {
8902
8998
  width: "100%";
8903
8999
  -webkit-transition: height .3s ease;
8904
9000
  transition: height .3s ease; }
8905
- .msb-sidebar-children .inner-level-child {
9001
+ .digit-msb-sidebar-children .digit-inner-level-child {
8906
9002
  margin-left: 3.5rem;
8907
9003
  border-left: .063rem solid #d6d5d4; }
8908
- .msb-sidebar-children .inner-level-child.dark {
9004
+ .digit-msb-sidebar-children .digit-inner-level-child.dark {
8909
9005
  border-left: .063rem solid #fff; }
8910
9006
 
8911
- .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 {
8912
9037
  height: auto; }
8913
9038
 
8914
- .mb-search-container {
9039
+ .digit-mb-search-container {
8915
9040
  height: 4.5rem;
8916
9041
  min-width: 15rem;
8917
9042
  width: auto;
8918
9043
  padding: 1rem !important; }
8919
- .mb-search-container .mb-search {
9044
+ .digit-mb-search-container .digit-mb-search {
8920
9045
  height: 2.5rem !important;
8921
9046
  min-width: 13rem; }
8922
- .mb-search-container .mb-search .digit-text-input-customIcon {
9047
+ .digit-mb-search-container .digit-mb-search .digit-text-input-customIcon {
8923
9048
  height: 1.5rem;
8924
9049
  width: 1.5rem;
8925
9050
  top: .5rem;
8926
9051
  right: .5rem; }
8927
- .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 {
8928
9053
  max-height: 100%; }
8929
- .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 {
8930
9055
  background-color: #fff;
8931
9056
  border: .063rem solid #d6d5d4;
8932
9057
  color: #363636;
8933
9058
  height: 2rem !important; }
8934
- .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 {
8935
9060
  color: #c5c5c5; }
8936
- .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 {
8937
9062
  color: #c5c5c5; }
8938
- .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 {
8939
9064
  color: #c5c5c5; }
8940
- .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 {
8941
9066
  color: #c5c5c5; }
8942
- .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 {
8943
9068
  color: #c5c5c5; }
8944
- .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 {
8945
9070
  border: 0.063rem solid #d6d5d4 !important; }
8946
- .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 {
8947
9072
  border: 0.063rem solid #d6d5d4 !important; }
8948
- .mb-search-container ::-webkit-input-placeholder {
9073
+ .digit-mb-search-container ::-webkit-input-placeholder {
8949
9074
  content: attr(placeholder);
8950
9075
  font-family: Roboto;
8951
9076
  font-style: normal;
@@ -8953,15 +9078,15 @@ video::-webkit-media-controls-panel {
8953
9078
  line-height: 1.37rem;
8954
9079
  color: #c5c5c5; }
8955
9080
  @media (max-aspect-ratio: 9 / 16) {
8956
- .mb-search-container ::-webkit-input-placeholder {
9081
+ .digit-mb-search-container ::-webkit-input-placeholder {
8957
9082
  font-size: .875rem; } }
8958
9083
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8959
- .mb-search-container ::-webkit-input-placeholder {
9084
+ .digit-mb-search-container ::-webkit-input-placeholder {
8960
9085
  font-size: 1rem; } }
8961
9086
  @media (min-aspect-ratio: 3 / 4) {
8962
- .mb-search-container ::-webkit-input-placeholder {
9087
+ .digit-mb-search-container ::-webkit-input-placeholder {
8963
9088
  font-size: 1rem; } }
8964
- .mb-search-container ::-moz-placeholder {
9089
+ .digit-mb-search-container ::-moz-placeholder {
8965
9090
  content: attr(placeholder);
8966
9091
  font-family: Roboto;
8967
9092
  font-style: normal;
@@ -8969,15 +9094,15 @@ video::-webkit-media-controls-panel {
8969
9094
  line-height: 1.37rem;
8970
9095
  color: #c5c5c5; }
8971
9096
  @media (max-aspect-ratio: 9 / 16) {
8972
- .mb-search-container ::-moz-placeholder {
9097
+ .digit-mb-search-container ::-moz-placeholder {
8973
9098
  font-size: .875rem; } }
8974
9099
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8975
- .mb-search-container ::-moz-placeholder {
9100
+ .digit-mb-search-container ::-moz-placeholder {
8976
9101
  font-size: 1rem; } }
8977
9102
  @media (min-aspect-ratio: 3 / 4) {
8978
- .mb-search-container ::-moz-placeholder {
9103
+ .digit-mb-search-container ::-moz-placeholder {
8979
9104
  font-size: 1rem; } }
8980
- .mb-search-container :-ms-input-placeholder {
9105
+ .digit-mb-search-container :-ms-input-placeholder {
8981
9106
  content: attr(placeholder);
8982
9107
  font-family: Roboto;
8983
9108
  font-style: normal;
@@ -8985,15 +9110,15 @@ video::-webkit-media-controls-panel {
8985
9110
  line-height: 1.37rem;
8986
9111
  color: #c5c5c5; }
8987
9112
  @media (max-aspect-ratio: 9 / 16) {
8988
- .mb-search-container :-ms-input-placeholder {
9113
+ .digit-mb-search-container :-ms-input-placeholder {
8989
9114
  font-size: .875rem; } }
8990
9115
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8991
- .mb-search-container :-ms-input-placeholder {
9116
+ .digit-mb-search-container :-ms-input-placeholder {
8992
9117
  font-size: 1rem; } }
8993
9118
  @media (min-aspect-ratio: 3 / 4) {
8994
- .mb-search-container :-ms-input-placeholder {
9119
+ .digit-mb-search-container :-ms-input-placeholder {
8995
9120
  font-size: 1rem; } }
8996
- .mb-search-container ::-ms-input-placeholder {
9121
+ .digit-mb-search-container ::-ms-input-placeholder {
8997
9122
  content: attr(placeholder);
8998
9123
  font-family: Roboto;
8999
9124
  font-style: normal;
@@ -9001,15 +9126,15 @@ video::-webkit-media-controls-panel {
9001
9126
  line-height: 1.37rem;
9002
9127
  color: #c5c5c5; }
9003
9128
  @media (max-aspect-ratio: 9 / 16) {
9004
- .mb-search-container ::-ms-input-placeholder {
9129
+ .digit-mb-search-container ::-ms-input-placeholder {
9005
9130
  font-size: .875rem; } }
9006
9131
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9007
- .mb-search-container ::-ms-input-placeholder {
9132
+ .digit-mb-search-container ::-ms-input-placeholder {
9008
9133
  font-size: 1rem; } }
9009
9134
  @media (min-aspect-ratio: 3 / 4) {
9010
- .mb-search-container ::-ms-input-placeholder {
9135
+ .digit-mb-search-container ::-ms-input-placeholder {
9011
9136
  font-size: 1rem; } }
9012
- .mb-search-container ::placeholder {
9137
+ .digit-mb-search-container ::placeholder {
9013
9138
  content: attr(placeholder);
9014
9139
  font-family: Roboto;
9015
9140
  font-style: normal;
@@ -9017,49 +9142,49 @@ video::-webkit-media-controls-panel {
9017
9142
  line-height: 1.37rem;
9018
9143
  color: #c5c5c5; }
9019
9144
  @media (max-aspect-ratio: 9 / 16) {
9020
- .mb-search-container ::placeholder {
9145
+ .digit-mb-search-container ::placeholder {
9021
9146
  font-size: .875rem; } }
9022
9147
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9023
- .mb-search-container ::placeholder {
9148
+ .digit-mb-search-container ::placeholder {
9024
9149
  font-size: 1rem; } }
9025
9150
  @media (min-aspect-ratio: 3 / 4) {
9026
- .mb-search-container ::placeholder {
9151
+ .digit-mb-search-container ::placeholder {
9027
9152
  font-size: 1rem; } }
9028
9153
 
9029
- .mb-search-container.dark {
9154
+ .digit-mb-search-container.dark {
9030
9155
  height: 4.5rem;
9031
9156
  min-width: 15rem;
9032
9157
  width: auto;
9033
9158
  padding: 1rem !important; }
9034
- .mb-search-container.dark .mb-search {
9159
+ .digit-mb-search-container.dark .digit-mb-search {
9035
9160
  height: 2.5rem !important;
9036
9161
  min-width: 13rem; }
9037
- .mb-search-container.dark .mb-search .digit-text-input-customIcon {
9162
+ .digit-mb-search-container.dark .digit-mb-search .digit-text-input-customIcon {
9038
9163
  height: 1.5rem;
9039
9164
  width: 1.5rem;
9040
9165
  top: .5rem;
9041
9166
  right: .5rem; }
9042
- .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 {
9043
9168
  max-height: 100%; }
9044
- .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 {
9045
9170
  background-color: initial;
9046
9171
  border: .063rem solid #fafafa;
9047
9172
  color: #eee; }
9048
- .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 {
9049
9174
  color: #eee; }
9050
- .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 {
9051
9176
  color: #eee; }
9052
- .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 {
9053
9178
  color: #eee; }
9054
- .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 {
9055
9180
  color: #eee; }
9056
- .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 {
9057
9182
  color: #eee; }
9058
- .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 {
9059
9184
  border: 0.063rem solid #fafafa !important; }
9060
- .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 {
9061
9186
  border: 0.063rem solid #fafafa !important; }
9062
- .mb-search-container.dark ::-webkit-input-placeholder {
9187
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9063
9188
  content: attr(placeholder);
9064
9189
  font-family: Roboto;
9065
9190
  font-style: normal;
@@ -9067,15 +9192,15 @@ video::-webkit-media-controls-panel {
9067
9192
  line-height: 1.37rem;
9068
9193
  color: #eee; }
9069
9194
  @media (max-aspect-ratio: 9 / 16) {
9070
- .mb-search-container.dark ::-webkit-input-placeholder {
9195
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9071
9196
  font-size: .875rem; } }
9072
9197
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9073
- .mb-search-container.dark ::-webkit-input-placeholder {
9198
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9074
9199
  font-size: 1rem; } }
9075
9200
  @media (min-aspect-ratio: 3 / 4) {
9076
- .mb-search-container.dark ::-webkit-input-placeholder {
9201
+ .digit-mb-search-container.dark ::-webkit-input-placeholder {
9077
9202
  font-size: 1rem; } }
9078
- .mb-search-container.dark ::-moz-placeholder {
9203
+ .digit-mb-search-container.dark ::-moz-placeholder {
9079
9204
  content: attr(placeholder);
9080
9205
  font-family: Roboto;
9081
9206
  font-style: normal;
@@ -9083,15 +9208,15 @@ video::-webkit-media-controls-panel {
9083
9208
  line-height: 1.37rem;
9084
9209
  color: #eee; }
9085
9210
  @media (max-aspect-ratio: 9 / 16) {
9086
- .mb-search-container.dark ::-moz-placeholder {
9211
+ .digit-mb-search-container.dark ::-moz-placeholder {
9087
9212
  font-size: .875rem; } }
9088
9213
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9089
- .mb-search-container.dark ::-moz-placeholder {
9214
+ .digit-mb-search-container.dark ::-moz-placeholder {
9090
9215
  font-size: 1rem; } }
9091
9216
  @media (min-aspect-ratio: 3 / 4) {
9092
- .mb-search-container.dark ::-moz-placeholder {
9217
+ .digit-mb-search-container.dark ::-moz-placeholder {
9093
9218
  font-size: 1rem; } }
9094
- .mb-search-container.dark :-ms-input-placeholder {
9219
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9095
9220
  content: attr(placeholder);
9096
9221
  font-family: Roboto;
9097
9222
  font-style: normal;
@@ -9099,15 +9224,15 @@ video::-webkit-media-controls-panel {
9099
9224
  line-height: 1.37rem;
9100
9225
  color: #eee; }
9101
9226
  @media (max-aspect-ratio: 9 / 16) {
9102
- .mb-search-container.dark :-ms-input-placeholder {
9227
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9103
9228
  font-size: .875rem; } }
9104
9229
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9105
- .mb-search-container.dark :-ms-input-placeholder {
9230
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9106
9231
  font-size: 1rem; } }
9107
9232
  @media (min-aspect-ratio: 3 / 4) {
9108
- .mb-search-container.dark :-ms-input-placeholder {
9233
+ .digit-mb-search-container.dark :-ms-input-placeholder {
9109
9234
  font-size: 1rem; } }
9110
- .mb-search-container.dark ::-ms-input-placeholder {
9235
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9111
9236
  content: attr(placeholder);
9112
9237
  font-family: Roboto;
9113
9238
  font-style: normal;
@@ -9115,15 +9240,15 @@ video::-webkit-media-controls-panel {
9115
9240
  line-height: 1.37rem;
9116
9241
  color: #eee; }
9117
9242
  @media (max-aspect-ratio: 9 / 16) {
9118
- .mb-search-container.dark ::-ms-input-placeholder {
9243
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9119
9244
  font-size: .875rem; } }
9120
9245
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9121
- .mb-search-container.dark ::-ms-input-placeholder {
9246
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9122
9247
  font-size: 1rem; } }
9123
9248
  @media (min-aspect-ratio: 3 / 4) {
9124
- .mb-search-container.dark ::-ms-input-placeholder {
9249
+ .digit-mb-search-container.dark ::-ms-input-placeholder {
9125
9250
  font-size: 1rem; } }
9126
- .mb-search-container.dark ::placeholder {
9251
+ .digit-mb-search-container.dark ::placeholder {
9127
9252
  content: attr(placeholder);
9128
9253
  font-family: Roboto;
9129
9254
  font-style: normal;
@@ -9131,16 +9256,16 @@ video::-webkit-media-controls-panel {
9131
9256
  line-height: 1.37rem;
9132
9257
  color: #eee; }
9133
9258
  @media (max-aspect-ratio: 9 / 16) {
9134
- .mb-search-container.dark ::placeholder {
9259
+ .digit-mb-search-container.dark ::placeholder {
9135
9260
  font-size: .875rem; } }
9136
9261
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9137
- .mb-search-container.dark ::placeholder {
9262
+ .digit-mb-search-container.dark ::placeholder {
9138
9263
  font-size: 1rem; } }
9139
9264
  @media (min-aspect-ratio: 3 / 4) {
9140
- .mb-search-container.dark ::placeholder {
9265
+ .digit-mb-search-container.dark ::placeholder {
9141
9266
  font-size: 1rem; } }
9142
9267
 
9143
- .msb-sidebar-bottom {
9268
+ .digit-msb-sidebar-bottom {
9144
9269
  background-color: #fafafa;
9145
9270
  z-index: 5;
9146
9271
  padding: 1rem;
@@ -9155,43 +9280,45 @@ video::-webkit-media-controls-panel {
9155
9280
  gap: 1rem;
9156
9281
  border-top: .063rem solid #d6d5d4;
9157
9282
  height: 4rem; }
9158
- .msb-sidebar-bottom button {
9283
+ .digit-msb-sidebar-bottom button {
9159
9284
  width: 100%; }
9160
- .msb-sidebar-bottom button .icon-label-container .digit-button-customIcon {
9285
+ .digit-msb-sidebar-bottom button .icon-label-container .digit-button-customIcon {
9161
9286
  width: 1.25rem;
9162
9287
  height: 1.25rem; }
9163
- .msb-sidebar-bottom.dark {
9288
+ .digit-msb-sidebar-bottom.dark {
9164
9289
  background-color: #0b4b66; }
9165
9290
 
9166
- .icon-msb {
9291
+ .digit-icon-msb {
9167
9292
  margin-right: .75rem;
9168
9293
  width: 1.5rem;
9169
9294
  height: 1.5rem;
9170
9295
  margin-left: 1.75rem; }
9171
9296
 
9172
- .item-label-msb {
9297
+ .digit-item-label-msb {
9173
9298
  font-family: Roboto;
9174
9299
  font-style: normal;
9175
9300
  font-weight: 400;
9176
9301
  line-height: 1.37rem; }
9177
9302
  @media (max-aspect-ratio: 9 / 16) {
9178
- .item-label-msb {
9303
+ .digit-item-label-msb {
9179
9304
  font-size: .875rem; } }
9180
9305
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
9181
- .item-label-msb {
9306
+ .digit-item-label-msb {
9182
9307
  font-size: 1rem; } }
9183
9308
  @media (min-aspect-ratio: 3 / 4) {
9184
- .item-label-msb {
9309
+ .digit-item-label-msb {
9185
9310
  font-size: 1rem; } }
9311
+ .digit-item-label-msb.withoutIcon {
9312
+ margin-left: 1.75rem; }
9186
9313
 
9187
- .expand-icon-msb {
9314
+ .digit-expand-icon-msb {
9188
9315
  width: 1.5rem;
9189
9316
  height: 1.5rem;
9190
9317
  margin-left: auto !important; }
9191
- .expand-icon-msb.child-level {
9318
+ .digit-expand-icon-msb.child-level {
9192
9319
  margin-right: 1.5rem; }
9193
9320
 
9194
- .sidebar-item-msb {
9321
+ .digit-sidebar-item-msb {
9195
9322
  text-decoration: none;
9196
9323
  -webkit-transition: background-color .3s;
9197
9324
  transition: background-color .3s;
@@ -9200,7 +9327,7 @@ video::-webkit-media-controls-panel {
9200
9327
  height: 100%;
9201
9328
  position: relative; }
9202
9329
 
9203
- .item-child-wrapper-msb, .sidebar-item-msb {
9330
+ .digit-item-child-wrapper-msb, .digit-sidebar-item-msb {
9204
9331
  display: -webkit-box;
9205
9332
  display: -ms-flexbox;
9206
9333
  display: flex;
@@ -9209,18 +9336,18 @@ video::-webkit-media-controls-panel {
9209
9336
  align-items: center;
9210
9337
  width: 100%; }
9211
9338
 
9212
- .item-child-wrapper-msb {
9339
+ .digit-item-child-wrapper-msb {
9213
9340
  height: 3rem;
9214
9341
  -webkit-box-pack: center;
9215
9342
  -ms-flex-pack: center;
9216
9343
  justify-content: center; }
9217
- .item-child-wrapper-msb .sidebar-item-msb:hover {
9344
+ .digit-item-child-wrapper-msb .digit-sidebar-item-msb:hover {
9218
9345
  background-color: rgba(255, 255, 255, 0.30196); }
9219
- .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 {
9220
9347
  background: rgba(200, 76, 14, 0.10196); }
9221
- .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 {
9222
9349
  color: #0b4b66; }
9223
- .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 {
9224
9351
  content: "";
9225
9352
  position: absolute;
9226
9353
  top: .062rem;
@@ -9230,11 +9357,11 @@ video::-webkit-media-controls-panel {
9230
9357
  background: #c84c0e;
9231
9358
  border-top-right-radius: .25rem;
9232
9359
  border-bottom-right-radius: .25rem; }
9233
- .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 {
9234
9361
  background: #c84c0e; }
9235
- .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 {
9236
9363
  color: #fff; }
9237
- .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 {
9238
9365
  content: "";
9239
9366
  position: absolute;
9240
9367
  top: .062rem;
@@ -9245,18 +9372,24 @@ video::-webkit-media-controls-panel {
9245
9372
  border-top-right-radius: .25rem;
9246
9373
  border-bottom-right-radius: .25rem; }
9247
9374
 
9248
- .msb-sidebar-items::-webkit-scrollbar {
9375
+ .digit-msb-sidebar-items::-webkit-scrollbar {
9249
9376
  width: .375rem;
9250
9377
  background-color: #eee; }
9251
9378
 
9252
- .msb-sidebar-items::-webkit-scrollbar-track {
9379
+ .digit-msb-sidebar-items::-webkit-scrollbar-track {
9253
9380
  background-color: #eee;
9254
9381
  border-radius: .563rem; }
9255
9382
 
9256
- .msb-sidebar-items::-webkit-scrollbar-thumb {
9383
+ .digit-msb-sidebar-items::-webkit-scrollbar-thumb {
9257
9384
  background-color: #d6d5d4;
9258
9385
  border-radius: .563rem; }
9259
9386
 
9387
+ .digit-hamburger-profile {
9388
+ width: 3.875rem;
9389
+ height: 4rem;
9390
+ -o-object-fit: cover;
9391
+ object-fit: cover; }
9392
+
9260
9393
  .tooltip-wrapper {
9261
9394
  position: relative;
9262
9395
  display: inline-block; }
@@ -9284,6 +9417,8 @@ video::-webkit-media-controls-panel {
9284
9417
  -webkit-box-direction: normal;
9285
9418
  -ms-flex-direction: column;
9286
9419
  flex-direction: column;
9420
+ grid-gap: .625rem;
9421
+ gap: .625rem;
9287
9422
  min-width: 4.125rem;
9288
9423
  max-width: 14.563rem;
9289
9424
  font-family: Roboto;
@@ -9299,6 +9434,10 @@ video::-webkit-media-controls-panel {
9299
9434
  @media (min-aspect-ratio: 3 / 4) {
9300
9435
  .tooltip-content {
9301
9436
  font-size: 1rem; } }
9437
+ .tooltip-content .tooltip-header {
9438
+ color: #fff; }
9439
+ .tooltip-content .tooltip-description {
9440
+ color: #fff; }
9302
9441
 
9303
9442
  .tooltip-content.tooltip-bottom-start {
9304
9443
  top: 3rem;