@syncfusion/ej2-fluent2-dark-theme 33.2.13 → 34.1.29

package/styles/pdfviewer/_fluent2-definition.scss

@@ -0,0 +1,928 @@
+@use '../base/common/base-variables' as *;
+
+/*! PdfViewer's default definitions and variables */
+//layout variables
+$pv-viewer-border-width: 1px 1px 1px 0 !default;
+$pv-viewer-container-height: calc(100%) !default;
+$pv-viewer-main-container-min-width: 400px !default;
+$pv-page-div-position: absolute !default;
+$pv-page-container-padding: 0 !default;
+$pv-page-container-margin: 0 !default;
+$pv-page-div-border: 1px !default;
+$pv-icon-font-size: 16px !default;
+$pv-icon-margin: 7px 7.5px !default;
+$pv-icon-height: 18px !default;
+$pv-icon-width: 18px !default;
+$gantt-masked-table-background-color: rgba(225, 223, 221, 1) !default;
+$pv-toolbar-height: 38px !default;
+$pv-toolbar-border-width: 1px 1px 0 1px !default;
+$pv-toolbar-border-radius: 0 !default;
+$pv-current-page-height: 28px !default;
+$pv-current-page-width: 46px !default;
+$pv-zoom-dropdown-height: 32px !default;
+$pv-zoom-dropdown-width: 71px !default;
+$pv-password-input-margin-top: 8px !default;
+$pv-corrupted-pop-header-opacity: .87 !default;
+$pv-corrupted-pop-header-font-size: 20px !default;
+$pv-corrupted-pop-header-letter-spacing: -.2px !default;
+$pv-corrupted-pop-header-text-align: left !default;
+$pv-corrupted-pop-content-font-size: 16px !default;
+$pv-corrupted-pop-content-letter-spacing: -.16px !default;
+$pv-corrupted-pop-content-line-height: 24px !default;
+$pv-corrupted-pop-content-margin-left: 50px !default;
+$pv-toolbar-separator-margin-left: 3px !default;
+$pv-toolbar-separator-margin-right: 3px !default;
+$pv-toolbar-separator-border-right-width: 1px !default;
+$pv-toolbar-separator-height: 24px !default;
+$pv-toolbar-popup-icon-padding: 0 16px 0 0;
+$pv-toolbar-popup-icon-padding-rtl: 0 0 0 16px;
+$pv-toolbar-items-margin-left: .5px !default;
+$pv-toolbar-items-margin-right: .5px !default;
+$pv-toolbar-items-padding-top: 4px !default;
+$pv-toolbar-items-padding-bottom: 4px !default;
+$pv-toolbar-items-first-child-margin-left: 4.5px !default;
+$pv-toolbar-items-last-child-margin-right: 4.5px !default;
+$pv-toolbar-btn-height: 32px !default;
+$pv-toolbar-btn-width: 32px !default;
+$pv-toolbar-open-icon-width: 16px !default;
+$pv-toolbar-open-icon-height: 12.44px !default;
+$pv-toolbar-open-icon-line-height: 12.44px !default;
+$pv-toolbar-download-icon-width: 16px !default;
+$pv-toolbar-download-icon-height: 16px !default;
+$pv-toolbar-download-icon-line-height: 16px !default;
+$pv-toolbar-first-page-icon-line-height: 14px !default;
+$pv-toolbar-print-icon-width: 16px !default;
+$pv-toolbar-print-icon-height: 16px !default;
+$pv-toolbar-print-icon-line-height: 16px !default;
+$pv-toolbar-print-icon-margin: 3px 0 0 1px !default;
+$pv-toolbar-previous-page-icon-line-height: 14px !default;
+$pv-toolbar-next-page-icon-line-height: 14px !default;
+$pv-toolbar-last-page-icon-line-height: 14px !default;
+$pv-toolbar-zoom-out-icon-size: 16px !default;
+$pv-toolbar-zoom-out-icon-line-height: 16px !default;
+$pv-toolbar-zoom-drop-margin: 0 4px !default;
+$pv-toolbar-zoom-drop-padding: 6px 0 !default;
+$pv-toolbar-total-page-div-padding-left: .5px !default;
+$pv-toolbar-total-page-padding-bottom: 5 !default;
+$pv-toolbar-total-page-div-margin-left: 8px !default;
+$pv-toolbar-total-page-div-margin-right: 4px !default;
+$pv-toolbar-current-page-box-margin-top: 0 !default;
+$pv-toolbar-zoom-drop-down-margin-top: 0 !default;
+$pv-toolbar-zoom-drop-down-padding: 0 !default;
+$pv-toolbar-zoom-drop-down-border: 0 !default;
+$pv-toolbar-zoom-drop-down-border-focus: 0 !default;
+$pv-toolbar-zoom-drop-down-border-radius: 2px !default;
+$pv-text-align: center !default;
+$pv-zoom-drop-down-popup-text-align: left !default;
+$pv-zoom-drop-down-padding-top: 7px !default;
+$pv-zoom-drop-down-padding-bottom: 5px !default;
+$pv-zoom-drop-down-padding-left: 12px !default;
+$pv-zoom-drop-down-padding-left-rtl: 0 !default;
+$pv-zoom-drop-down-padding-right-rtl: $pv-zoom-drop-down-padding-left !default;
+$pv-zoom-drop-down-input-margin-top: 0 !default;
+$pv-zoom-drop-down-margin-top: 0 !default;
+$pv-zoom-drop-down-margin-bottom: 0 !default;
+$pv-zoom-drop-down-margin-left: 0 !default;
+$pv-zoom-drop-down-padding-right: 0 !default;
+$pv-current-page-border-radius: 4px !default;
+$pv-current-page-padding-left: 0 !default;
+$pv-current-page-padding-right-rtl: $pv-current-page-padding-left !default;
+$pv-current-page-height: 28px !default;
+$pv-current-page-padding-bottom: 7px !default;
+$pv-dialog-pop-header-font-weight: 500 !default;
+$pv-password-pop-content-font-size: 16px !default;
+$pv-password-pop-content-letter-spacing: -.16px !default;
+$pv-corrupted-pop-content-padding-top: 4.7px !default;
+$pv-password-pop-content-padding-top: 6px !default;
+$pv-zoom-drop-down-popup-height: 327px !default;
+$pv-zoom-drop-down-popup-width: 110px !default;
+$pv-zoom-drop-down-transform: rotate(0deg) !default;
+$pv-corrupted-dialog-width: 409px !default;
+$pv-corrupted-dialog-height: 200px !default;
+$pv-corrupted-dialog-header-border-bottom: 0 !default;
+$pv-corrupted-dialog-footer-border-top: 0 !default;
+$pv-password-dialog-width: 500px !default;
+$pv-password-dialog-height: auto !default;
+$pv-password-dialog-header-border-bottom: 0 !default;
+$pv-password-dialog-footer-border-top: 0 !default;
+$pv-dialog-pop-close-icon-padding-top: 6px !default;
+$pv-corrupted-dialog-pop-content-padding-top: 6.9px !default;
+$pv-corrupted-dialog-pop-content-padding-bottom: 15px !default;
+$pv-password-dialog-pop-content-padding-bottom: 11px !default;
+$pv-toolbar-total-page-number-font-size: 15px !default;
+$pv-corrupted-notification-background-size: 36.7px 31.7px !default;
+$pv-corrupted-notification-height: 31.7px !default;
+$pv-sidebar-container-top: 56px !default;
+$pv-sidebar-container-bottom: 0 !default;
+$pv-sidebar-container-width: 250px !default;
+$pv-sidebar-container-z-index: 100 !default;
+$pv-main-container-width: 100% !default;
+$pv-main-container-height: 100% !default;
+$pv-viewer-main-container-top: 0 !default;
+$pv-viewer-main-container-right: 0 !default;
+$pv-viewer-main-container-bottom: 0 !default;
+$pv-viewer-main-container-left: 0 !default;
+$pv-sidebar-content-container-left: 38px !default;
+$pv-sidebar-content-container-display: none !default;
+$pv-sidebar-content-container-height: calc(100% - 38px) !default;
+$pv-sidebar-content-container-width: 202px !default;
+$pv-sidebar-content-container-float: left !default;
+$pv-sidebar-title-container-border-width: 0 1px 0 0 !default;
+$pv-sidebar-title-container-width: 202px !default;
+$pv-sidebar-title-container-position: $pv-page-div-position !default;
+$pv-sidebar-title-container-height: 40px !default;
+$pv-sidebar-title-container-top: 0 !default;
+$pv-sidebar-title-container-z-index: 102 !default;
+$pv-sidebar-title-margin: 0 !default;
+$pv-sidebar-title-top: 0 !default;
+$pv-sidebar-title-left: 8px !default;
+$pv-sidebar-title-vertical-align: middle !default;
+$pv-sidebar-title-line-height: 40px !default;
+$pv-sidebar-title-position: $pv-page-div-position !default;
+$pv-sidebar-title-width: 160px !default;
+$pv-sidebar-title-height: 16px !default;
+$pv-sidebar-title-font-size: 14px !default;
+$pv-sidebar-title-text-align: left !default;
+$pv-sidebar-toolbar-z-index: 100 !default;
+$pv-sidebar-toolbar-width: 38px !default;
+$pv-sidebar-toolbar-height: calc(100% - 38px) !default;
+$pv-sidebar-toolbar-bottom: 0 !default;
+$pv-sidebar-toolbar-border-width:  1px 0 1px 1px !default;
+$pv-sidebar-content-top: 38px !default;
+$pv-sidebar-content-bottom: 0 !default;
+$pv-sidebar-content-overflow: auto !default;
+$pv-sidebar-content-position: $pv-page-div-position !default;
+$pv-sidebar-content-width: 202px !default;
+$pv-sidebar-content-overflow-x: hidden !default;
+$pv-sidebar-content-z-index: 103 !default;
+$pv-sidebar-resizer-width: 8px !default;
+$pv-sidebar-resizer-height: calc(100%) !default;
+$pv-sidebar-resizer-cursor: ew-resize !default;
+$pv-sidebar-resizer-left: 202px !default;
+$pv-sidebar-resizer-z-index: 105 !default;
+$pv-sidebar-resizer-position: $pv-page-div-position !default;
+$pv-sidebar-content-scrollbar-width: 16px !default;
+$pv-sidebar-content-scrollbar-thumb-border-radius: 100px !default;
+$pv-thumbnail-view-button-width: 32px !default;
+$pv-thumbnail-view-button-height: 32px !default;
+$pv-thumbnail-view-button-margin: 8px 2px !default;
+$pv-thumbnail-view-button-selection-line-height: inherit !default;
+$pv-thumbnail-border-radius: 4px !default;
+$pv-thumbnail-outline: none !default;
+$pv-thumbnail-view-button-font-weight: 500 !default;
+$pv-thumbnail-view-button-border: 0 !default;
+$pv-thumbnail-view-button-box-shadow: none !default;
+$pv-thumbnail-view-button-padding: 0 !default;
+$pv-thumbnail-view-button-selection-padding: 0 !default;
+$pv-thumbnail-view-button-selection-border: none !default;
+$pv-thumbnail-border-selection-radius: 4px !default;
+$pv-bookmark-button-width: 32px !default;
+$pv-bookmark-button-height: 32px !default;
+$pv-bookmark-button-margin: 8px 2px !default;
+$pv-bookmark-button-border: none !default;
+$pv-bookmark-button-box-shadow: none !default;
+$pv-bookmark-button-padding: 0 !default;
+$pv-title-close-width: 32px !default;
+$pv-title-close-height: 40px !default;
+$pv-title-close-left: 0 !default;
+$pv-title-close-right: 0 !default;
+$pv-title-close-top: 0 !default;
+$pv-title-close-padding: 1px !default;
+$pv-title-close-position: absolute !default;
+$pv-title-close-border: none !default;
+$pv-title-close-box-shadow: none !default;
+$pv-sidebar-toolbar-splitter-width: 1px !default;
+$pv-sidebar-toolbar-splitter-left: 38px !default;
+$pv-sidebar-toolbar-splitter-height: calc(100% - 38px) !default;
+$pv-sidebar-toolbar-splitter-z-index: 104 !default;
+$pv-sidebar-toolbar-splitter-bottom: 0 !default;
+$pv-sidebar-toolbar-splitter-position: absolute !default;
+$pv-sidebar-content-splitter-width: 201px !default;
+$pv-sidebar-content-splitter-height: 1px !default;
+$pv-sidebar-content-splitter-z-index: 104 !default;
+$pv-sidebar-content-splitter-top: 38px !default;
+$pv-sidebar-content-splitter-position: absolute !default;
+$pv-thumbnail-view-height: 50% !default;
+$pv-thumbnail-view-position: absolute !default;
+$pv-thumbnail-view-top: 0 !default;
+$pv-thumbnail-view-bottom: 0 !default;
+$pv-thumbnail-view-padding: 8px 30px 0 !default;
+$pv-thumbnail-width: 100px !default;
+$pv-thumbnail-height: 140px !default;
+$pv-thumbnail-margin: 0 20px 40px !default;
+$pv-thumbnail-number-padding-left: 50px !default;
+$pv-thumbnail-number-padding-top: 8px !default;
+$pv-thumbnail-number-font-family: Roboto !default;
+$pv-thumbnail-selection-ring-border-radius: 0 !default;
+$pv-thumbnail-selection-ring-padding: 2px !default;
+$pv-thumbnail-image-width: 94px !default;
+$pv-thumbnail-image-height: 126px !default;
+$pv-thumbnail-image-background-clip: content-box !default;
+$pv-thumbnail-hover-border-radius: 2px !default;
+$pv-thumbnail-hover-padding: 2px !default;
+$pv-thumbnail-hover-cursor: pointer !default;
+$pv-organize-page-select-border-radius: 2px !default;
+$pv-thumbnail-focus-border-radius: 2px !default;
+$pv-thumbnail-focus-cursor: pointer !default;
+$pv-thumbnail-focus-padding: 0 !default;
+$pv-thumbnail-selection-border-radius: 0 !default;
+$pv-thumbnail-selection-cursor: pointer !default;
+$pv-thumbnail-selection-padding: 1px !default;
+$pv-thumbnail-row-display: flex !default;
+$pv-thumbnail-row-flex-wrap: wrap !default;
+$pv-thumbnail-column-flex: 25% !default;
+$pv-thumbnail-column-img-vertical-align: middle !default;
+$pv-bookmark-view-height: 100% !default;
+$pv-bookmark-view-position: relative !default;
+$pv-bookmark-view-padding-top: 0 !default;
+$pv-bookmark-view-overflow: auto !default;
+$pv-bookmark-icon-float: left !default;
+$pv-bookmark-icon-font-size: 14px !default;
+$pv-bookmark-icon-padding-right: 18px !default;
+$pv-bookmark-icon-padding-left: 6px !default;
+$pv-bookmark-title-padding-left: 40px !default;
+$pv-bookmark-expandable-icon-margin-top: 7px !default;
+$pv-sidebar-bookmark-title-font-size: 14px !default;
+$pv-sidebar-bookmark-title-font-family: Roboto-Regular !default;
+$pv-treeview-overflow: unset !default;
+$pv-treeview-fullrow-height: 34px !default;
+$pv-bookmark-view-ul-padding: 0 0 0 16px !default;
+$pv-bookmark-view-list-ul-padding-left: 32px !default;
+$pv-bookmark-view-icon-collapsible-display: inline-block !default;
+$pv-bookmark-view-icon-collapsible-padding: 0 !default;
+$pv-bookmark-view-icon-collapsible-height: 14px !default;
+$pv-bookmark-view-icon-collapsible-width: 14px !default;
+$pv-item-selection-border-radius: 4px !default;
+$pv-item-selection-border: 0 !default;
+$pv-print-popup-container-position: absolute !default;
+$pv-print-popup-container-z-index: 2000 !default;
+$pv-print-popup-container-width: 100% !default;
+$pv-print-popup-container-height: 100% !default;
+$pv-print-popup-container-left: 0 !default;
+$pv-print-popup-container-top: 0 !default;
+$pv-print-popup-container-overflow: auto !default;
+$pv-print-popup-container-opacity: .3 !default;
+$pv-search-box-height: 104px !default;
+$pv-search-box-width: 348px !default;
+$pv-search-box-border-radius: 2px !default;
+$pv-search-box-padding: 16px !default;
+$pv-search-input-height: 32px !default;
+$pv-search-input-width: 240px !default;
+$pv-match-case-margin-top: 12px !default;
+$pv-search-btn-height: 24px !default;
+$pv-search-btn-width: 24px !default;
+$pv-search-btn-margin-top: -6px;
+$pv-search-prev-margin-left: 16px !default;
+$pv-search-next-margin-left: 8px !default;
+$pv-notification-popup-height: 175px !default;
+$pv-notification-popup-width: $pv-corrupted-dialog-width !default;
+$pv-notification-popup-height-large-content: 193px;
+$pv-notification-popup-width-large-content: 400px;
+$pv-notification-content-font-size: 16px !default;
+$pv-zoom-dropdown-input-focus-color: inherit !default;
+$pv-text-selection-opacity: .6 !default;
+$pv-icon-padding-top: 7px !default;
+$pv-material-line-background: none !default;
+$pv-toolbar-btn-padding: 0 1.5px !default;
+$pv-toolbar-btn-line-height: 25px !default;
+$pv-toolbaritem-btn-line-height: 26px !default;
+$pv-toolbaritem-btn-min-height: 26px !default;
+$pv-toolbar-btn-margin: -2px 0 !default;
+$pv-mobile-page-box-padding-top: 4px !default;
+$pv-zoom-dropdown-width-mobile: 93px !default;
+$pv-mobile-page-box-padding-left-focus: 0 !default;
+$pv-password-dialog-height-mobile: auto !default;
+$pv-notification-dialog-height-mobile: 195px !default;
+$pv-notification-dialog-height-large-mobile: 220px !default;
+$pv-corrupted-dialog-height-mobile: 240px !default;
+$pv-toolbar-btn-height-big: $pv-toolbar-btn-height !default;
+$pv-toolbar-btn-width-big: $pv-toolbar-btn-width !default;
+$pv-textsearch-textbox-margin-right: 10px !default;
+$pv-bookmark-icon-rtl-position: absolute !default;
+$pv-bookmark-icon-rtl-padding: 1px !default;
+$pv-corrupted-pop-content-margin-right: 53px !default;
+$pv-corrupted-pop-header-rtl-text-align: right !default;
+$pv-toolbar-btn-width-mobile: 36px !default;
+$pv-toolbar-btn-height-mobile: 30px !default;
+$pv-annotation-opacity-popup-background-color: $content-bg-color-alt1 !default;
+$pv-annotation-opacity-popup-color: $content-text-color !default;
+$pv-annotation-opacity-popup-padding: 16px !default;
+$pv-annotation-opacity-popup-min-height: 48px !default;
+$pv-annotation-opacity-slider-width: 172px !default;
+$pv-annotation-opacity-slider-width-rtl: 140px !default;
+$pv-annotation-opacity-slider-margin-left: 11px !default;
+$pv-annotation-opacity-slider-margin-right: 10px !default;
+$pv-annotation-opacity-slider-height: 16px !default;
+$pv-annotation-drop-down-caret-font-size: 12px !default;
+$pv-annotation-drop-down-height: 32px !default;
+$pv-annotation-drop-down-width: 62px !default;
+$pv-annotation-opacity-icon-padding-top: 1px !default;
+$pv-annotation-drop-down-btn-line-height: 1.143em !default;
+$pv-annotation-drop-down-btn-padding: 7px 7px 6px !default;
+$pv-annotation-icon-padding: 1.5px 4px 3px !default;
+$pv-comment-tile-font-weight: 600 !default;
+$pv-annotation-thickness-drop-down-padding-top: 8px !default;
+$pv-stamp-container-border-radius: 2px !default;
+$pv-stamp-icon-margin-top: 0 !default;
+$pv-properties-padding: 8px !default;
+$pv-properties-drop-down-margin-left: 84% !default;
+$pv-properties-line-style-padding: 0 8px !default;
+$pv-status-icon-padding: 2px 1px 1px 3.5px !default;
+$pv-accepted-icon-padding: 1px 1px 1px 4px !default;
+$pv-rejected-icon-padding: 2px 1px 1px 4px !default;
+$pv-status-icon-font-size: 14px !default;
+$pv-status-icon-position: absolute !default;
+$pv-line-stroke-color-margin-left: 6% !default;
+$pv-blazor-line-stroke-color-margin-left: 32px !default;
+$pv-blazor-line-stroke-color-margin-left-bigger: 32px !default;
+$pv-line-leader-length-margin-left: 22px !default;
+$pv-annot-toolbar-dropdown-btn-height: 32px !default;
+$pv-annot-toolbar-dropdown-btn-line-height: 32px !default;
+$pv-annot-toolbar-dropdown-btn-width: 56px !default;
+$pv-annot-toolbar-dropdown-btn-padding-top: 1px !default;
+$pv-properties-win-max-width: 424px !default;
+$pv-properties-form-field-win-max-width: 477px !default;
+$pv-properties-win-max-width-big: 435px !default;
+$pv-properties-container-margin-bottom: 16px !default;
+$pv-properties-container-height: 52px !default;
+$pv-scale-ratio-win-max-width: 408px !default;
+$pv-scale-ratio-win-max-width-big: 464px !default;
+$pv-prop-color-picker-height: 32px !default;
+$pv-prop-color-picker-line-height: 16px !default;
+$pv-scale-ratio-win-drop-down-padding: 4px 8px 4px !default;
+$pv-scale-ratio-win-drop-down-caret-margin-left: 75% !default;
+$pv-scale-ratio-win-drop-down-caret-margin-top: 4px !default;
+$pv-scale-ratio-input-container-height: 24px !default;
+$pv-scale-ratio-input-container-margin-bottom: 24px !default;
+$pv-scale-ratio-width: 180px !default;
+$pv-scale-ratio-container-max-width: 178px !default;
+$pv-properties-window-container-max-width: $pv-scale-ratio-container-max-width !default;
+$pv-properties-window-container-width: $pv-scale-ratio-container-max-width !default;
+$pv-prop-line-styles-margin-top: 2.5px !default;
+$pv-more-option-button-padding: 8px 7px 1px 1px !default;
+$pv-comment-title-padding-top: 7px !default;
+$pv-form-field-size: 0 !default;
+$pv-form-field-checkbox-border-width: 3px !default;
+$pv-form-field-property-header-font-size: 20px !default;
+$pv-form-field-property-header-font-weight: 500 !default;
+$pv-form-field-property-header-line-height: 23px !default;
+$pv-form-field-property-header-opacity: .87 !default;
+$pv-form-field-property-header-margin-top: 5px !default;
+$pv-form-field-property-header-width: 80% !default;
+$pv-form-field-property-general-header-font-size: 13px !default;
+$pv-form-field-property-general-header-line-height: 15px !default;
+$pv-prop-win-margin-left: 10px !default;
+$pv-font-size-field-width: 93px !default;
+$pv-formfield-maxlength-width: 95px !default;
+$pv-formfield-maxlength-arrow-width: 18px !default;
+$pv-formfield-designer-dialog-height: 545px !default;
+$pv-properties-header-spliter-border-bottom-style: solid !default;
+$pv-properties-header-spliter-border-bottom-width: 0 !default;
+$pv-properties-header-spliter-left: 0 !default;
+$pv-properties-header-spliter-padding-top: 38px !default;
+$pv-properties-header-spliter-position: absolute !default;
+$pv-properties-header-spliter-width: 100% !default;
+$pv-properties-header-spliter-margin-bottom: 10px !default;
+$pv-formfield-maxlength-group-padding-left: 12px !default;
+$pv-formfield-properties-icon-height: 32px !default;
+$pv-formfield-properties-icon-padding: 5px !default;
+$pv-formfield-properties-icon-align-padding: 3px 6px !default;
+$pv-form-field-property-font-style-width: 49px !default;
+$pv-signature-delete-icon-margin-top: 10px !default;
+$pv-signature-dialog-height: 563px !default;
+$pv-signature-dialog-blazor-height: 574px !default;
+$pv-blazor-scale-ratio-dialog-max-width: 543px !default;
+$pv-handwritten-sign-width: 655px !default;
+$pv-handwritten-sign-height: 340px !default;
+
+//end layout
+//color definition
+$pv-background: $content-bg-color-alt3 !default;
+$pv-control-border-color: $border-light !default;
+$pv-viewer-border-style: solid !default;
+$pv-control-position: relative !default;
+$pv-control-overflow: auto !default;
+$pv-control-touch-action: pan-x pan-y !default;
+$pv-page-container-touch-action: pan-x pan-y !default;
+$pv-page-div-border-style: solid !default;
+$pv-page-div-focus-style: rgb(0, 0, 0) 0 0 0 2px !default;
+$pv-page-div-border-color: $border-light !default;
+$pv-page-div-border-boxing: content-box !default;
+$pv-page-div-box-shadow: none !default;
+$pv-icon-color: $icon-color !default;
+$pv-icon-disable-color: $pv-icon-color !default;
+$pv-toolbar-height-big: $pv-toolbar-height !default;
+$pv-toolbar-border: 1px solid $border-light !default;
+$pv-password-error-color: $error-font-color !default;
+$pv-corrupted-pop-header-color: $primary !default;
+$pv-toolbar-total-page-font-color: $content-text-color-alt1 !default;
+$pv-toolbar-zoom-drop-down-background-color: $content-bg-color !default;
+$pv-material-line-background: none !default;
+$pv-zoom-drop-down-input-height: auto !default;
+$pv-zoom-drop-down-active-color: $primary !default;
+$pv-current-page-border-bottom: 1px solid var(--color-sf-border-alt) !default;
+$pv-current-page-border: 1px solid $border !default;
+$pv-toolbar-total-page-number-color: $content-text-color !default;
+$pv-corrupted-notification-background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjM1cHgiIGhlaWdodD0iMzFweCIgdmlld0JveD0iMCAwIDM1IDMxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMiAoNTc1MTkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAzPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJDb3JydXB0ZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MTQuMDAwMDAwLCAtMzUzLjAwMDAwMCkiPg0KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTQuMDAwMDAwLCAyODUuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgNjguMTg0NDc0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNS4yMjM0NzA4LDEwLjM1NzYwMjYgTDEyLjY1MzYzNywyMy40MDU1MTA2IEwxNC4xMzIwOTA1LDI2Ljk5MTI0OTUgTDE5LjM2MTc3ODksMjYuOTkxMjQ5NSBDMjAuNDQwMjUwNywxNy44NjA2NDE1IDIwLjY5MzgwOTcsMTIuMzE2MDkyNSAyMC4xMjI0NTU4LDEwLjM1NzYwMjYgQzE5LjU1MTEwMTksOC4zOTkxMTI3NCAxNy45MTgxMDY5LDguMzk5MTEyNzQgMTUuMjIzNDcwOCwxMC4zNTc2MDI2IFoiIGlkPSJQYXRoLTExIiBmaWxsPSIjMEUwRTBFIj48L3BhdGg+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMS42MjM4MDkxLDMwLjM4NzQxMDEgQzMzLjgyOTUxMDUsMzAuMzg3NDEwMSAzNC43MjA5MTk0LDI4LjgzODYyNDQgMzMuNjExOTMzMiwyNi45MjMxMDI4IEwxOS4yODk5MDMsMi4xODUwNTA2OCBDMTguMTgyMjEyMiwwLjI3MTc2NjU5NSAxNi4zODc1ODYsMC4yNjk1MjkwNjkgMTUuMjc4NTk5OCwyLjE4NTA1MDY4IEwwLjk1NjU2OTY4NSwyNi45MjMxMDI4IEMtMC4xNTExMjExMDMsMjguODM2Mzg2OCAwLjc0NDI0ODg4MiwzMC4zODc0MTAxIDIuOTQ0NjkzNzksMzAuMzg3NDEwMSBMMzEuNjIzODA5MSwzMC4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyMy4wNTQwNzY3IEwxOC45NTA5MTgxLDIzLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjYuMzg3NDEwMSBMMTUuNjE3NTg0OCwyNi4zODc0MTAxIFogTTE1LjYxNzU4NDgsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwxMC4wNTQwNzY3IEwxOC45NTA5MTgxLDEwLjA1NDA3NjcgTDE4Ljk1MDkxODEsMjAuNzIwNzQzNCBMMTUuNjE3NTg0OCwyMC43MjA3NDM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VGQzAwMiI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==') !default;
+$pv-corrupted-notification-background-repeat: no-repeat !default;
+$pv-corrupted-notification-background-position: right !default;
+$pv-toolbar-open-icon-font-size: $pv-icon-font-size !default;
+$pv-thumbnail-icon-disable-color:  $icon-color-disabled !default;
+$pv-thumbnail-icon-selection-color: $secondary-text-color-pressed !default;
+$pv-sidebar-container-position: $pv-page-div-position !default;
+$pv-sidebar-container-background: $primary !default;
+$pv-sidebar-container-border-top:  1px solid $primary !default;
+$pv-main-container-position: relative !default;
+$pv-main-container-overflow: hidden !default;
+$pv-viewer-main-container-position: $pv-page-div-position !default;
+$pv-sidebar-content-container-position: $pv-page-div-position !default;
+$pv-sidebar-content-container-border-top:  1px solid $border-light !default;
+$pv-sidebar-title-container-background: $content-bg-color-alt1 !default;
+$pv-sidebar-title-color: $content-text-color-alt1 !default;
+$pv-sidebar-toolbar-background: $content-bg-color-alt2 !default;
+$pv-sidebar-toolbar-position: $pv-page-div-position !default;
+$pv-sidebar-toolbar-border:  1px solid $border-light !default;
+$pv-sidebar-content-background: $content-bg-color-alt1 !default;
+$pv-sidebar-resizer-background: $border-light !default;
+$pv-sidebar-content-scrollbar-track-box-shadow: inset 0 0 0 $border-light !default;
+$pv-sidebar-content-scrollbar-track-background: $grey-98 !default;
+$pv-sidebar-content-scrollbar-track-border: 1px solid $border-light !default;
+$pv-sidebar-content-scrollbar-thumb-background: rgba(0, 0, 0, .5) !default;
+$pv-sidebar-content-scrollbar-thumb-box-shadow: inset 0 0 0 $border-light !default;
+$pv-sidebar-content-scrollbar-thumb-border: 4px solid $transparent !default;
+$pv-sidebar-content-scrollbar-thumb-background-clip: content-box !default;
+$pv-thumbnail-view-button-background: $transparent !default;
+$pv-thumbnail-view-button-selection-background: $secondary-bg-color-pressed !default;
+$pv-bookmark-button-background: $transparent !default;
+$pv-title-close-background: $transparent !default;
+$pv-sidebar-toolbar-splitter-background: $border-light !default;
+$pv-sidebar-content-splitter-background: $border-light !default;
+$pv-thumbnail-number-color: $pv-sidebar-title-color !default;
+$pv-thumbnail-selection-ring-border: 1px solid $border-light;
+$pv-thumbnail-selection-ring-box-shadow: $shadow-sm !default;
+$pv-thumbnail-image-background-color: $white !default;
+$pv-thumbnail-hover-border: 1px solid $border-dark !default;
+$pv-thumbnail-hover-box-shadow: $shadow-md !default;
+$pv-thumbnail-focus-border: 2px solid $primary !default;
+$pv-organize-page-select-border: 2px solid $primary !default;
+$pv-thumbnail-focus-box-shadow: $shadow-sm !default;
+$pv-thumbnail-selection-border: 2px solid $primary !default;
+$pv-thumbnail-selection-box-shadow: $shadow-sm !default;
+$pv-bookmark-icon-font: $content-text-color-alt1 !default;
+$pv-sidebar-bookmark-title-color: $content-text-color-alt1 !default;
+$pv-sidebar-bookmark-title-font: $content-text-color-alt1 !default;
+$pv-item-selection-color: var(--color-sf-primary-label-color) !default;
+$pv-item-selection-background-color: $content-bg-color-selected !default;
+$pv-print-popup-container-background-color: $black !default;
+$pv-search-box-background-color: $content-bg-color-alt1 !default;
+$pv-search-box-border: 1px solid $border-light !default;
+$pv-search-box-box-shadow: 0 0 2px 0 $border-dark !default;
+$pv-text-selection-bg-color: $info !default;
+$pv-selection-touch-element-background-color: $primary !default;
+$pv-selection-touch-element-border-color: $primary !default;
+$pv-dialog-pop-close-icon-padding-top-mobile: $pv-dialog-pop-close-icon-padding-top !default;
+$pv-sidebar-resizer-border: 0 !default;
+$pv-sidebar-resizer-border-width: $pv-sidebar-resizer-border !default;
+$pv-sidebar-resizer-color: inherit !default;
+$pv-input-active-background: $transparent !default;
+$pv-input-active-color: rgba($primary, .54) !default;
+$pv-input-hover-background: $transparent !default;
+$pv-input-hover-color: rgba($primary, .54) !default;
+$pv-input-background: $transparent !default;
+$pv-bookmark-container-background-color: $content-bg-color-alt1 !default;
+$pv-nav-toolbar-text-color: rgba($primary, .87) !default;
+$pv-bookmark-container-border: 1px solid $border-light !default;
+$pv-bookmark-list-border-bottom: 1px solid var(--color-sf-border-alt) !default;
+$pv-annotation-opacity-popup-box-shadow: 0 3px 8px 0 $content-bg-color-hover !default;
+$pv-annotation-dropdown-background-color: $transparent !default;
+$pv-annotation-dropdown-border-color: $transparent !default;
+$pv-annotation-dropdown-background-color-hover: var(--color-sf-content-bg-color-hover) !default;
+$pv-annotation-dropdown-border-color-hover: $content-bg-color-alt3 !default;
+$pv-annotation-dropdown-background-color-active: $content-bg-color-alt2 !default;
+$pv-annotation-dropdown-border-color-active: $transparent !default;
+$pv-annotation-note-border-bottom-color: $black !default;
+$pv-annotation-note-popup-bg-color: $white !default;
+$pv-print-overlay-bg-color: rgba($pv-print-popup-container-background-color, $pv-print-popup-container-opacity) !default;
+$pv-comment-font-color: $content-text-color-alt1 !default;
+$pv-comment-text-color: $content-text-color-alt1 !default;
+$pv-comment-tile-text-color: $content-text-color !default;
+$pv-comment-color: $pv-comment-font-color;
+$pv-comment-panel-bg: $content-bg-color-alt1 !default;
+$pv-comment-panel-bottom-color: $border-light !default;
+$pv-comments-content-container-bg: $content-bg-color-alt1 !default;
+$pv-comments-select-bg: $content-bg-color-hover !default;
+$pv-comments-hover-bg: $content-bg-color-hover !default;
+$pv-comments-div-focus-border: $shadow-focus-ring1 !default;
+$pv-comments-div-focus-background: $content-bg-color-focus !default;
+$pv-status-icon-color: $white !default;
+$pv-save-button-bg-color: $primary !default;
+$pv-save-button-color: $primary-text-color !default;
+$pv-comment-text-cursor-color: $black !default;
+$pv-comment-panel-border-color:  $border-light !default;
+$pv-drop-down-toolbar-box-shadow: $shadow-sm !default;
+$pv-prop-line-styles-color: $black !default;
+$pv-prop-line-styles-hover-bg: $content-bg-color-hover !default;
+$pv-annotation-dd-background-color-active: $secondary-bg-color-pressed !default;
+$pv-signature-footer-color: $content-bg-color-alt2 !default;
+$pv-signature-border-color: 2px dotted var(--color-sf-border-dark) !default;
+$pv-signature-color: $primary !default;
+$pv-form-checkbox-border-color: $black !default;
+$pv-form-field-radiobutton-border: 5px solid $white !default;
+$pv-form-field-radiobutton-box-shadow: 0 0 0 1px $black !default;
+$pv-form-field-li-background-color: $primary !default;
+$pv-form-field-checkbox-container: 1px solid $black !default;
+$pv-form-field-checkbox-checked: solid $black !default;
+$pv-form-field-property-header-color: $content-text-color !default;
+$pv-form-field-property-label-color: $content-text-color-alt1 !default;
+$pv-form-field-property-font-style-color: $content-bg-color-alt1 !default;
+$pv-properties-header-spliter-border-bottom-color: $primary !default;
+$pv-canvas-sign-width: 599px !default;
+$pv-canvas-sign-width-blazor: 702px !default;
+$pv-font-div-padding: 8px !default;
+$pv-font-div-padding-blazor: 8px !default;
+$pv-signature-appearance-checkbox: 1px !default;
+$pv-show-designer-name-color: $black !default;
+$pv-eye-icon-font-size: 18px !default;
+$pv-eye-icon-padding: 7px !default;
+$pv-eye-icon-hover-cursor: pointer !default;
+$pv-eye-icon-margin-top: 3px !default;
+$pv-organize-anchor-node-border-width: 2px !default;
+$pv-organize-anchor-node-border: $pv-organize-anchor-node-border-width solid $border-light !default;
+$pv-organize-anchor-node-tile-border: $pv-organize-anchor-node-border-width solid $content-bg-color !default;
+$pv-organize-image-border: 1px solid $border-light !default;
+$pv-default-tile-icon-size: 25px !default;
+$pv-organize-tile-draggedEle-bg-color: $content-bg-color-alt1 !default;
+$pv-organize-anchor-node-dashed-border: $pv-organize-anchor-node-border-width dashed $border-light !default;
+$pv-organize-page-hovered-dashed-border-color: $primary !default;
+$pv-organize-page-virtualEle-notification-color: $primary !default;
+$pv-organize-page-drag-not-allowed-color: $border-light !default;
+$pv-organize-page-zoom-popup-box-shadow: 0 0 4px 3px $content-bg-color-hover !default;
+$pv-organize-page-zoom-popup-padding: 8px !default;
+$pv-organize-page-zoom-slider-margin-left: 15px !default;
+$pv-organize-page-zoom-slider-margin-right: 15px !default;
+$pv-modern-sidebar-width: 40px !default;
+$pv-modern-sidebar-width-big: 48px !default;
+$pv-modern-sidebar-padding-top: 8px !default;
+$pv-modern-sidebar-padding-top-big: 10px !default;
+$pv-modern-sidebar-btn-gap: 1px !default;
+$pv-modern-sidebar-btn-gap-big: 1px !default;
+$pv-modern-sidebar-btn-font-size: 16px !default;
+$pv-modern-sidebar-btn-font-size-big: 18px !default;
+$pv-modern-sidebar-btn-width: 32px !default;
+$pv-modern-sidebar-btn-width-big: 40px !default;
+$pv-modern-sidebar-btn-height: 32px !default;
+$pv-modern-sidebar-btn-height-big: 40px !default;
+$pv-modern-sidebar-separator-border: 1px solid $border-light !default;
+$pv-modern-sidebar-separator-margin: 4px 0 !default;
+$pv-modern-sidebar-separator-margin-big: 6px 0 !default;
+$pv-modern-sidebar-separator-width: 24px !default;
+$pv-modern-sidebar-separator-width-big: 30px !default;
+$pv-modern-sidebar-btn-selected-background: $secondary-bg-color-pressed !default;
+$pv-modern-sidebar-btn-selected-border: none !default;
+$pv-modern-sidebar-btn-selected-color: var(--color-sf-toolbar-icon-color) !default;
+$pv-modern-sidebar-ai-btn-selected-background: var(--color-sf-primary-bg-color-selected) !default;
+$pv-modern-sidebar-ai-btn-selected-color: var(--color-sf-primary-text-focus) !default;
+$pv-modern-panel-border-width: 1px !default;
+$pv-modern-panel-font-color: $content-text-color-alt1 !default;
+$pv-modern-panel-right: 40px !default;
+$pv-modern-panel-right-big: 48px !default;
+$pv-modern-panel-background: $content-bg-color-alt1 !default;
+$pv-modern-panel-border: 1px solid $border-light !default;
+$pv-modern-panel-header-height: 38px !default;
+$pv-modern-panel-header-height-big: 48px !default;
+$pv-modern-panel-header-border: 1px solid $border-light !default;
+$pv-modern-panel-template-height: calc(100% - $pv-modern-panel-header-height) !default;
+$pv-modern-panel-template-height-big: calc(100% - $pv-modern-panel-header-height-big) !default;
+$pv-modern-splitter-border-radius: 12px 12px 0 0 !default;
+$pv-modern-splitter-background: $content-bg-color-alt1 !default;
+$pv-modern-splitter-border: 1px solid $border-light !default;
+$pv-modern-splitter-menu-item-height: 40px !default;
+$pv-modern-splitter-menu-padding: 8px 8px 0 !default;
+$pv-modern-splitter-menu-item-padding: 0 12px !default;
+$pv-modern-splitter-menu-item-font-size: 16px !default;
+$pv-modern-splitter-menu-item-icon-size: 18px !default;
+$pv-modern-resize-handler-margin: 15px !default;
+$pv-modern-resize-handler-icon-content: '\e771' !default;
+$pv-white-color: $white !default;
+$pv-selected-signature-color: rgb(255, 0, 0) !default;
+$pv-signature-font-color: $black !default;
+$pv-green-color: rgb(24, 169, 85) !default;
+$pv-blue-color: rgb(0, 122, 255) !default;
+$pv-orange-color: rgb(245, 103, 0) !default;
+$pv-red-color: rgb(255, 59, 48) !default;
+$pv-annotation-tool-item-focus-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), .5);
+$pv-blazor-annotation-thickness-popup-container-mobile-box-shadow: 0 3px 8px 0 #e9ecef;
+$pv-redaction-panel-text-color: var(--color-sf-content-text-color);
+
+//end color definition
+
+// Typography Varaiables
+
+// Font weight
+$pv-font-weight-medium: 500 !default; /* 500 */
+$pv-font-weight-semibold: 600 !default; /* 600 */
+
+// Font Size
+$pv-text-xxs: 10px !default; /* 10px */
+$pv-text-xs: 12px !default; /* 12px */
+$pv-text-sm: 14px !default; /* 14px */
+$pv-text-base: 16px !default; /* 16px */
+$pv-text-lg: 18px !default; /* 18px */
+$pv-text-xl: 20px !default; /* 20px */
+$pv-text-2xl: 24px !default; /* 24px */
+$pv-font-size-0: 0 !default;
+$pv-font-size-13: 13px !default;
+$pv-font-size-15: 15px !default;
+$pv-font-size-inherit: inherit !default;
+
+// Line Height
+$pv-line-height-14: 14px !default;
+$pv-line-height-16: 16px !default;
+$pv-line-height-20: 20px !default;
+$pv-line-height-24: 24px !default;
+$pv-line-height-28: 28px !default;
+$pv-line-height-32: 32px !default;
+$pv-line-height-36: 36px !default;
+$pv-line-height-40: 40px !default;
+$pv-line-height-55: 55px !default;
+$pv-line-height-0: 0 !default;
+$pv-line-height-normal: normal !default;
+
+// Spacing
+$pv-spacing-0: 0 !default;
+$pv-spacing-1: 1px !default;
+$pv-spacing-2: 2px !default;
+$pv-spacing-3: 3px !default;
+$pv-spacing-4: 4px !default;
+$pv-spacing-5: 5px !default;
+$pv-spacing-6: 6px !default;
+$pv-spacing-7: 7px !default;
+$pv-spacing-8: 8px !default;
+$pv-spacing-9: 9px !default;
+$pv-spacing-10: 10px !default;
+$pv-spacing-11: 11px !default;
+$pv-spacing-12: 12px !default;
+$pv-spacing-13: 13px !default;
+$pv-spacing-14: 14px !default;
+$pv-spacing-15: 15px !default;
+$pv-spacing-16: 16px !default;
+$pv-spacing-17: 17px !default;
+$pv-spacing-18: 18px !default;
+$pv-spacing-20: 20px !default;
+$pv-spacing-22: 22px !default;
+$pv-spacing-24: 24px !default;
+$pv-spacing-25: 25px !default;
+$pv-spacing-28: 28px !default;
+$pv-spacing-30: 30px !default;
+$pv-spacing-32: 32px !default;
+$pv-spacing-36: 36px !default;
+$pv-spacing-40: 40px !default;
+$pv-spacing-42: 42px !default;
+$pv-spacing-44: 44px !default;
+$pv-spacing-48: 48px !default;
+$pv-spacing-3-425p: 3.425% !default;
+$pv-spacing-3-657p: 3.657% !default;
+$pv-spacing-unset: unset !default;
+$pv-spacing-145: 145px !default;
+$pv-spacing-87: 87px !default;
+$pv-spacing-auto: auto !default;
+$pv-spacing--2: -2px !default;
+$pv-spacing--4: -4px !default;
+$pv-spacing--6: -6px !default;
+$pv-spacing--8: -8px !default;
+$pv-spacing--12: -12px !default;
+$pv-spacing-7p: 7% !default;
+$pv-spacing-55p: 55% !default;
+$pv-spacing-54p: 54% !default;
+$pv-spacing-160: 160px !default;
+$pv-spacing-195: 195px !default;
+$pv-spacing-60p: 60% !default;
+$pv-spacing--2p: -2% !default;
+$pv-spacing--4p: -4% !default;
+$pv-spacing-85: 85px !default;
+$pv-spacing--10: -10px !default;
+
+// Border width
+$pv-border-0: 0 !default;
+$pv-border-1: 1px !default;
+$pv-border-2: 2px !default;
+$pv-border-3: 3px !default;
+$pv-border-4: 4px !default;
+$pv-border-5: 5px !default;
+$pv-border-6: 6px !default;
+$pv-border-7: 7px !default;
+
+// Radius
+$pv-radius-0: 0 !default;
+$pv-radius-2: 2px !default;
+$pv-radius-4: 4px !default;
+$pv-radius-6: 6px !default;
+$pv-radius-8: 8px !default;
+$pv-radius-12: 12px !default;
+$pv-radius-16: 16px !default;
+$pv-radius-20: 20px !default;
+$pv-radius-48: 48px !default;
+$pv-border-radius-50p: 50% !default;
+
+//Height
+$pv-height-0: 0 !default; /* 0px */
+$pv-height-1: 1px !default; /* 1px */
+$pv-height-10: 10px !default; /* 10px */
+$pv-height-12: 12px !default; /* 12px */
+$pv-height-14: 14px !default; /* 14px */
+$pv-height-18: 18px !default; /* 18px */
+$pv-height-20: 20px !default; /* 20px */
+$pv-height-22: 22px !default; /* 22px */
+$pv-height-24: 24px !default; /* 24px */
+$pv-height-25: 25px !default; /* 25px */
+$pv-height-26: 26px !default; /* 26px */
+$pv-height-28: 28px !default; /* 28px */
+$pv-height-29: 29px !default; /* 29px */
+$pv-height-30: 30px !default; /* 30px */
+$pv-height-31: 31px !default; /* 31px */
+$pv-height-32: 32px !default; /* 32px */
+$pv-height-33: 33px !default; /* 33px */
+$pv-height-34: 34px !default; /* 34px */
+$pv-height-36: 36px !default; /* 36px */
+$pv-height-38: 38px !default; /* 38px */
+$pv-height-40: 40px !default; /* 40px */
+$pv-height-42: 42px !default; /* 42px */
+$pv-height-45: 45px !default; /* 45px */
+$pv-height-48: 48px !default; /* 48px */
+$pv-height-49: 49px !default; /* 49px */
+$pv-height-50: 50px !default; /* 50px */
+$pv-height-56: 56px !default; /* 56px */
+$pv-height-60: 60px !default; /* 60px */
+$pv-height-88: 88px !default; /* 88px */
+$pv-height-108: 108px !default; /* 108px */
+$pv-height-123: 123px !default; /* 123px */
+$pv-height-140: 140px !default; /* 140px */
+$pv-height-150: 150px !default; /* 150px */
+$pv-height-270: 270px !default; /* 270px */
+$pv-height-280: 280px !default; /* 280px */
+$pv-height-305: 305px !default; /* 305px */
+$pv-height-340: 340px !default; /* 340px */
+$pv-height-350: 350px !default; /* 350px */
+$pv-height-500: 500px !default; /* 500px */
+$pv-height-inherit: inherit !default; /* inherit */
+$pv-height-auto: auto !default; /* auto */
+$pv-height-unset: unset !default; /* unset */
+$pv-height-normal: normal !default; /* normal */
+$pv-height-p95: 95% !default; /* 95% */
+$pv-height-p96: 96% !default; /* 96% */
+$pv-height-p98: 98% !default; /* 98% */
+$pv-height-p100: 100% !default; /* 100% */
+$pv-height-329: 329px !default; /* 329px */
+$pv-height-98: 98px !default; /* 98px */
+$pv-height-465: 465px !default; /* 465px */
+$pv-height-112: 112px !default; /* 112px */
+$pv-height-620: 620px !default; /* 620px */
+$pv-height-1-5em: 1.5em !default; /* 1.5em */
+$pv-height-132: 132px !default; /* 132px */
+$pv-height-555: 555px !default; /* 555px */
+$pv-height-525: 525px !default; /* 525px */
+$pv-height-570: 570px !default; /* 570px */
+$pv-height-600: 600px !default; /* 600px */
+$pv-height-505: 505px !default; /* 505px */
+$pv-height-490: 490px !default; /* 490px */
+$pv-height-138: 138px !default; /* 138px */
+$pv-height-565: 565px !default; /* 565px */
+$pv-height-585: 585px !default; /* 585px */
+$pv-height-627: 627px !default; /* 627px */
+$pv-height-591: 591px !default; /* 591px */
+$pv-height-584: 584px !default; /* 584px */
+$pv-height-592: 592px !default; /* 592px */
+$pv-height-590: 590px !default; /* 590px */
+$pv-height-615: 615px !default; /* 615px */
+$pv-height-576: 576px !default; /* 576px */
+$pv-height-109: 109px !default; /* 109px */
+$pv-height-498: 498px !default; /* 498px */
+$pv-height-530: 530px !default; /* 530px */
+
+//Width
+$pv-width-p10: 10% !default; /* 10% */
+$pv-width-p25: 25% !default; /* 25% */
+$pv-width-p40: 40% !default; /* 40% */
+$pv-width-p45: 45% !default; /* 45% */
+$pv-width-p50: 50% !default; /* 50% */
+$pv-width-p54: 54% !default; /* 54% */
+$pv-width-p55: 55% !default; /* 55% */
+$pv-width-p70: 70% !default; /* 70% */
+$pv-width-p80: 80% !default; /* 80% */
+$pv-width-p100: 100% !default; /* 100% */
+$pv-width-0: 0 !default; /* 0px */
+$pv-width-1: 1px !default; /* 1px */
+$pv-width-6: 6px !default; /* 6px */
+$pv-width-8: 8px !default; /* 8px */
+$pv-width-18: 18px !default; /* 18px */
+$pv-width-20: 20px !default; /* 20px */
+$pv-width-21: 21px !default; /* 21px */
+$pv-width-24: 24px !default; /* 24px */
+$pv-width-25: 25px !default; /* 25px */
+$pv-width-28: 28px !default; /* 28px */
+$pv-width-30: 30px !default; /* 30px */
+$pv-width-32: 32px !default; /* 32px */
+$pv-width-33: 33px !default; /* 33px */
+$pv-width-36: 36px !default; /* 36px */
+$pv-width-38: 38px !default; /* 38px */
+$pv-width-40: 40px !default; /* 40px */
+$pv-width-42: 42px !default; /* 42px */
+$pv-width-43: 43px !default; /* 43px */
+$pv-width-44: 44px !default; /* 44px */
+$pv-width-48: 48px !default; /* 48px */
+$pv-width-50: 50px !default; /* 50px */
+$pv-width-54: 54px !default; /* 54px */
+$pv-width-56: 56px !default; /* 56px */
+$pv-width-58: 58px !default; /* 58px */
+$pv-width-59: 59px !default; /* 59px */
+$pv-width-60: 60px !default; /* 60px */
+$pv-width-61: 61px !default; /* 61px */
+$pv-width-64: 64px !default; /* 64px */
+$pv-width-65: 65px !default; /* 65px */
+$pv-width-68: 68px !default; /* 68px */
+$pv-width-70: 70px !default; /* 70px */
+$pv-width-72: 72px !default; /* 72px */
+$pv-width-75: 75px !default; /* 75px */
+$pv-width-76: 76px !default; /* 76px */
+$pv-width-82: 82px !default; /* 82px */
+$pv-width-84: 84px !default; /* 84px */
+$pv-width-90: 90px !default; /* 90px */
+$pv-width-92: 92px !default; /* 92px */
+$pv-width-96: 96px !default; /* 96px */
+$pv-width-100: 100px !default; /* 100px */
+$pv-width-110: 110px !default; /* 110px */
+$pv-width-120: 120px !default; /* 120px */
+$pv-width-122: 122px !default; /* 122px */
+$pv-width-140: 140px !default; /* 140px */
+$pv-width-150: 150px !default; /* 150px */
+$pv-width-160: 160px !default; /* 160px */
+$pv-width-180: 180px !default; /* 180px */
+$pv-width-195: 195px !default; /* 195px */
+$pv-width-200: 200px !default; /* 200px */
+$pv-width-240: 240px !default; /* 240px */
+$pv-width-275: 275px !default; /* 275px */
+$pv-width-290: 290px !default; /* 290px */
+$pv-width-300: 300px !default; /* 300px */
+$pv-width-500: 500px !default; /* 500px */
+$pv-width-auto: auto !default; /* auto */
+$pv-width-inherit: inherit !default; /* inherit */
+$pv-width-unset: unset !default; /* unset */
+$pv-width-1em: 1em !default; /* 1em */
+$pv-width-1-5em: 1.5em !default; /* 1.5em */
+$pv-width-2em: 2em !default; /* 2em */
+$pv-width-37p: 37% !default; /* 37% */
+$pv-width-43p: 43% !default; /* 43% */
+$pv-width-44p: 44% !default; /* 44% */
+$pv-width-46p: 46% !default; /* 46% */
+$pv-width-52p: 52% !default; /* 52% */
+$pv-width-78p: 78% !default; /* 78% */
+$pv-width-85p: 85% !default; /* 85% */
+$pv-width-94p: 94% !default; /* 94% */
+$pv-width-95p: 95% !default; /* 95% */
+$pv-width-95-5p: 95.5% !default; /* 95.5% */
+$pv-width-95-55p: 95.55% !default; /* 95.55% */
+$pv-width-97p: 97% !default; /* 97% */
+$pv-width-103p: 103% !default; /* 103% */
+$pv-width-38-5: 38.5px !default; /* 38.5px */
+$pv-width-105: 105px !default; /* 105px */
+$pv-width-118: 118px !default; /* 118px */
+$pv-width-128: 128px !default; /* 128px */
+$pv-width-138: 138px !default; /* 138px */
+$pv-width-152: 152px !default; /* 152px */
+$pv-width-154: 154px !default; /* 154px */
+$pv-width-155: 155px !default; /* 155px */
+$pv-width-163: 163px !default; /* 163px */
+$pv-width-165: 165px !default; /* 165px */
+$pv-width-170: 170px !default; /* 170px */
+$pv-width-175: 175px !default; /* 175px */
+$pv-width-176: 176px !default; /* 176px */
+$pv-width-177: 177px !default; /* 177px */
+$pv-width-185: 185px !default; /* 185px */
+$pv-width-186: 186px !default; /* 186px */
+$pv-width-204: 204px !default; /* 204px */
+$pv-width-214: 214px !default; /* 214px */
+$pv-width-215: 215px !default; /* 215px */
+$pv-width-232: 232px !default; /* 232px */
+$pv-width-248: 248px !default; /* 248px */
+$pv-width-285: 285px !default; /* 285px */
+$pv-width-295: 295px !default; /* 295px */
+$pv-width-311: 311px !default; /* 311px */
+$pv-width-318: 318px !default; /* 318px */
+$pv-width-335: 335px !default; /* 335px */
+$pv-width-340: 340px !default; /* 340px */
+$pv-width-368: 368px !default; /* 368px */
+$pv-width-380: 380px !default; /* 380px */
+$pv-width-384: 384px !default; /* 384px */
+$pv-width-385: 385px !default; /* 385px */
+$pv-width-396: 396px !default; /* 396px */
+$pv-width-420: 420px !default; /* 420px */
+$pv-width-430: 430px !default; /* 430px */
+$pv-width-435: 435px !default; /* 435px */
+$pv-width-450: 450px !default; /* 450px */
+$pv-width-470: 470px !default; /* 470px */
+$pv-width-490: 490px !default; /* 490px */
+$pv-width-525: 525px !default; /* 525px */
+$pv-width-max: max-content !default; /* max-content */
+
+//letter-spacing
+$pv-letter-spacing-0-24: .24px !default; /* .24px */