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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.0.2-beta.28] - 2024-09-04
+### Changed
+- Added BottomSheet styles
+
+## [0.0.2-beta.27] - 2024-09-04
+### Changed
+-  Updated Tooltip styles
+
 ## [0.0.2-beta.24] - 2024-08-22
 ### Changed
 -  Added Accordion css and updated Sidebar css

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-components-css - 0.0.2-beta.26
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.28
  *
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egovernments.org>
  * 
@@ -1503,45 +1503,45 @@ body {
   .digit-bottom-sheet.full {
     border-radius: 0; }
 
-.digit-bottom-sheet.closed {
-  height: 2.5rem; }
-  .digit-bottom-sheet.closed.actionsEnabled {
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content; }
-
-.digit-bottom-sheet.fixed {
-  height: 30vh; }
-
-.digit-bottom-sheet.quarter {
-  height: 50vh; }
-
-.digit-bottom-sheet.intermediate {
-  height: 75vh; }
-
-.digit-bottom-sheet.full {
-  height: calc(100vh - 3.5rem); }
+.digit-bottom-sheet.closed.actionsEnabled {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content; }
 
 .digit-bottom-sheet-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  height: 2.5rem;
-  cursor: pointer; }
-  .digit-bottom-sheet-header.fixed, .digit-bottom-sheet-header.full, .digit-bottom-sheet-header.intermediate, .digit-bottom-sheet-header.quarter {
-    height: 1.875rem; }
+  height: 2.5rem; }
   .digit-bottom-sheet-header.actionsEnabled {
     height: 1.5rem; }
 
+.digit-bottom-sheet-drag-cursor {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  width: 100%;
+  height: 100%;
+  background-color: initial;
+  cursor: ns-resize; }
+
+.digit-bottom-sheet-handle-indicator {
+  width: 6.25rem;
+  height: .375rem;
+  border-radius: .25rem;
+  background-color: #d9d9d9;
+  margin: .5rem 0; }
+
 .digit-bottom-sheet-content {
-  padding: 1rem;
   overflow-y: scroll;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
@@ -1559,18 +1559,13 @@ body {
       grid-gap: 1.5rem;
       gap: 1.5rem; } }
 
-.digit-bottom-sheet-handle-indicator {
-  width: 6.25rem;
-  height: .375rem;
-  border-radius: .25rem;
-  background-color: #d9d9d9;
-  margin: .5rem 0; }
-
-.digit-bottom-sheet-actions {
+.digit-bottom-sheet-actions, .digit-bottom-sheet-content {
   padding: 1rem;
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
+  display: flex; }
+
+.digit-bottom-sheet-actions {
   grid-gap: 1.5rem;
   gap: 1.5rem;
   background-color: #fff;
@@ -1581,11 +1576,11 @@ body {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end; }
-  .digit-bottom-sheet-actions.equallButtons {
+  .digit-bottom-sheet-actions.equalButtons {
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start; }
-    .digit-bottom-sheet-actions.equallButtons button {
+    .digit-bottom-sheet-actions.equalButtons button {
       -webkit-box-flex: 1;
       -ms-flex: 1;
       flex: 1; }
@@ -2034,22 +2029,22 @@ body {
   .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 {
     font-size: 1.5rem; } }
 
-.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 {
+.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 {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   line-height: 1.14rem; }
 
 @media (max-aspect-ratio: 9 / 16) {
-  .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 {
+  .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 {
     font-size: 1rem; } }
 
 @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
-  .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 {
+  .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 {
     font-size: 1rem; } }
 
 @media (min-aspect-ratio: 3 / 4) {
-  .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 {
+  .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 {
     font-size: 1rem; } }
 
 .typography.heading-xs, .digit-tag-container .digit-tag.errortag .digit-text {
@@ -2139,22 +2134,22 @@ body {
   .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 {
     font-size: 1rem; } }
 
-.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 {
+.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 {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   line-height: 1.37rem; }
 
 @media (max-aspect-ratio: 9 / 16) {
-  .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 {
+  .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 {
     font-size: .75rem; } }
 
 @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
-  .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 {
+  .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 {
     font-size: .875rem; } }
 
 @media (min-aspect-ratio: 3 / 4) {
-  .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 {
+  .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 {
     font-size: .875rem; } }
 
 .typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label {
@@ -9417,6 +9412,8 @@ video::-webkit-media-controls-panel {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
+  grid-gap: .625rem;
+  gap: .625rem;
   min-width: 4.125rem;
   max-width: 14.563rem;
   font-family: Roboto;
@@ -9432,6 +9429,10 @@ video::-webkit-media-controls-panel {
   @media (min-aspect-ratio: 3 / 4) {
     .tooltip-content {
       font-size: 1rem; } }
+  .tooltip-content .tooltip-header {
+    color: #fff; }
+  .tooltip-content .tooltip-description {
+    color: #fff; }
 
 .tooltip-content.tooltip-bottom-start {
   top: 3rem;