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

package/styles/pdfviewer/_bigger.scss

@@ -0,0 +1,1531 @@
+@use 'variables' as *;
+@include export-module('pdfviewer-bigger') {
+  .e-bigger .e-pv-icon-search {
+    font-size: $pv-icon-font-size;
+  }
+
+  .e-bigger .e-pv-icon {
+    @if $skin-name =='FluentUI' {
+      font-size: $pv-text-base;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-property-panel-text,
+  .e-bigger .e-pv-redaction-page-mark-dialog {
+    font-size: $pv-text-base;
+    @if $skin-name == 'Material3' {
+      font-size: $pv-text-sm;
+    }
+  }
+
+  .e-bigger .e-pv-overlaytext {
+    margin-left: $pv-spacing-20;
+  }
+  .e-bigger .e-dialog.e-pv-redaction-properties-dialog {
+    width: $pv-width-430 !important;/* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-pv-redaction-font-family {
+    width: $pv-width-200;
+  }
+
+  .e-bigger .e-pv-blazor-redaction-font-size {
+    width: $pv-width-92;
+  }
+  .e-bigger .e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-shapes-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-calibrate-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-handwritten-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-icon-search,
+  .e-bigger .e-pv-icon {
+    @if $skin-name =='bootstrap4' {
+      font-size: $pv-icon-font-size-big;
+    }
+  }
+
+  .e-bigger .e-pv-mobile-annotation-toolbar .e-pv-tbar-btn {
+    @if $skin-name =='fluent2' {
+      margin-left: $pv-spacing-8 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-mobile-toolbar.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer),
+  .e-toolbar.e-bigger .e-toolbar-item:not(.e-separator):not(.e-spacer) {
+    @if $skin-name =='tailwind3' {
+      min-width: $pv-width-36 !important;/* stylelint-disable-line declaration-no-important */
+      padding: $pv-spacing-8 $pv-spacing-6;
+    }
+  }
+
+  .e-bigger .e-pv-mobile-view .e-pv-organize-toolbar.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
+    @if $skin-name =='tailwind3' {
+      min-width: $pv-width-40 !important;/* stylelint-disable-line declaration-no-important */
+      width: $pv-width-40 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-mobile-annotation-toolbar .e-toolbar-item {
+    @if $skin-name =='fluent2' {
+      padding: $pv-spacing-4 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-opacity-container .e-slider-container {
+    height: $pv-height-40 !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-pv-toolbar,
+  .e-bigger .e-pv-annotation-toolbar {
+    height: $pv-toolbar-height-big;
+  }
+
+  .e-bigger .e-pv-page-range-row {
+    height: $pv-height-48;
+  }
+  .e-bigger .e-pv-toolbar.e-toolbar:not(.e-pv-mobile-toolbar) .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+    @if $skin-name =='bootstrap4' {
+      padding-bottom: $pv-toolbar-items-padding-bottom-big;
+      padding-top: $pv-toolbar-items-padding-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
+  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+    @if ($skin-name =='FluentUI') {
+      padding-bottom: $pv-spacing-2;
+    }
+
+    @else if ($skin-name =='Material3' or $skin-name =='fluent2') {
+      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+
+    @else {
+      padding-bottom: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
+    padding: $pv-spacing-0;
+  }
+
+  .e-bigger .e-pv-sidebar-title-container {
+    @if $skin-name =='bootstrap4' {
+      height: $pv-sidebar-title-container-height-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-title-container {
+    @if $skin-name =='bootstrap4' {
+      height: $pv-sidebar-title-container-height-big;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-main-container .e-btn .e-btn-icon.e-icon-left,
+  .e-bigger .e-pv-blazor-main-container .e-css.e-btn .e-btn-icon.e-icon-left {
+    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
+      margin-left: $pv-spacing-0;
+      width: $pv-width-2em;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-main-container .e-dropdown-btn .e-btn-icon {
+    @if ($skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI') {
+      font-size: $pv-font-size-inherit;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-main-container .e-menu-container ul.e-menu:not(.e-vertical) {
+    @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark') {
+      padding: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
+  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn:not(.e-pv-annotation-eraser-container),
+  .e-bigger .e-pv-mobile-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn,
+  .e-bigger .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
+      min-width: $pv-width-38;
+    }
+    @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+      min-width: $pv-width-40;
+    }
+    @if ($skin-name == 'FluentUI') {
+      min-width: $pv-width-48;
+    }
+  }
+
+  .e-bigger .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl .e-input.e-control {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2') {
+      padding-bottom: $pv-spacing-6;
+    }
+  }
+
+  .e-bigger .e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-shapes-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-calibrate-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret),
+  .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-btn-icon:not(.e-caret) {
+    @if ($skin-name == 'FluentUI') {
+      font-size: $pv-text-base;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-title {
+    @if $skin-name =='bootstrap4' {
+      top: $pv-sidebar-title-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-title,
+  .e-bigger .e-pv-total-page {
+    @if $skin-name =='bootstrap4' {
+      font-size: $pv-label-font-size-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-toolbar {
+    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' or $skin-name =='tailwind3' {
+      width: $pv-sidebar-toolbar-width-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-content {
+    @if $skin-name =='bootstrap4' {
+      top: $pv-sidebar-content-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-thumbnail-view-button.e-btn,
+  .e-bigger .e-pv-organize-view-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      height: $pv-thumbnail-view-button-height-big;
+      margin: $pv-thumbnail-view-button-margin-big;
+      padding: $pv-thumbnail-view-button-padding-big;
+      width: $pv-thumbnail-view-button-width-big;
+    }
+
+    @if $skin-name =='tailwind3' {
+      height: $pv-thumbnail-view-button-height-big;
+      width: $pv-thumbnail-view-button-width-big;
+    }
+
+    @if $skin-name =='FluentUI' {
+      margin: $pv-spacing-12 $pv-spacing-6;
+    }
+  }
+
+  .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
+  .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      padding: $pv-thumbnail-view-button-selection-padding-big;
+    }
+  }
+
+  .e-bigger .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      margin: $pv-thumbnail-view-button-margin-big;
+    }
+  }
+
+  .e-bigger .e-pv-bookmark-button-selection.e-pv-bookmark-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      line-height: $pv-thumbnail-view-button-selection-line-height;
+      margin: $pv-bookmark-button-margin-big;
+    }
+  }
+
+  .e-bigger .e-pv-bookmark-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      line-height: $pv-thumbnail-button-selection-line-height;
+    }
+
+    @if $skin-name =='FluentUI' {
+      margin: $pv-spacing-12 $pv-spacing-6;
+    }
+  }
+
+  .e-bigger .e-pv-bookmark-button.e-btn {
+    @if $skin-name =='bootstrap4' {
+      height: $pv-bookmark-button-height-big;
+      margin: $pv-bookmark-button-margin-big;
+      padding: $pv-bookmark-button-padding-big;
+      width: $pv-bookmark-button-width-big;
+    }
+    @if $skin-name =='tailwind3' {
+      height: $pv-thumbnail-view-button-height-big;
+      width: $pv-thumbnail-view-button-width-big;
+    }
+  }
+
+  .e-bigger .e-pv-title-close-div.e-btn {
+    @if $skin-name =='bootstrap4' {
+      top: $pv-title-close-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-content-splitter {
+    @if $skin-name =='bootstrap4' {
+      top: $pv-sidebar-content-splitter-top-big;
+    }
+  }
+
+  .e-bigger div > .e-pv-bookmark-icon.e-pv-icon {
+    @if $skin-name =='bootstrap4' {
+      font-size: $pv-icon-font-size-big;
+    }
+
+    @if $skin-name =='Material3' {
+      font-size: $pv-text-base;
+      padding-left: $pv-spacing-12;
+      padding-right: $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-search-bar {
+    @if $skin-name =='bootstrap4' {
+      height: $pv-search-box-height-big;
+      padding: $pv-search-box-padding-big;
+      width: $pv-search-box-width-big;
+    }
+
+    @if $skin-name =='FluentUI' {
+      height: $pv-height-109;
+      padding: $pv-spacing-16;
+      width: $pv-width-368;
+    }
+
+    @if $skin-name =='fluent2' {
+      width: $pv-width-368;
+    }
+  }
+
+  .e-bigger .e-input-group.e-pv-search-input-mobile .e-input,
+  .e-bigger .e-input-group.e-pv-search-input .e-input {
+    @if $skin-name =='fluent2' {
+      height: $pv-height-28;
+    }
+  }
+
+  .e-bigger .e-pv-search-input {
+    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' {
+      height: $pv-search-input-height-big;
+    }
+  }
+
+  .e-bigger .e-pv-search-input,
+  .e-bigger .e-pv-search-input-mobile,
+  .e-bigger .e-pv-text-search-input,
+  .e-bigger .e-pv-text-search-input-mobile {
+    @if $skin-name =='tailwind3' {
+      height: $pv-search-input-height-big;
+    }
+  }
+
+  .e-bigger .e-pv-textsearch-match-case-container {
+    @if $skin-name =='tailwind3' {
+      width: $pv-width-290;
+    }
+  }
+
+  .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
+    margin-left: $pv-spacing-3;
+  }
+
+  .e-bigger .e-pdfviewer.e-pv-mobile-view .e-pv-nav-toolbar.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:last-child {
+    margin-right: $pv-spacing-3;
+  }
+
+  .e-bigger .e-pv-match-case-container {
+    @if $skin-name =='bootstrap4' {
+      margin-top: $pv-match-case-margin-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-search-btn.e-btn {
+    @if $skin-name =='bootstrap4' or $skin-name =='FluentUI' {
+      height: $pv-search-btn-height-big;
+      padding: $pv-spacing-2;
+      width: $pv-search-btn-width-big;
+    }
+    @if $skin-name =='tailwind3' {
+      height: $pv-toolbar-btn-width-mobile;
+    }
+  }
+
+  .e-bigger .e-pv-annotation-color-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-eraser-container.e-icon-btn,
+  .e-bigger .e-split-btn-wrapper.e-pv-annotation-eraser-container .e-dropdown-btn,
+  .e-bigger .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-bigger .e-pv-annotation-textprop-container.e-icon-btn {
+    white-space: nowrap;
+    @if $skin-name =='tailwind3' {
+      height: $pv-toolbar-height;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-fill-color-container .e-dropdown-btn.e-btn,
+  .e-bigger .e-pv-properties-line-stroke-color-container .e-dropdown-btn.e-btn {
+    @if $skin-name =='FluentUI' {
+      height: $pv-height-40;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-opacity-container .e-control-wrapper.e-slider-container.e-horizontal {
+    @if $skin-name =='fluent2' {
+      width: $pv-width-78p;
+    }
+  }
+
+  .e-bigger .e-pv-properties-checkbox-main-div-prop {
+    @if $skin-name =='tailwind3' {
+      align-items: center;
+      gap: .5em;
+    }
+  }
+
+  .e-bigger .e-pv-mobile-view .e-pv-properties-line-start-container,
+  .e-bigger .e-pv-mobile-view .e-pv-properties-line-end-container,
+  .e-bigger .e-pv-mobile-view .e-pv-properties-line-style-container,
+  .e-bigger .e-pv-mobile-view .e-pv-properties-line-thickness-container,
+  .e-bigger .e-pv-mobile-view .e-pv-properties-line-leader-length-container {
+    width: $pv-width-43p !important;/* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-pv-scale-ratio-src-input-container,
+  .e-bigger .e-pv-scale-ratio-src-unit-container,
+  .e-bigger .e-pv-scale-ratio-dest-input-container,
+  .e-bigger .e-pv-scale-ratio-dest-unit-container,
+  .e-bigger .e-pv-depth-input-container,
+  .e-bigger .e-pv-depth-unit-container {
+    float: left;
+    height: $pv-height-40;
+    width: $pv-width-p45;
+  }
+
+  .e-bigger .e-pv-scale-ratio-src-unit .e-caret,
+  .e-bigger .e-pv-scale-ratio-dest-unit .e-caret,
+  .e-bigger .e-pv-depth-unit .e-caret {
+    @if $skin-name =='FluentUI' {
+      margin-left: $pv-spacing-160;
+    }
+    @if $skin-name =='tailwind3' {
+      margin-top: $pv-prop-line-styles-margin-top;
+      margin-bottom: $pv-prop-line-styles-margin-top;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-stroke-color-container {
+    @if $skin-name =='FluentUI' {
+      margin-left: $pv-spacing-195;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-start,
+  .e-bigger .e-pv-properties-line-end,
+  .e-bigger .e-pv-properties-line-style,
+  .e-bigger .e-pv-properties-line-thickness,
+  .e-bigger .e-pv-properties-line-opacity,
+  .e-bigger .e-pv-properties-line-leader-length {
+    @if $skin-name =='FluentUI' {
+      max-width: $pv-width-248;
+    }
+  }
+
+  .e-bigger .e-pv-scale-ratio-src-input,
+  .e-bigger .e-pv-scale-ratio-dest-input,
+  .e-bigger .e-pv-depth-input {
+    @if $skin-name =='FluentUI' {
+      max-width: $pv-width-248;
+    }
+
+    @if $skin-name =='fluent2' {
+      max-width: $pv-width-200;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-start,
+  .e-bigger .e-pv-properties-line-end,
+  .e-bigger .e-pv-properties-line-style {
+    @if $skin-name =='FluentUI' {
+      width: $pv-width-248;
+    }
+  }
+
+  .e-bigger .e-pv-scale-ratio-src-unit,
+  .e-bigger .e-pv-scale-ratio-dest-unit,
+  .e-bigger .e-pv-depth-unit {
+    @if $skin-name =='FluentUI' {
+      height: $pv-height-40;
+      width: $pv-width-248;
+    }
+
+    @if $skin-name =='fluent2' {
+      height: $pv-height-inherit;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-start.e-btn,
+  .e-bigger .e-pv-properties-line-end.e-btn,
+  .e-bigger .e-pv-properties-line-style.e-btn {
+    @if $skin-name =='FluentUI' {
+      height: $pv-height-40;
+    }
+  }
+
+  .e-bigger .e-pv-properties-line-start.e-btn .e-caret,
+  .e-bigger .e-pv-properties-line-end.e-btn .e-caret {
+    @if $skin-name =='FluentUI' {
+      margin-left: $pv-spacing-145;
+    }
+  }
+
+  .e-bigger .e-pv-line-styles-content-container {
+    @if $skin-name =='FluentUI' {
+      margin-top: $pv-spacing-6;
+      width: $pv-width-180;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-radio-option {
+    margin-bottom: $pv-spacing-16;
+  }
+
+  .e-bigger .e-pv-blazor-redaction-text-align {
+    .e-pv-left-align-icon-div,
+    .e-pv-center-align-icon-div,
+    .e-pv-right-align-icon-div {
+      height: $pv-height-p100;
+      width: $pv-width-p100;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-page-mark-content {
+    @if $skin-name=='Material3' {
+      margin-top: $pv-spacing-10;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-page-mark-dialog .e-footer-content button,
+  .e-bigger .e-pv-redaction-properties-dialog .e-footer-content button {
+    @if ($skin-name == 'tailwind3') {
+      height: $pv-height-38;
+    }
+    @else {
+      height: $pv-height-40;
+    }
+    @if ($skin-name != 'bootstrap5.3' and $skin-name != 'bootstrap5' and $skin-name != 'highcontrast') {
+      padding-top: $pv-spacing-6;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-page-mark-dialog .e-dlg-header-content button,
+  .e-bigger .e-pv-redaction-properties-dialog .e-dlg-header-content button {
+    @if ($skin-name == 'highcontrast') {
+      padding: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
+    @if $skin-name == 'FluentUI' {
+      min-width: $pv-width-40;
+      min-height: $pv-height-40;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-toolbar .e-pv-icon {
+    font-size: $pv-text-lg !important;/* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
+  .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-pv-tbar-btn.e-btn:not(.e-pv-annotation-eraser-container) {
+    height: $pv-toolbar-btn-height-big;
+    line-height: $pv-toolbar-btn-line-height;
+    margin: $pv-toolbar-btn-margin;
+
+    @if $skin-name !='Material3' {
+      &:not(.e-pv-submit .e-tbar-btn.e-btn):not(.e-spv-btn.e-tbar-btn.e-btn) {
+        padding: $pv-toolbar-btn-padding;
+      }
+    }
+    width: $pv-toolbar-btn-width-big;
+  }
+
+  .e-bigger .e-toolbar.e-pv-redaction-toolbar .e-toolbar-item .e-tbar-btn {
+    @if ($skin-name == 'highcontrast') {
+      min-height: $pv-height-48;
+      min-width: $pv-width-48;
+    }
+  }
+
+  .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-pv-submit .e-tbar-btn.e-btn {
+    width: $pv-width-auto;
+  }
+
+  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
+    padding-top: $pv-mobile-page-box-padding-top;
+    @if ($skin-name =='FluentUI') {
+      padding-bottom: $pv-spacing-4;
+    }
+  }
+
+  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper {
+    @if $skin-name == 'tailwind3' {
+      height: $pv-zoom-dropdown-height;
+    }
+  }
+
+  .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-pv-zoom-drop-down-container {
+    width: $pv-zoom-dropdown-width-mobile;
+  }
+
+  .e-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
+  .e-bigger .e-toolbar.e-pv-annotation-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
+    @if $skin-name =='bootstrap4' {
+      padding-left: $pv-toolbar-items-padding-left-big;
+      padding-right: $pv-toolbar-items-padding-right-big;
+    }
+  }
+
+  .e-bigger .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input:focus {
+    padding-left: $pv-mobile-page-box-padding-left-focus;
+  }
+
+  .e-bigger .e-pv-password-popup.e-dialog {
+    @if ($skin-name !='Material3') {
+      height: $pv-password-dialog-height-mobile;
+    }
+  }
+
+  .e-bigger .e-pv-password-popup.e-dialog {
+    @if ($skin-name =='FluentUI') {
+      height: $pv-height-270;
+    }
+  }
+
+  .e-bigger .e-pv-notification-popup.e-dialog {
+    @if $skin-name !='Material3' {
+      height: $pv-notification-dialog-height-mobile;
+    }
+  }
+
+  .e-bigger .e-pv-notification-popup.e-pv-notification-large-content.e-dialog {
+    @if $skin-name !='Material3' {
+      height: $pv-notification-dialog-height-large-mobile;
+    }
+  }
+
+  .e-bigger .e-pv-notification-popup.e-pv-notification-large-content.e-dialog {
+    @if ($skin-name =='FluentUI') {
+      height: $pv-height-280;
+    }
+  }
+
+  .e-bigger .e-pv-corrupted-popup.e-dialog {
+    @if $skin-name !='Material3' {
+      height: $pv-corrupted-dialog-height-mobile;
+    }
+  }
+
+  .e-bigger .e-pv-password-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn,
+  .e-bigger .e-pv-corrupted-popup.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
+    padding-top: $pv-dialog-pop-close-icon-padding-top-mobile;
+  }
+
+  .e-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
+  .e-bigger .e-toolbar.e-pv-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
+    top: 0;
+  }
+
+  .e-bigger .e-pv-toolbar.e-rtl .e-pv-current-page-box.e-input-group.e-control-wrapper input.e-input {
+    padding-right: $pv-current-page-padding-right-rtl;
+    padding-left: $pv-current-page-padding-left;
+  }
+
+  .e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down.e-ddl input.e-input.e-control.e-keyboard,
+  .e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown.e-ddl input.e-input.e-control.e-keyboard,
+  .e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-zoom-drop-down-rtl.e-ddl input.e-input.e-control.e-keyboard,
+  .e-bigger .e-pv-toolbar.e-rtl .e-input-group.e-control-wrapper.e-pv-prop-dropdown-rtl.e-ddl input.e-input.e-control.e-keyboard {
+    padding-left: $pv-zoom-drop-down-padding-left-rtl;
+    padding-right: $pv-zoom-drop-down-padding-right-rtl;
+  }
+
+  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
+  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child,
+  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:first-child {
+    @if $skin-name =='bootstrap4' {
+      margin-left: $pv-toolbar-items-first-child-margin-left-big;
+    }
+  }
+
+  .e-bigger .e-pdfviewer .e-inplaceeditor .e-editable-action-buttons,
+  .e-pdfviewer .e-pv-reply-div .e-inplaceeditor .e-editable-action-buttons {
+    @if $skin-name =='tailwind3' {
+      padding-top: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pdfviewer .e-pv-comments-div .e-inplaceeditor .e-editable-value-container .e-editable-value {
+    margin-left: $pv-spacing-32;
+  }
+
+  .e-bigger .e-pdfviewer .e-inplaceeditor .e-editable-value-container {
+    width: $pv-width-p100;
+    max-width: $pv-width-p100;
+  }
+
+  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
+  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child,
+  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item:first-child {
+    @if $skin-name =='bootstrap4' {
+      margin-right: $pv-toolbar-items-first-child-margin-left-big;
+    }
+  }
+
+  .e-bigger .e-pdfviewer .e-pv-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
+  .e-bigger .e-pdfviewer .e-pv-annotation-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child,
+  .e-bigger .e-pdfviewer .e-pv-formdesigner-toolbar.e-toolbar:not(.e-rtl) .e-toolbar-items .e-toolbar-item:last-child {
+    @if $skin-name =='bootstrap4' {
+      margin-right: $pv-toolbar-items-last-child-margin-right-big;
+    }
+  }
+
+  .e-bigger .e-pv-search-bar {
+    @if $skin-name =='bootstrap4' {
+      top: $pv-search-box-top-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-content-container.e-left {
+    @if $skin-name =='bootstrap4' or $skin-name =='tailwind3' {
+      left: $pv-sidebar-content-container-left-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-content-container.e-right {
+    @if $skin-name =='bootstrap4' {
+      right: $pv-sidebar-content-container-left-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-toolbar-splitter.e-left {
+    @if $skin-name =='bootstrap4' {
+      left: $pv-sidebar-toolbar-splitter-left-big;
+    }
+  }
+
+  .e-bigger .e-pv-sidebar-toolbar-splitter.e-right {
+    @if $skin-name =='bootstrap4' {
+      right: $pv-sidebar-toolbar-splitter-left-big;
+    }
+  }
+
+  .e-bigger div > .e-pv-bookmark-icon.e-pv-icon.e-right {
+    @if $skin-name =='bootstrap4' {
+      font-size: $pv-icon-font-size-big;
+    }
+
+    @if $skin-name =='Material3' {
+      font-size: $pv-text-base;
+      padding-left: $pv-spacing-12;
+      padding-right: $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-properties-window {
+    max-width: $pv-properties-win-max-width-big;
+
+    @if $skin-name =='FluentUI' {
+      min-height: $pv-height-498;
+    }
+  }
+
+  .e-bigger .e-pv-scale-ratio-window {
+    max-width: $pv-scale-ratio-win-max-width-big;
+  }
+
+  .e-bigger .e-pv-formfield-fontcolor-icon,
+  .e-bigger .e-pv-formfield-strokecolor-icon,
+  .e-bigger .e-pv-formfield-strokethickness-icon {
+    @if $skin-name=='tailwind3' {
+      padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
+      padding-top: $pv-spacing-2 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
+    @if $skin-name=='fluent2' {
+      margin-right: $pv-spacing-16 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-annotation-stamp-container .e-menu-icon.e-pv-stamp-icon.e-pv-icon {
+    @if $skin-name=='fluent2' {
+      margin-right: $pv-spacing-10 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
+    @if $skin-name=='fluent2' {
+      position: static;
+    }
+  }
+
+  .e-bigger .e-pv-annotation-shapes-container.e-btn.e-icon-btn,
+  .e-bigger .e-pv-annotation-calibrate-container.e-btn.e-icon-btn {
+    @if ($skin-name == 'fluent2') {
+      padding-top: $pv-spacing-4;
+    }
+  }
+
+  .e-bigger .e-dropdown-popup.e-lib.e-popup.e-control.e-pv-handwritten-popup .e-btn.e-outline.e-primary {
+    @if $skin-name =='FluentUI' {
+      min-height: $pv-height-49;
+      min-width: $pv-width-152;
+    }
+  }
+
+  .e-bigger .e-pv-mobile-annotation-toolbar .e-pv-custom-annotation-stamp-container.e-menu-container {
+    @if ($skin-name =='fluent2') {
+      padding-left: $pv-spacing-10;
+    }
+  }
+
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-pv-stamp-icon,
+  .e-bigger .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
+    @if ($skin-name =='fluent2') {
+      margin-top: $pv-stamp-icon-margin-top;
+      padding-left: $pv-spacing-6;
+    }
+    @else if ($skin-name =='FluentUI') {
+      line-height: $pv-annotation-drop-down-height;
+    }
+  }
+
+  .e-bigger .e-contextmenu-container.e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-caret {
+    @if ($skin-name =='fluent2') {
+      margin-top: $pv-spacing-3;
+    }
+  }
+
+  .e-bigger .e-pv-stamp.e-menu-wrapper ul .e-menu-item {
+    @if $skin-name =='fluent2' {
+      padding: $pv-spacing-0 $pv-spacing-8;
+    }
+  }
+
+  .e-bigger .e-pv-annotation-thickness-container {
+    @if $skin-name =='fluent2' {
+      padding-top: $pv-spacing-7 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-split-btn-wrapper .e-pv-annotation-eraser-container.e-split-btn.e-icon-btn {
+    padding-left: $pv-spacing-0;
+    padding-right: $pv-spacing-0;
+  }
+
+  .e-bigger .e-split-btn-wrapper .e-pv-annotation-eraser-container.e-split-btn.e-icon-btn {
+    border-top-right-radius: $pv-spacing-0;
+    border-bottom-right-radius: $pv-spacing-0;
+  }
+
+  .e-bigger .e-split-btn-wrapper.e-pv-annotation-eraser-container .e-dropdown-btn {
+    border-top-left-radius: $pv-spacing-0;
+    border-bottom-left-radius: $pv-spacing-0;
+  }
+
+  .e-bigger .e-pv-accordion-container.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
+  .e-bigger .e-pv-accordion-content-container .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
+    @if $skin-name =='fluent2' {
+      font-size: $pv-text-sm;
+    }
+  }
+
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn {
+    @if $skin-name !='Material3' {
+      float: left;
+      height: $pv-height-49;
+      min-height: $pv-height-49;
+    }
+  }
+
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn,
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn {
+    @if $skin-name !='Material3' {
+      height: $pv-height-49;
+      min-height: $pv-height-49;
+    }
+  }
+
+  .e-bigger .foreign-object .e-pdfviewer-signatureformfields-signature + .e-pdfViewer-signIcon {
+    display: none;
+  }
+
+  .e-bigger .foreign-object .e-pdfviewer-signatureformfields + .e-pdfViewer-signIcon {
+    display: block;
+  }
+
+  .e-bigger .e-pv-font-appearance-style .e-pv-font-sign {
+    @if $skin-name=='fluent2' {
+      width: $pv-width-p40;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-menu-icon,
+  .e-bigger .e-pv-stamp-template-container .e-menu-container .e-menu .e-menu-item .e-caret {
+    @if ($skin-name =='FluentUI') {
+      height: $pv-height-32;
+    }
+  }
+
+  .e-bigger .e-menu-wrapper.e-custom-scroll.e-lib.e-keyboard.e-pv-stamp ul {
+    @if $skin-name == 'tailwind3' {
+      height: $pv-height-unset !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-bold-icon-div,
+  .e-bigger .e-pv-italic-icon-div,
+  .e-bigger .e-pv-strikeout-icon-div,
+  .e-bigger .e-pv-underlinetext-icon-div {
+    @if ($skin-name =='fluent2') {
+      padding: $pv-spacing-4 $pv-spacing-10;
+      width: $pv-width-40;
+    }
+  }
+
+  .e-bigger .e-pv-left-align-icon-div,
+  .e-bigger .e-pv-center-align-icon-div,
+  .e-bigger .e-pv-right-align-icon-div {
+    @if ($skin-name =='fluent2') {
+      padding: $pv-spacing-4 $pv-spacing-10;
+      width: $pv-width-38-5;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-bold-icon-div,
+  .e-bigger .e-pv-default-tab .e-pv-italic-icon-div,
+  .e-bigger .e-pv-default-tab .e-pv-left-align-icon-div,
+  .e-bigger .e-pv-default-tab .e-pv-center-align-icon-div,
+  .e-bigger .e-pv-default-tab .e-pv-right-align-icon-div {
+    @if ($skin-name =='fluent2' or $skin-name=='tailwind3' or $skin-name =='Material3') {
+      padding-top: $pv-spacing-7;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-redaction-text-align {
+    .e-pv-left-align-icon-div,
+    .e-pv-center-align-icon-div,
+    .e-pv-right-align-icon-div {
+      @if $skin-name == 'tailwind3' {
+        padding: $pv-spacing-8 $pv-spacing-10;
+      }
+      @else if $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5'{
+        padding: $pv-spacing-8 $pv-spacing-9;
+      }
+      @else if ( $skin-name == 'FluentUI') {
+        padding: $pv-spacing-7 $pv-spacing-8;
+      }
+      @else if $skin-name == 'highcontrast' {
+        padding: $pv-spacing-6 $pv-spacing-11;
+      }
+      @else if $skin-name =='Material3' {
+        padding: $pv-spacing-9 $pv-spacing-10 $pv-spacing-7 $pv-spacing-9 !important;/* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
+
+  .e-bigger .e-pv-properties-fill-color-style-prop,
+  .e-bigger .e-pv-properties-stroke-color-style-prop,
+  .e-bigger .e-pv-properties-stroke-thickness-style-prop {
+    @if $skin-name =='Material3' {
+      padding: $pv-spacing-0 $pv-spacing-20 $pv-spacing-12 $pv-spacing-1;
+    }
+
+    @else {
+      padding: $pv-spacing-12 $pv-spacing-20 $pv-spacing-12 $pv-spacing-1;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-fill-color-style-prop,
+  .e-bigger .e-pv-default-tab .e-pv-properties-stroke-color-style-prop,
+  .e-bigger .e-pv-default-tab .e-pv-properties-stroke-thickness-style-prop {
+    padding-top: $pv-spacing-0;
+  }
+
+  .e-bigger .e-pv-formfield-fontcolor-icon,
+  .e-bigger .e-pv-formfield-strokecolor-icon,
+  .e-bigger .e-pv-formfield-strokethickness-icon {
+    @if ($skin-name=='fluent2') {
+      height: $pv-height-40;
+      padding: $pv-spacing-7 !important;/* stylelint-disable-line declaration-no-important */
+      width: $pv-width-68;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon {
+    @if ($skin-name=='fluent2') {
+      padding: $pv-spacing-4 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-formfield-textcolor-icon {
+    @if ($skin-name=='tailwind3') {
+      height: $pv-height-36;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon {
+    @if ($skin-name=='tailwind3') {
+      padding: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-properties-form-field-window {
+    @if $skin-name =='Material3' {
+      max-width: $pv-width-490;
+    }
+
+    @if ($skin-name =='fluent2') {
+      min-height: $pv-height-555 !important;/* stylelint-disable-line declaration-no-important */
+      max-width: $pv-width-525 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-dialog:has(.e-pv-default-tab.e-pv-properties-tab-style-prop) {
+    height: $pv-height-570 !important;/* stylelint-disable-line declaration-no-important */
+    max-height: $pv-height-600 !important;/* stylelint-disable-line declaration-no-important */
+    @if ($skin-name !='tailwind3') {
+      width: $pv-width-470 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      width: $pv-width-435 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-dialog:has(.e-pv-properties-line-style-prop .e-pv-blazor-properties-container-custom-width) {
+    @if $skin-name =='FluentUI' {
+      height: $pv-height-505 !important;/* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      height: $pv-height-490 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-blazor-properties-line-stroke-color-container {
+    margin-left: $pv-blazor-line-stroke-color-margin-left-bigger !important;/* stylelint-disable-line declaration-no-important */
+    @if ($skin-name != 'fluent2' and $skin-name != 'tailwind3') {
+      margin-right: $pv-spacing-87;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-formfield-textarea {
+    height: $pv-height-138;
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-color-icon.e-pv-icon,
+  .e-bigger .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-stroke-icon.e-pv-icon {
+    @if ($skin-name != 'highcontrast') {
+      padding-top: $pv-spacing-0;
+      @if ($skin-name !='fluent2' and $skin-name !='FluentUI') {
+        height: $pv-height-30;
+        @if ($skin-name =='bootstrap5.3' or $skin-name =='tailwind' or $skin-name == 'tailwind3') {
+          height: $pv-height-25;
+        }
+        @else if ($skin-name == 'Material3') {
+          height: $pv-height-20;
+        }
+      }
+    }
+  }
+  .e-bigger .e-pv-font-style-prop-mobile {
+    @if ($skin-name =='fluent2') {
+      width: $pv-width-75;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name == 'tailwind3') {
+      width: $pv-width-68;
+    }
+  }
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon {
+    @if ($skin-name == 'tailwind3') {
+      padding: $pv-spacing-0;
+    }
+  }
+ 
+  .e-bigger .e-pv-properties-form-field-font-style {
+    background: $pv-form-field-property-font-style-color;
+
+    @if ($skin-name =='bootstrap5') {
+      border-radius: $pv-radius-4;
+    }
+
+    @else {
+      border-radius: $pv-radius-2;
+    }
+    @if ($skin-name =='tailwind3') {
+      border-radius: $pv-radius-6;
+    }
+    display: flex;
+    height: $pv-height-36;
+
+    @if ($skin-name !='fluent2') {
+      justify-content: space-evenly;
+    }
+    width: $pv-width-154;
+
+    @if ($skin-name =='bootstrap5') {
+      align-items: center;
+      border: $pv-border-1 solid $border-light;
+      height: $pv-height-32;
+      width: $pv-width-163;
+    }
+
+    @if ($skin-name =='FluentUI') {
+      align-items: center;
+      border: $pv-border-1 solid $border;
+      height: $pv-height-32;
+      width: $pv-width-163;
+    }
+
+    @if ($skin-name =='Material3') {
+      align-items: center;
+      border-bottom: $pv-border-1 solid $transparent;
+      height: $pv-height-32;
+      width: $pv-width-128;
+      padding-left: $pv-spacing-8;
+      padding-top: $pv-spacing-20;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-style {
+    height: $pv-height-38;
+    justify-content: unset;
+    width: $pv-width-auto;
+    @if ($skin-name =='Material3') {
+      padding-top: $pv-spacing-12;
+    }
+  }
+  
+  .e-bigger .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
+    padding-top: $pv-spacing-0;
+  }
+
+  .e-bigger .e-pv-default-tab.e-pv-properties-tab-style-prop .e-float-input.e-input-group input,
+  .e-bigger .e-pv-default-tab.e-pv-properties-tab-style-prop .e-input-group:not(.e-float-input) .e-input {
+    @if ($skin-name =='fluent2') {
+      padding-left: $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-font-style-prop-mobile {
+    @if ($skin-name == 'highcontrast') {
+      width: $pv-width-68;
+    }
+  }
+  .e-bigger .e-pv-default-tab .e-pv-properties-font-size-container {
+    width: $pv-width-118;
+  }
+
+  .e-bigger .e-pv-properties-form-field-font-align {
+    background: $pv-form-field-property-font-style-color;
+
+    @if ($skin-name =='bootstrap5' or $skin-name =='Material3') {
+      border-radius: $pv-radius-4;
+    }
+    @else {
+      border-radius: $pv-radius-2;
+    }
+    @if ($skin-name =='tailwind3') {
+      border-radius: $pv-radius-6;
+    }
+    display: flex;
+    height: $pv-height-36;
+
+    @if ($skin-name !='fluent2') {
+      justify-content: space-evenly;
+    }
+    margin-right: $pv-spacing-15;
+    width: $pv-width-120;
+
+    @if ($skin-name =='bootstrap5' or $skin-name =='FluentUI') {
+      align-items: center;
+      border: $pv-border-1 solid $border-light;
+      height: $pv-height-32;
+    }
+
+    @if ($skin-name =='FluentUI') {
+      border: $pv-border-1 solid $border;
+    }
+
+    @if ($skin-name =='Material3') {
+      align-items: center;
+      height: $pv-height-32;
+      width: $pv-width-96;
+      border: $pv-border-1 solid $transparent;
+      padding-top: $pv-spacing-20;
+    }
+  }
+
+  .e-bigger .e-pv-redaction-properties-dialog .e-pv-properties-form-field-font-align {
+    @if ($skin-name == 'Material3') {
+      padding-top: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align {
+    height: $pv-height-38;
+    width: $pv-width-auto;
+    @if ($skin-name =='bootstrap5.3') {
+      border-radius: $pv-radius-6;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div.e-pv-li-select {
+    @if ($skin-name =='bootstrap5.3') {
+      border-top-right-radius: $pv-radius-6;
+      border-bottom-right-radius: $pv-radius-6;
+    }
+  }
+  
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:hover,
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:focus,
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-right-align-icon-div:active {
+    @if ($skin-name =='bootstrap5.3') {
+      border-top-right-radius: $pv-radius-6;
+      border-bottom-right-radius: $pv-radius-6;
+    }
+  }
+  
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div.e-pv-li-select {
+    @if ($skin-name =='bootstrap5.3') {
+      border-top-left-radius: $pv-radius-6;
+      border-bottom-left-radius: $pv-radius-6;
+    }
+  }
+  
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:hover,
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:focus,
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-font-align .e-pv-left-align-icon-div:active {
+    @if ($skin-name =='bootstrap5.3') {
+      border-top-left-radius: $pv-radius-6;
+      border-bottom-left-radius: $pv-radius-6;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-redaction-text-align.e-pv-properties-form-field-font-align {
+    @if ($skin-name =='tailwind3' or $skin-name == 'highcontrast') {
+      height: $pv-height-40;
+    }
+  }
+
+  .e-bigger .e-pv-form-designer-property-panel .e-pv-form-designer-panel-title-container .e-pv-save-button,
+  .e-bigger .e-pv-redaction-property-panel .e-pv-redaction-panel-title-container .e-pv-save-button {
+    @if ($skin-name =='Material3') {
+      padding-top: $pv-spacing-5;
+    }
+    @else {
+      @if ($skin-name == 'highcontrast') {
+        padding-bottom: $pv-spacing-0;
+        top: 5px !important;/* stylelint-disable-line declaration-no-important */
+      }
+      padding-top: $pv-spacing-0;
+    }
+  }
+  .e-bigger .e-pv-font-align-prop-mobile .e-pv-properties-form-field-font-align {
+    margin-right: $pv-spacing-0;
+  }
+  
+  .e-bigger .e-pv-default-tab .e-pv-properties-form-field-list-add-div {
+    align-items: center;
+  }
+
+  .e-bigger .e-pv-font-color-prop-mobile,
+  .e-bigger .e-pv-fill-prop-mobile,
+  .e-bigger .e-pv-border-prop-mobile,
+  .e-bigger .e-pv-thickness-prop-mobile,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-font-color-prop-mobile .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn  {
+    @if ($skin-name =='bootstrap5.3') {
+      width: $pv-width-72;
+    }
+    @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      width: $pv-width-76;
+      height: $pv-height-40;
+    }
+    @else if ($skin-name =='FluentUI') {
+      width: $pv-width-82;
+    }
+    @else if ($skin-name =='fluent2') {
+      width: $pv-width-70;
+    }
+    @else if ($skin-name == 'Material3') {
+      width: $pv-width-90;
+      height: $pv-height-40;
+    }
+    @else {
+      width: $pv-width-68;
+    }
+    @if ($skin-name != 'highcontrast' and $skin-name != 'Material3') {
+      height: $pv-height-38;
+    }
+    @if ($skin-name == 'highcontrast') {
+      padding: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon {
+    @if ($skin-name == 'highcontrast') {
+      height: $pv-height-40;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      padding-top: $pv-spacing-0;
+    }
+    @if ($skin-name == 'fluent2') {
+      padding: $pv-spacing-8 $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-textcolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokecolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-fontcolor-icon.e-btn.e-icon-btn,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-strokethickness-icon.e-btn.e-icon-btn {
+    @if ($skin-name == 'material' or $skin-name == 'material-dark') {
+      padding: $pv-spacing-2 $pv-spacing-12;
+    }
+    @if ($skin-name == 'FluentUI') {
+      padding: $pv-spacing-7 $pv-spacing-12;
+    }
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      padding: $pv-spacing-6 $pv-spacing-12;
+    }
+  }
+
+  .e-bigger .e-pv-font-color-prop-mobile .e-pv-annotation-textcolor-icon,
+  .e-bigger .e-pv-fill-prop-mobile .e-pv-annotation-color-icon,
+  .e-bigger .e-pv-border-prop-mobile .e-pv-annotation-stroke-icon {
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+      height: $pv-height-12;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-properties-font-family-container {
+    @if ($skin-name =='FluentUI') {
+      width: $pv-width-195;
+    }
+  }
+
+  .e-bigger .e-pv-organize-buttondiv .e-btn .e-btn-icon {
+    font-size: $pv-text-base;
+  }
+
+  .e-bigger .e-pv-blazor-organize-window .e-pv-insert-left-button.e-btn,
+  .e-bigger .e-pv-blazor-organize-window .e-pv-insert-right-button.e-btn {
+    @if ($skin-name == 'highcontrast') {
+      padding: $pv-spacing-0;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-delete-button.e-btn,
+  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-copy-button.e-btn,
+  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-rotate-left-button.e-btn,
+  .e-bigger .e-pv-blazor-organize-window .e-pv-organize-buttondiv .e-pv-rotate-right-button.e-btn {
+    @if ($skin-name == 'highcontrast') {
+      padding: $pv-spacing-0 $pv-spacing-4;
+    }
+  }
+
+  .e-bigger .e-pv-blazor-organize-window {
+    .e-pv-organize-toolbar {
+      @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'fluent2' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'FluentUI' {
+        height: $pv-height-48 !important;/* stylelint-disable-line declaration-no-important */
+      }
+      @if $skin-name == 'tailwind3' or $skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+        height: $pv-height-56 !important;/* stylelint-disable-line declaration-no-important */
+      }
+      @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'highcontrast' {
+        height: $pv-height-50 !important;/* stylelint-disable-line declaration-no-important */
+      }
+
+      .e-toolbar-item .e-tbar-btn {
+        @if $skin-name == 'FluentUI' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' or $skin-name == 'Material3' {
+          min-height: $pv-height-40 !important;/* stylelint-disable-line declaration-no-important */
+        }
+        @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap4' {
+          min-height: $pv-height-38 !important;/* stylelint-disable-line declaration-no-important */
+        }
+        @if $skin-name == 'highcontrast' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+          min-height: $pv-height-48 !important;/* stylelint-disable-line declaration-no-important */
+        }
+        @if $skin-name == 'material' or $skin-name == 'material-dark' {
+          height: $pv-height-34 !important;/* stylelint-disable-line declaration-no-important */
+        }
+      }
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-font-length-prop-mobile .e-input-group.e-control-wrapper .e-input-group-icon,
+  .e-bigger .e-pv-default-tab .e-pv-formfield-maxlength .e-input-group.e-control-wrapper .e-input-group-icon {
+    @if ($skin-name =='fluent2' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' ) {
+      min-width: $pv-width-8;
+    }
+    @else {
+      min-width: $pv-width-21;
+    }
+  }
+
+  .e-bigger .e-pv-default-tab .e-pv-formfield-maxlength {
+    @if ($skin-name =='FluentUI') {
+      width: $pv-width-105;
+    }
+  }
+
+  .e-bigger .e-pv-properties-form-field-window {
+    @if $skin-name =='Material3' {
+      height: $pv-height-565;
+    }
+
+    @if ($skin-name =='FluentUI') {
+      height: $pv-height-585;
+    }
+  }
+
+  .e-bigger .e-pv-properties-header-spliter {
+    @if $skin-name =='Material3' {
+      border-bottom-color: $pv-properties-header-spliter-border-bottom-color;
+      border-bottom-style: $pv-properties-header-spliter-border-bottom-style;
+      border-bottom-width: $pv-properties-header-spliter-border-bottom-width;
+      left: $pv-properties-header-spliter-left;
+      padding-top: $pv-spacing-48;
+      position: $pv-properties-header-spliter-position;
+      width: $pv-properties-header-spliter-width;
+    }
+  }
+
+  .e-bigger .e-dialog.e-pv-signature-dialog-height {
+    @if ($skin-name =='FluentUI' or $skin-name =='Material3') {
+      height: $pv-height-627;
+      min-height: $pv-height-591;
+    }
+
+    @if ($skin-name =='bootstrap5.3') {
+      height: $pv-height-584;
+      min-height: $pv-height-584;
+    }
+  }
+
+  .e-bigger .e-pv-signature-dialog-height {
+    @if ($skin-name =='FluentUI') {
+      min-height: $pv-height-592;
+    }
+  }
+
+  .e-bigger .e-dialog.e-pv-signature-dialog-blazor-height {
+    @if ($skin-name =='Material3') {
+      min-height: $pv-height-590;
+    }
+    @if $skin-name =='fluent2' {
+      min-height: $pv-height-555;
+      height: $pv-height-615;
+    }
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
+      height: $pv-height-576;
+      max-height: $pv-height-576 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-signature-dialog-blazor-height .e-dlg-header-content {
+    @if ($skin-name == 'highcontrast') {
+      padding: $pv-spacing-25 $pv-spacing-24 $pv-spacing-24;
+    }
+  }
+
+  .e-bigger .e-pv-canvas-signature-blazor {
+    @if $skin-name =='fluent2' {
+      max-height: $pv-height-350;
+    }
+  }
+
+  .e-bigger .e-pv-sign-upload {
+    @if $skin-name =='fluent2' {
+      margin-left: $pv-spacing--2p !important;/* stylelint-disable-line declaration-no-important */
+      margin-top: $pv-spacing--4p !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-bigger .e-pv-modern-navigation-toolbar {
+    padding-top: $pv-modern-sidebar-padding-top-big;
+    width: $pv-modern-sidebar-width-big;
+    gap: $pv-modern-sidebar-btn-gap-big;
+
+    .e-btn {
+      width: $pv-modern-sidebar-btn-width-big;
+      height: $pv-modern-sidebar-btn-height-big;
+      margin: $pv-spacing-unset;
+
+      .e-btn-icon {
+        font-size: $pv-modern-sidebar-btn-font-size-big;
+      }
+    }
+
+    .e-pv-side-panel-separator {
+      width: $pv-modern-sidebar-separator-width-big;
+      margin: $pv-modern-sidebar-separator-margin-big;
+    }
+  }
+
+  .e-bigger .e-pv-modern-side-panel {
+    right: $pv-modern-panel-right-big;
+  }
+
+  .e-bigger .e-pv-modern-side-panel.e-pv-rtl {
+    left: $pv-modern-panel-right-big;
+  }
+
+  .e-bigger .e-pv-modern-mobile-template-container .e-pv-modern-side-panel-container,
+  .e-bigger .e-pv-modern-side-panel .e-pv-modern-side-panel-container {
+    
+    .e-pv-modern-side-panel-header {
+      height: $pv-modern-panel-header-height-big;
+
+      .e-pv-modern-side-panel-header-title {
+        font-size: $pv-text-base;
+      }
+
+      .e-pv-icon {
+        font-size: $pv-modern-sidebar-btn-font-size-big;
+      }
+    }
+
+    .e-pv-modern-side-panel-content-container {
+      height: $pv-modern-panel-template-height-big;
+
+      .e-pv-sidebar-content {
+        top: $pv-modern-panel-header-height-big;
+      }
+    }
+  }
+}