@syncfusion/ej2-fabric-theme 34.2.8 → 35.1.37

package/styles/pdfviewer/_theme.scss

@@ -881,6 +881,7 @@ $lg-desktop: 1399.98;
   }
 
   .e-dialog.e-pv-redaction-confirmation-popup,
+  .e-dialog.e-pv-apply-actions-confirmation-popup,
   .e-pv-password-popup.e-dialog {
     @if $skin-name != 'Material3' {
       height: $pv-password-dialog-height;
@@ -1498,6 +1499,10 @@ $lg-desktop: 1399.98;
       width: $pv-width-25;
       margin-left: $pv-spacing-22;
     }
+    .e-pdfviewer .e-pv-blazor-organize-window .e-pv-organize-toolbar-apperance .e-checkbox-wrapper {
+      width: $pv-width-p100;
+      margin-left: $pv-spacing-22;
+    }
   }
 
   .e-pv-thumbnail-view-button-selection.e-pv-thumbnail-view-button.e-btn,
@@ -1915,7 +1920,10 @@ $lg-desktop: 1399.98;
   .e-pv-form-designer-panel-title-container .e-pv-annotation-tools-close-icon.e-pv-icon,
   .e-pv-annotation-comment-panel-container .e-pv-tbar-btn,
   .e-pv-backward-icon .e-pv-icon,
-  .e-pv-comment-panel-filter-btn {
+  .e-pv-comment-panel-filter-btn,
+  .e-pv-custom-text-stamp-close-pv-plus-icon,
+  .e-pv-custom-text-stamp-close-delete-icon,
+  .e-pv-custom-text-stamp-close-icon {
     color: $pv-icon-color;
     @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark' or $skin-name == 'tailwind3') {
       box-shadow: none;
@@ -2756,6 +2764,9 @@ $lg-desktop: 1399.98;
     @if ($skin-name != 'bootstrap5') {
       margin-left: $pv-spacing-0;
     }
+    @if ($skin-name == 'Material3' or $skin-name =='Material3-dark') {
+      line-height: $pv-spacing-13;
+    }
   }
 
   .e-pv-default-tab .e-pv-properties-color-container-style-prop .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
@@ -3185,6 +3196,19 @@ $lg-desktop: 1399.98;
       background-color: $pv-annotation-dd-background-color-active;
       color: $pv-icon-color;
     }
+    @else if $skin-name == 'Material3' {
+      background: $pv-annotation-dropdown-background-color-hover;
+      border: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @else {
+      background-color: $pv-annotation-dropdown-background-color-hover;
+      border-color: $pv-annotation-dropdown-border-color-hover;
+      outline: none;
+    }
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
+      color: $secondary-text-color-pressed;
+    }
   }
 
   .e-pv-annotation-color-container.e-dropdown-btn.e-btn,
@@ -3994,9 +4018,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'fluent2' or $skin-name == 'Material3' or $skin-name == 'FluentUI') {
       padding: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
     }
-    @if $skin-name == 'tailwind3' {
-      padding-top: $pv-spacing-0 !important;/* stylelint-disable-line declaration-no-important */
-    }
   }
 
   .e-pv-redaction-properties-dialog .e-dlg-content .e-tab-header,
@@ -4248,6 +4269,9 @@ $lg-desktop: 1399.98;
   .e-pdfviewer .e-css.e-checkbox-wrapper .e-frame + .e-label {
     margin-right: $pv-textsearch-textbox-margin-right;
   }
+  .e-pdfviewer.e-pv-mobile-view .e-pv-blazor-organize-window .e-checkbox-wrapper .e-frame + .e-label {
+    margin: $pv-width-0 !important;/* stylelint-disable-line declaration-no-important */
+  }
 
   .e-toolbar-right .e-pv-import-pages .e-tbar-btn{
     font-size: $pv-text-sm;
@@ -7079,6 +7103,32 @@ $lg-desktop: 1399.98;
       padding-top: $pv-spacing-10;
     }
   }
+
+  .e-rtl {
+    .e-pv-redaction-mark-fill-text {
+      margin: $pv-spacing-2 $pv-spacing-15 $pv-spacing-0 $pv-spacing-0;
+    }
+
+    .e-pv-redaction-opacity-container {
+      text-align: left;
+    }
+
+    .e-pv-redaction-opacity-container .e-pv-redaction-opactity-value {
+      margin-right: $pv-spacing-10;
+    }
+
+    .e-pv-redaction-opacity-container .e-slider-container {
+      padding-right: $pv-spacing-10;
+      padding-left: $pv-spacing-0;
+    }
+
+    .e-pv-redaction-color-picker,
+    .e-pv-redaction-outline-text,
+    .e-pv-redaction-opacity-text {
+      margin-right: $pv-spacing-10;
+      margin-left: $pv-spacing-0;
+    }
+  }
    
   .e-pv-redaction-opactity-value {
     float: right;
@@ -7285,7 +7335,7 @@ $lg-desktop: 1399.98;
 
   .e-pv-overlaytext {
     float: left;
-    margin-left: $pv-spacing-20;
+    margin-inline-start: $pv-spacing-20;
   }
 
   .e-pv-blazor-redaction-table-tr {
@@ -7443,6 +7493,7 @@ $lg-desktop: 1399.98;
   .e-pdfviewer .e-dropdown-btn.e-btn {
     @if ($skin-name == 'Material3') {
       box-shadow: none;
+      height: $pv-toolbar-btn-height;
     }
   }
 
@@ -8179,6 +8230,222 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-avatar-container {
+    display: flex;
+    align-items: center;
+    @if $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='fluent2' or $skin-name =='fluent3' {
+      padding-left: 4px;
+    }
+  }
+
+  .e-pv-user-popup {
+    display: none;
+    position: absolute;
+    background: $pv-white-color;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
+    min-width: 250px;
+    z-index: 1000;
+    top: 100%;
+    right: 0;
+  }
+
+  .e-pv-user-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .e-pv-mobile-user-container {
+    display: none;
+    position: relative;
+    cursor: pointer;
+  }
+
+  .e-pv-mobile-user-popup {
+    display: none;
+    position: absolute;
+    background: $pv-white-color;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
+    min-width: 250px;
+    z-index: 1001;
+    top: 100%;
+    right: 0;
+  }
+
+  .e-pv-mobile-user-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .e-avatar.e-avatar-circle.e-pv-collaborative-avatar {
+    @if $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
+      width: 28px;
+      height: 28px;
+    }
+    
+    @else {
+      width: 32px;
+      height: 32px;
+    }
+    border-radius: 50%;
+    overflow: hidden;
+    cursor: pointer;
+    flex-shrink: 0;
+    background: rgba(245, 245, 245, 1);
+    box-sizing: content-box;
+    box-shadow: inset 0 0 0 2px #fff;
+  }
+
+  .e-avatar.e-avatar-circle.e-pv-collaborative-avatar.e-pv-avatar-text,
+  .e-pv-user-popup-avatar.e-pv-avatar-text,
+  .e-pv-mobile-first-user-crop.e-pv-avatar-text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 600;
+    font-size: 12px;
+    color: rgba(255, 255, 255, 1);
+  }
+
+  .e-pv-avatar-count-badge {
+    @if $skin-name =='fluent2' or $skin-name =='bootstrap5' {
+      height: 32px;
+      width: 32px;
+      padding-bottom: 2px;
+      padding-left: 1px;
+    }
+    @else {
+      width: 34px;
+      height: 34px;
+    }
+    background: rgba(90, 76, 240, 1);
+    color: $pv-white-color;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    font-size: 12px;
+    margin-left: -12px;
+    cursor: pointer;
+    flex-shrink: 0;
+    z-index: 3;
+  }
+
+  .e-tbar-btn.e-pv-userIcon {
+    /* stylelint-disable-next-line declaration-no-important */
+    background: rgba(255, 255, 255, 0) !important;
+  }
+
+  .e-pv-list-user {
+    padding: 12px 16px;
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: normal;
+    color: rgba(17, 24, 39, 1);
+    line-height: 1.5;
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #f0f0f0;
+    transition: background-color .2s;
+  }
+
+  .e-pv-user-popup-avatar {
+    width: 34px;
+    height: 34px;
+    border-radius: 50%;
+    overflow: hidden;
+    flex-shrink: 0;
+    margin-right: 12px;
+    background: rgba(245, 245, 245, 1);
+    box-shadow: inset 0 0 0 2px #fff;
+  }
+
+  .e-pv-mobile-first-user-avatar {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    overflow: visible;
+    cursor: pointer;
+    flex-shrink: 0;
+    position: relative;
+  }
+
+  .e-pv-mobile-first-user-crop {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: inset 0 0 0 2px #fff;
+  }
+
+  .e-pv-mobile-user-badge {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 12px;
+    height: 12px;
+    background: rgba(243, 244, 246, 1);
+    color: rgba(55, 65, 81, 1);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
+    font-size: 10px;
+    border: 2px solid #fff;
+    transform: translate(30%, 30%);
+  }
+
+  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-collaborative-users-container {
+    display: block;
+    padding-left: 10px;
+    padding-right: 10px;
+    width: auto;
+  }
+
+  /* Only applies when the avatar lives inside the Syncfusion toolbar overflow popup (.e-toolbar-pop). */
+  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-collaborative-avatar {
+    width: 24px;
+    height: 24px;
+  }
+
+  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-avatar-count-badge {
+    @if $skin-name =='fluent2' {
+      margin-left: -12px;
+      padding-right: 1px;
+    }
+    @else if $skin-name == 'bootstrap5'
+    {
+      padding-bottom: 1px;
+      padding-right: 1px;
+      margin-left: -12px;
+    }
+    @else {
+      font-size: 10px;
+      margin-left: -8px;
+    }
+    width: 27px;
+    height: 27px;
+  }
+
+  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-toolbar-avatar-group {
+    padding-left: 4px;
+    padding-right: 10px;
+  }
+
+  .e-toolbar.e-pv-toolbar .e-toolbar-pop .e-pv-user-popup {
+    min-width: 220px;
+  }
+
   .e-pv-mobile-view .e-pv-extract-toolbar .e-scroll-nav {
     -webkit-transform: skewX(-1deg) translateX(6px) !important;/* stylelint-disable-line declaration-no-important */
     transform: skewX(-1deg) translateX(6px) !important;/* stylelint-disable-line declaration-no-important */
@@ -9160,61 +9427,1366 @@ $lg-desktop: 1399.98;
   }
 }
 
-.e-pv-link-annotation-dialog .e-dlg-header-content {
-  padding: 22px 24px 14px;
+.e-pv-custom-text-stamp-dialog.e-popup.e-popup-open {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    width: 452px;
+    min-height: 510px;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    width: 389px;
+    min-height: $pv-scale-ratio-win-max-width-big;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    width: 452px;
+    min-height: 542px;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    width: 386px;
+    min-height: 513px;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    width: 448px;
+    min-height: 513px;
+  }
+  @else {
+    width: 448px;
+    min-height: 538px;
+  }
 }
 
-.e-pv-link-annotation-dialog .e-dlg-content {
-  padding: 20px 24px 0;
+.e-pv-custom-text-stamp-preview-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    height: $pv-width-120;
+    border: $pv-border-1 solid rgba($border-light);
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    height: $pv-width-100;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-4;
+    margin-top: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    height: $pv-width-120;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-8;
+    background: $content-bg-color-alt1;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    height: 134px;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-4;
+    margin-top: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    height: $pv-width-110;
+    border: $pv-border-1 solid $border-fg;
+    margin-top: $pv-spacing-12;
+  }
+  @else {
+    height: 102px;
+    margin-top: $pv-spacing-8;
+    border: $pv-sidebar-toolbar-border;
+  }
 }
 
-/* Common Labels */
-.e-pv-link-dialog-label {
+.e-pv-custom-text-stamp-label {
   display: block;
-  margin-bottom: 4px;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.e-pv-link-dialog-label,
-.e-pv-link-dialog-section-title-mobile,
-.e-pv-link-stroke-field-label-mobile,
-.e-pv-link-thickness-field-label-mobile,
-.e-pv-link-dialog-field-label-mobile,
-.e-pv-link-dialog-section-title-mobile-mobile,
-.e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
-  color: $pv-redaction-panel-text-color;
-}
-
-.e-pv-link-dialog-section-title {
-  margin: 24px 0 12px;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 20px;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    font-size: $pv-text-xxs;
+    font-weight: normal;
+    font-family: 'Roboto';
+    line-height: $pv-spacing-18;
+    margin-top: $pv-spacing-20;
+    color: $pv-icon-color;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    margin-top: $pv-spacing-16;
+    margin-bottom: $pv-spacing-6;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    margin-top: $pv-spacing-16;
+    margin-bottom: $pv-spacing-6;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    font-size: $pv-text-sm;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    line-height: $pv-spacing-20;
+    margin-top: $pv-spacing-16;
+    margin-bottom: $pv-spacing-4;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    line-height: $pv-spacing-18;
+    color: $content-text-color-alt1;
+    margin-bottom: $pv-spacing-4;
+    margin-top: $pv-spacing-16;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    font-size: $pv-text-xs;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    line-height: $pv-spacing-18;
+    color: $content-font;
+    margin-bottom: $pv-spacing-4;
+    margin-top: $pv-spacing-16;
+  }
+  @else {
+    font-size: $pv-text-xs;
+    font-weight: normal;
+    font-family: 'Roboto';
+    line-height: $pv-spacing-18;
+    margin-bottom: $pv-spacing-8;
+    margin-top: $pv-spacing-20;
+    color: $pv-icon-color;
+  }
 }
 
-.e-pv-link-dialog-field-label {
-  white-space: nowrap;
+.e-pv-custom-text-stamp-font-style-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    gap: $pv-spacing-20;
+  }
+  @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+    gap: $pv-spacing-12;
+  }
+  @else {
+    gap: $pv-spacing-16;
+  }
 }
 
-/* Common Layout */
-.e-pv-link-dialog-common-props {
-  margin-top: 20px;
+.e-pv-custom-text-stamp-font-family-container{
+  width: $pv-width-p100;
 }
 
-.e-pv-link-dialog-props-row,
-.e-pv-link-dialog-prop-group,
-.e-pv-link-dialog-radio-row,
-.e-pv-link-dialog-properties-row,
-.e-pv-link-dialog-position-row,
-.e-pv-link-dialog-position-row-mobile,
-.e-pv-link-dialog-field-group,
-.e-pv-link-dialog-field-group-mobile {
+.e-pv-custom-text-stamp-format-group.e-btn-group {
   display: flex;
+  box-shadow: none;
 }
 
-.e-pv-link-dialog-props-row,
-.e-pv-link-dialog-prop-group {
+.e-pv-custom-text-stamp-format-group .e-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    width: $pv-width-36;
+    height: $pv-height-32;
+    background: rgba(103, 80, 164, .11);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+    width: $pv-width-30;
+    height: $pv-height-30;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    width: $pv-width-32;
+    height: $pv-height-32;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    width: $pv-width-36;
+    height: $pv-height-32;
+    background: transparent;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    width: $pv-modern-sidebar-btn-width-big;
+    height: $pv-height-32;
+  }
+  @else {
+    width: $pv-current-page-width;
+    height: $pv-height-28;
+  }
+}
+
+.e-rtl {
+  .e-pv-custom-text-stamp-format-group.e-btn-group .e-btn:first-of-type {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark' or $skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+  }
+
+  .e-pv-custom-text-stamp-format-group.e-btn-group .e-btn:last-of-type {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark' or $skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+    }
+  }
+}
+
+.e-pv-custom-text-stamp-format-group .e-btn .e-btn-icon {
+  margin-top: $pv-spacing-0;
+}
+
+.e-pv-custom-text-stamp-format-group input:focus + label.e-btn {
+  @if ($skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark' or $skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark') {
+    box-shadow: none;
+  }
+}
+
+.e-pv-custom-text-stamp-color-section {
+  display: flex;
+  align-items: center;
+  margin-top: $pv-spacing-20;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'highcontrast') {
+    gap: $pv-spacing-24;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    gap: $pv-spacing-12;
+  }
+  @else {
+    gap: $pv-spacing-16;
+  }
+}
+
+.e-pv-custom-text-stamp-color-item {
+  display: flex;
+  align-items: center;
+}
+
+.e-pv-custom-text-stamp-color-label {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-size: $pv-text-xs;
+    line-height: $pv-spacing-18;
+    color: rgba($content-text-color-alt1);
+    letter-spacing: .1px;
+    margin-right: $pv-spacing-8;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    color: $content-text-color-alt2;
+    margin-right: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    color: $content-text-color;
+    margin-right: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    font-size: $pv-text-sm;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    line-height: $pv-spacing-20;
+    color: $content-text-color;
+    margin-right: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    line-height: $pv-spacing-18;
+    color: $content-text-color-alt1;
+    margin-right: $pv-spacing-8;
+  }
+  @else if ($skin-name =='highcontrast') {
+    font-size: $pv-text-xs;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    line-height: $pv-spacing-18;
+    color: $content-font;
+    margin-right: $pv-spacing-12;
+  }
+  @else {
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-22;
+    margin-right: $pv-spacing-8;
+    color: $pv-annotation-opacity-popup-color;
+  }
+}
+
+.e-rtl .e-pv-custom-text-stamp-color-label {
+  margin-right: $pv-spacing-0;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    margin-left: $pv-spacing-8;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+    margin-left: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    margin-left: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    margin-left: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    margin-left: $pv-spacing-8;
+  }
+  @else if ($skin-name =='highcontrast') {
+    margin-left: $pv-spacing-12;
+  }
+  @else {
+    margin-left: $pv-spacing-8;
+  }
+}
+
+.e-pv-custom-text-stamp-properties-section {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    margin-top: $pv-spacing-16;
+  }
+  @else if ($skin-name == 'material' or $skin-name == 'material-dark') {
+    margin-top: $pv-spacing-20;
+  }
+  @else {
+    margin-top: $pv-spacing-24;
+  }
+}
+
+.e-pv-custom-text-stamp-properties-title {
+  font-family: 'Roboto';
+  font-style: normal;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    font-weight: normal;
+    font-size: $pv-text-xs;
+    line-height: $pv-spacing-18;
+    margin-bottom: $pv-spacing-12;
+    color: rgba($content-text-color-alt1);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    margin-bottom: $pv-spacing-12;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-18;
+    margin-bottom: $pv-spacing-12;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    font-size: $pv-text-sm;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    line-height: $pv-spacing-20;
+    margin-bottom: $pv-spacing-18;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    font-size: $pv-text-xs;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    line-height: $pv-spacing-18;
+    color: $content-text-color-alt1;
+    margin-bottom: $pv-spacing-13;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    font-size: $pv-text-sm;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    line-height: $pv-spacing-22;
+    color: $content-font;
+    margin-bottom: $pv-spacing-16;
+  }
+  @else {
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-16;
+    color: $pv-annotation-opacity-popup-color;
+  }
+}
+
+.e-pv-custom-text-stamp-checkbox-container {
+  display: flex;
+  align-items: center;
+  @if ($skin-name =='highcontrast') {
+    gap: $pv-spacing-16;
+  }
+  @else if ($skin-name =='tailwind3' or $skin-name =='tailwind3-dark') {
+    gap: $pv-spacing-20;
+  }
+  @else {
+    gap: $pv-spacing-24;
+  }
+}
+
+.e-pv-custom-text-stamp-checkbox .e-label {
+  font-style: normal;
+  font-weight: normal;
+  font-size: $pv-text-sm;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    font-family: 'Roboto';
+    line-height: $pv-spacing-20;
+    color: rgba($content-text-color);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    font-family: 'Inter';
+    line-height: $pv-spacing-20;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    font-family: 'Segoe UI';
+    line-height: $pv-spacing-20;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    font-family: 'Helvetica Neue';
+    line-height: $pv-spacing-22;
+    color: $content-text-color-alt1;
+  }
+  @else if ($skin-name =='highcontrast') {
+    font-family: 'Segoe UI';
+    line-height: $pv-spacing-22;
+    color: $content-font;
+  }
+  @else {
+    font-family: 'Roboto';
+    line-height: $pv-spacing-22;
+    color: $pv-annotation-opacity-popup-color;
+  }
+}
+
+.e-pv-custom-text-stamp-date-format-section {
+  @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    margin-top: $pv-spacing-12;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    margin-top: $pv-spacing-22;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    margin-top: $pv-spacing-11;
+  }
+  @else if ($skin-name =='highcontrast') {
+    margin-top: $pv-spacing-16;
+  }
+  @else{
+    margin-top: $pv-spacing-20;
+  }
+}
+
+.e-pv-custom-text-stamp-close-pv-plus-icon {
+  margin-top: $pv-spacing-2;
+}
+
+.e-pv-custom-text-stamp-close-delete-icon {
+  margin-left: $pv-spacing-15;
+}
+
+.e-rtl .e-pv-custom-text-stamp-close-delete-icon {
+  margin-right: $pv-spacing-15;
+}
+
+.e-text-stamp-indicator {
+  width: $pv-spacing-16;
+  height: $pv-spacing-16;
+  border-radius: $pv-border-radius-50p;
+  display: inline-block;
+  margin-right: $pv-spacing-8;
+}
+
+.e-rtl .e-text-stamp-indicator {
+  margin-right: $pv-spacing-0;
+  margin-left: $pv-spacing-8;
+}
+
+.e-text-stamp-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.e-text-stamp-title {
+  font-size: $pv-text-sm;
+  line-height: $pv-spacing-22;
+  margin-right: $pv-spacing-15;
+}
+
+.e-rtl .e-text-stamp-title {
+  margin-right: $pv-spacing-0;
+  margin-left: $pv-spacing-15;
+}
+
+.e-text-stamp-subtitle {
+  font-size: $pv-text-xs;
+  line-height: $pv-spacing-18;
+  color: $pv-icon-color;
+  margin-right: $pv-spacing-15;
+}
+
+.e-rtl .e-text-stamp-subtitle {
+  margin-right: $pv-spacing-0;
+  margin-left: $pv-spacing-15;
+}
+
+.e-pv-custom-text-stamp-mobile-dialog {
+  position: absolute;
+  width: $pv-width-p100;
+  height: $pv-height-p100;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    background: rgba($content-bg-color);
+    border: $pv-border-1 solid rgba($border-light);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    background: $content-bg-color;
+    border: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    background: $content-bg-color-alt1;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    background: $content-bg-color;
+    border: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    background: $bg-base-0;
+    border: $pv-border-1 solid $border-fg;
+  }
+  @else {
+    background: $pv-white-color;
+    border: $pv-border-1 solid $pv-sidebar-resizer-background;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-header {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    height: $pv-height-48;
+    padding: $pv-spacing-12;
+    border-bottom: $pv-border-1 solid rgba($border-light);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    height: $pv-height-42;
+    padding: $pv-spacing-9;
+    border-bottom: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    height: $pv-height-48;
+    padding: $pv-spacing-14;
+    border-bottom: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    height: $pv-height-48;
+    padding: $pv-spacing-12;
+    border-bottom: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    height: $pv-height-50;
+    padding: $pv-spacing-12;
+    border-bottom: $pv-border-1 solid $border-fg;
+  }
+  @else {
+    height: $pv-height-56;
+    padding: $pv-spacing-0 $pv-spacing-16;
+    border-bottom: $pv-sidebar-toolbar-border;
+    background: $pv-modern-panel-background;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-title {
+  font-size: $pv-text-base;
+  line-height: $pv-line-height-24;
+  letter-spacing: $pv-spacing-0;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark') {
+    margin-left: $pv-spacing-18;
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-style: normal;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name =='tailwind3-dark') {
+    margin-left: $pv-spacing-18;
+    font-family: 'Inter';
+    font-weight: normal;
+    font-style: normal;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    margin-left: $pv-spacing-18;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    font-style: normal;
+    line-height: $pv-line-height-20;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    margin-left: $pv-spacing-18;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    font-style: normal;
+  }
+  @else if ($skin-name == 'highcontrast') {
+    margin-left: $pv-spacing-12;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    font-style: normal;
+  }
+  @else {
+    margin-left: $pv-spacing-12;
+    font-family: 'Roboto';
+    font-weight: $pv-font-weight-medium;
+    font-style: normal;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-content {
+  flex: 1;
+  overflow-y: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.e-pv-custom-text-stamp-mobile-content::-webkit-scrollbar {
+  display: none;
+}
+
+.e-pv-custom-text-stamp-mobile-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  flex-shrink: 0;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    height: $pv-width-64;
+    border-top: $pv-border-1 solid rgba($border-light);
+    padding: $pv-spacing-12 $pv-spacing-16;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    height: 62px;
+    border-top: $pv-border-1 solid $border-light;
+    padding: $pv-spacing-12 $pv-spacing-16;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    height: $pv-zoom-dropdown-width;
+    border-top: $pv-border-1 solid $border-light;
+    padding: $pv-spacing-15 $pv-spacing-16;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    height: 62px;
+    border-top: $pv-border-1 solid $border-light;
+    padding: $pv-spacing-12 $pv-spacing-15;
+  }
+  @else if ($skin-name =='highcontrast') {
+    height: $pv-height-88;
+    border-top: $pv-border-1 solid $border-fg;
+    padding: $pv-spacing-24 $pv-spacing-16;
+  }
+  @else {
+    height: $pv-properties-container-height;
+    border-top: $pv-sidebar-toolbar-border;
+    padding: $pv-spacing-8 $pv-spacing-24;
+  }
+}
+
+.e-pv-custom-text-stamp-cancel-btn {
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    width: $pv-width-163;
+    height: $pv-height-40;
+    border: $pv-border-1 solid rgba($secondary-text-color);
+    font-family: 'Roboto';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-20;
+    background: transparent;
+    color: rgba($secondary-text-color);
+    border-radius: $pv-radius-2;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    width: 164px;
+    height: $pv-height-38;
+    border: $pv-border-1 solid $secondary-border-color;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $secondary-bg-color;
+    color: $secondary-text-color;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    width: $pv-width-165;
+    height: $pv-height-40;
+    border: $pv-border-1 solid $secondary-border-color;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $secondary-bg-color;
+    color: $secondary-text-color;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    width: $pv-width-165;
+    height: $pv-height-38;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $secondary-bg-color;
+    color: $secondary-text-color;
+    border-radius: $pv-radius-4;
+    border: none;
+  }
+  @else if ($skin-name =='highcontrast') {
+    width: $pv-width-165;
+    height: $pv-height-40;
+    border: $pv-border-1 solid $bg-base-100;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: transparent;
+    color: $bg-base-100;
+  }
+  @else {
+    width: 156px;
+    height: $pv-height-36;
+    border: $pv-border-1 solid $pv-input-background;
+    background: $pv-input-background;
+    text-transform: uppercase;
+    font-family: 'Roboto';
+    font-weight: $pv-font-weight-semibold;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-22;
+    padding: $pv-spacing-7 $pv-spacing-16;
+    border-radius: $pv-radius-2;
+  }
+}
+
+.e-pv-custom-text-stamp-create-btn {
+  border: none;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    width: $pv-width-163;
+    height: $pv-height-40;
+    font-family: 'Roboto';
+    border-radius: $pv-radius-2;
+    border: $pv-border-1 solid rgba($primary);
+    background: rgba($primary);
+    color: rgba($primary-text-color);
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-20;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    width: $pv-width-165;
+    height: $pv-height-38;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $primary-bg-color;
+    color: $primary-text-color;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    width: $pv-width-165;
+    height: $pv-height-40;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $primary-bg-color;
+    color: $primary-text-color;
+    border: $pv-border-1 solid $primary-border-color;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    width: $pv-width-165;
+    height: $pv-height-38;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $primary-bg-color;
+    color: $primary-text;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name =='highcontrast') {
+    width: $pv-width-165;
+    height: $pv-height-40;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    background: $selection-bg;
+    color: $bg-base-0;
+  }
+  @else {
+    width: 156px;
+    height: $pv-height-36;
+    font-family: 'Roboto';
+    border-radius: $pv-radius-2;
+    border: $pv-border-1 solid $pv-input-background;
+    background: $pv-input-background;
+    text-transform: uppercase;
+    font-weight: $pv-font-weight-semibold;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-22;
+    padding: $pv-spacing-7 $pv-spacing-16;
+    color: $pv-signature-color;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-preview-wrapper {
+  padding: $pv-spacing-16 $pv-spacing-15;
+  flex-shrink: 0;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    height: $pv-width-152;
+    border-bottom: $pv-border-1 solid rgba($border-light);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    height: 144px;
+    border-bottom: $pv-border-1 solid $border-light;
+    padding: $pv-spacing-12 $pv-spacing-15;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    height: $pv-annotation-opacity-slider-width;
+    border-bottom: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    height: $pv-width-165;
+    border-bottom: $pv-border-1 solid $border-light;
+  }
+  @else if ($skin-name =='highcontrast') {
+    height: 134px;
+    border-bottom: $pv-border-1 solid $border-fg;
+    padding: $pv-spacing-12 $pv-spacing-15;
+  }
+  @else {
+    height: 134px;
+    background: $pv-modern-panel-background;
+    border-bottom: $pv-sidebar-toolbar-border;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-preview-container {
+  width: $pv-width-p100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    height: $pv-width-120;
+    border: $pv-border-1 solid rgba($border-light);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    height: $pv-width-120;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    height: $pv-height-140;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-8;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    height: 134px;
+    border: $pv-border-1 solid $border-light;
+    border-radius: $pv-radius-4;
+  }
+  @else if ($skin-name =='highcontrast') {
+    height: $pv-width-110;
+    border: $pv-border-1 solid $border-fg;
+  }
+  @else {
+    height: 102px;
+    border: $pv-sidebar-toolbar-border;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-text-section {
+  padding: $pv-spacing-16;
+}
+
+.e-pv-custom-text-stamp-mobile-label {
+  display: block;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    font-size: $pv-text-xs;
+    font-weight: normal;
+    line-height: $pv-line-height-16;
+    font-family: 'Roboto';
+    margin-bottom: $pv-spacing-0;
+    letter-spacing: .1px;
+    color: rgba($content-text-color-alt1);
+  }
+  @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark') {
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-sm;
+    font-style: normal;
+    line-height: $pv-line-height-20;
+    margin-bottom: $pv-spacing-7;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name =='tailwind3' or $skin-name =='tailwind3-dark') {
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    font-size: $pv-text-sm;
+    font-style: normal;
+    line-height: $pv-line-height-20;
+    margin-bottom: $pv-spacing-7;
+    color: $content-text-color;
+  }
+  @else if ($skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI') {
+    font-family: 'Segoe UI';
+    font-size: $pv-text-base;
+    font-weight: normal;
+    font-style: normal;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-4;
+    color: $content-text-color;
+  }
+  @else if ($skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+    font-family: 'Helvetica Neue';
+    font-size: $pv-text-sm;
+    font-weight: normal;
+    font-style: normal;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-4;
+    color: $content-text-color-alt1;
+  }
+  @else if ($skin-name =='highcontrast') {
+    font-family: 'Segoe UI';
+    font-size: $pv-text-sm;
+    font-weight: normal;
+    font-style: normal;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-4;
+    color: $content-font;
+  }
+  @else {
+    font-size: $pv-text-xs;
+    font-weight: normal;
+    line-height: $pv-line-height-16;
+    font-family: 'Roboto';
+    margin-bottom: $pv-spacing-4;
+    color: $pv-icon-color;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-font-style-section {
+  padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-16;
+}
+
+.e-pv-custom-text-stamp-mobile-font-style-row {
+  display: flex;
+  align-items: center;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'highcontrast') {
+    gap: $pv-spacing-24;
+  }
+  @else {
+    gap: $pv-spacing-16;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-font-family-container {
+  flex: 1;
+  min-width: $pv-width-0;
+}
+
+.e-pv-custom-text-stamp-textbox-mobile-container .e-input-group input.e-input,
+.e-pv-custom-text-stamp-mobile-font-family-container .e-input-group input.e-input,
+.e-pv-custom-text-stamp-mobile-date-format-container .e-input-group input.e-input {
+  @if ($skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI' or $skin-name =='highcontrast') {
+    height: $pv-height-40;
+  }
+  @else if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    height: $pv-height-30;
+  }
+  @else {
+    height: $pv-height-38;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-format-group {
+  display: flex;
+  flex-shrink: 0;
+  overflow: hidden;
+  box-shadow: none;
+}
+
+.e-pv-custom-text-stamp-mobile-format-group input[type = 'checkbox'] {
+  display: none;
+}
+
+.e-pv-custom-text-stamp-mobile-format-group .e-btn {
+  border-radius: $pv-radius-0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'highcontrast') {
+    width: $pv-width-40;
+    height: $pv-height-40;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    width: $pv-width-38;
+    height: $pv-height-38;
+    background: transparent;
+  }
+  @else {
+    width: $pv-width-38;
+    height: $pv-height-38;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-format-group .e-btn:first-of-type {
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name == 'material' or $skin-name == 'material-dark') {
+    border-top-left-radius: $pv-spacing-2;
+    border-bottom-left-radius: $pv-spacing-2;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    border-top-left-radius: $pv-spacing-4;
+    border-bottom-left-radius: $pv-spacing-4;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    border-top-left-radius: $pv-spacing-4;
+    border-bottom-left-radius: $pv-spacing-4;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    border-top-left-radius: $pv-spacing-4;
+    border-bottom-left-radius: $pv-spacing-4;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-format-group .e-btn:last-of-type {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'material' or $skin-name == 'material-dark') {
+    border-top-right-radius: $pv-spacing-2;
+    border-bottom-right-radius: $pv-spacing-2;
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    border-top-right-radius: $pv-spacing-4;
+    border-bottom-right-radius: $pv-spacing-4;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    border-top-right-radius: $pv-spacing-4;
+    border-bottom-right-radius: $pv-spacing-4;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    border-top-right-radius: $pv-spacing-4;
+    border-bottom-right-radius: $pv-spacing-4;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-format-group input:checked + .e-btn {
+  @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    background: $secondary-bg-color-pressed;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    background: $gantt-masked-table-background-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    background: $secondary-border-color-pressed;
+  }
+  @else if ($skin-name =='highcontrast') {
+    background: $selection-bg;
+  }
+  @else {
+    background: $gantt-masked-table-background-color;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-color-section {
+  display: flex;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    gap: $pv-spacing-32;
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-24;
+  }
+  @else if ($skin-name =='highcontrast') {
+    gap: $pv-height-26;
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-24;
+  }
+  @else {
+    gap: $pv-spacing-24;
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-16;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-color-item .e-pv-custom-text-stamp-mobile-label {
+  display: block;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    font-size: $pv-text-sm;
+    font-family: 'Roboto';
+    line-height: $pv-spacing-20;
+    letter-spacing: $pv-letter-spacing-0-24;
+    margin-bottom: $pv-spacing-12;
+    color: rgba($content-text-color-alt1);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    font-size: $pv-text-sm;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-20;
+    margin-bottom: $pv-spacing-8;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    font-size: $pv-text-base;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-medium;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-12;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    font-size: $pv-text-sm;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-8;
+    color: $content-text-color-alt1;
+  }
+  @else if ($skin-name =='highcontrast') {
+    font-size: $pv-text-sm;
+    font-family: 'Segoe UI';
+    font-weight: normal;
+    line-height: $pv-spacing-22;
+    margin-bottom: $pv-spacing-4;
+    color: $content-font;
+  }
+  @else {
+    font-size: $pv-text-base;
+    font-family: 'Roboto';
+    line-height: $pv-spacing-24;
+    margin-bottom: $pv-spacing-4;
+    color: $pv-annotation-opacity-popup-color;
+    text-align: right;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-properties-section {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'highcontrast' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-24;
+  }
+  @else {
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-16;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-properties-title {
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    margin-bottom: $pv-spacing-12;
+    font-family: 'Roboto';
+    font-weight: normal;
+    font-style: normal;
+    font-size: $pv-text-xs;
+    line-height: $pv-spacing-18;
+    color: rgba($content-text-color-alt1);
+  }
+  @else if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark') {
+    margin-bottom: $pv-spacing-12;
+    font-family: 'Inter';
+    font-weight: $pv-font-weight-medium;
+    font-style: normal;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-20;
+    color: $content-text-color-alt2;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    margin-bottom: $pv-spacing-12;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    font-style: normal;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-20;
+    color: $content-text-color;
+  }
+  @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    margin-bottom: $pv-spacing-12;
+    font-family: 'Helvetica Neue';
+    font-weight: normal;
+    font-style: normal;
+    font-size: $pv-text-sm;
+    line-height: $pv-spacing-22;
+    color: $content-text-color-alt1;
+  }
+  @else if ($skin-name =='highcontrast') {
+    margin-bottom: $pv-spacing-12;
+    font-family: 'Segoe UI';
+    font-weight: $pv-font-weight-semibold;
+    font-style: normal;
+    font-size: $pv-text-base;
+    line-height: $pv-spacing-24;
+    color: $content-font;
+  }
+  @else {
+    margin-bottom: $pv-spacing-24;
+    font-family: 'Roboto';
+    font-weight: $pv-font-weight-medium;
+    font-style: normal;
+    font-size: $pv-text-base;
+    line-height: $pv-line-height-24;
+    color: $pv-annotation-opacity-popup-color;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-checkbox-container {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  @if ($skin-name =='Material3' or $skin-name =='Material3-dark') {
+    gap: $pv-height-26;
+  }
+  @else if ($skin-name == 'highcontrast' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    gap: $pv-height-24;
+  }
+  @else if ($skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI') {
+    gap: $pv-height-34;
+  }
+  @else {
+    gap: $pv-spacing-20;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-checkbox {
+  display: flex;
+  align-items: center;
+}
+
+.e-pv-custom-text-stamp-mobile-date-format-section {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-24;
+  }
+  @else {
+    padding: $pv-spacing-0 $pv-spacing-16 $pv-spacing-16;
+  }
+}
+
+.e-pv-custom-text-stamp-mobile-date-format-container .e-control-wrapper,
+.e-pv-custom-text-stamp-mobile-date-format-container .e-input-group {
+  width: $pv-width-p100;
+}
+
+.e-pv-custom-text-stamp-mobile-dialog[style *= 'direction: rtl'] {
+  .e-pv-custom-text-stamp-mobile-title {
+    margin-left: $pv-spacing-0;
+    @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'fluent2' or $skin-name == 'fluent2-dark' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5.3-dark') {
+      margin-right: $pv-spacing-18;
+    }
+    @else if ($skin-name =='highcontrast') {
+      margin-right: $pv-spacing-12;
+    }
+    @else {
+      margin-right: $pv-spacing-12;
+    }
+  }
+
+  .e-input-group.e-pv-custom-text-stamp-mobile-textbox input.e-input,
+  .e-pv-custom-text-stamp-mobile-font-family-container input.e-input,
+  .e-pv-custom-text-stamp-mobile-date-format-container input.e-input {
+    padding-left: $pv-spacing-0;
+    padding-right: $pv-spacing-8;
+  }
+
+  .e-pv-custom-text-stamp-mobile-format-group .e-btn:first-of-type {
+    border-top-left-radius: $pv-spacing-0;
+    border-bottom-left-radius: $pv-spacing-0;
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name =='material' or $skin-name =='material-dark') {
+      border-top-right-radius: $pv-spacing-2;
+      border-bottom-right-radius: $pv-spacing-2;
+    }
+    @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark' or $skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+      border-top-right-radius: $pv-spacing-4;
+      border-bottom-right-radius: $pv-spacing-4;
+    }
+  }
+
+  .e-pv-custom-text-stamp-mobile-format-group .e-btn:last-of-type {
+    border-top-right-radius: $pv-spacing-0;
+    border-bottom-right-radius: $pv-spacing-0;
+    @if ($skin-name =='Material3' or $skin-name =='Material3-dark' or $skin-name =='material' or $skin-name =='material-dark') {
+      border-top-left-radius: $pv-spacing-2;
+      border-bottom-left-radius: $pv-spacing-2;
+    }
+    @else if ($skin-name =='tailwind' or $skin-name =='tailwind-dark' or $skin-name =='tailwind3' or $skin-name =='tailwind3-dark' or $skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5-dark' or $skin-name =='bootstrap5.3' or $skin-name =='bootstrap5.3-dark') {
+      border-top-left-radius: $pv-spacing-4;
+      border-bottom-left-radius: $pv-spacing-4;
+    }
+  }
+
+  .e-pv-custom-text-stamp-mobile-checkbox-container {
+    @if ($skin-name =='fluent2' or $skin-name =='fluent2-dark' or $skin-name =='FluentUI') {
+      gap: $pv-height-18;
+    }
+  }
+}
+
+.e-pv-link-annotation-dialog .e-dlg-header-content {
+  padding: 22px 24px 14px;
+}
+
+.e-pv-link-annotation-dialog .e-dlg-content {
+  padding: 20px 24px 0;
+}
+
+/* Common Labels */
+.e-pv-link-dialog-label {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.e-pv-link-dialog-label,
+.e-pv-link-dialog-section-title-mobile,
+.e-pv-link-stroke-field-label-mobile,
+.e-pv-link-thickness-field-label-mobile,
+.e-pv-link-dialog-field-label-mobile,
+.e-pv-link-dialog-section-title-mobile-mobile,
+.e-pv-mobile-view .e-pv-link-property-panel-mobile .e-pv-link-panel-title-container span.e-pv-annotation-tools-close-icon {
+  color: $pv-redaction-panel-text-color;
+}
+
+.e-pv-link-dialog-section-title {
+  margin: 24px 0 12px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.e-pv-link-dialog-field-label {
+  white-space: nowrap;
+}
+
+/* Common Layout */
+.e-pv-link-dialog-common-props {
+  margin-top: 20px;
+}
+
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group,
+.e-pv-link-dialog-radio-row,
+.e-pv-link-dialog-properties-row,
+.e-pv-link-dialog-position-row,
+.e-pv-link-dialog-position-row-mobile,
+.e-pv-link-dialog-field-group,
+.e-pv-link-dialog-field-group-mobile {
+  display: flex;
+}
+
+.e-pv-link-dialog-props-row,
+.e-pv-link-dialog-prop-group {
   align-items: center;
 }
 
@@ -9465,3 +11037,397 @@ $lg-desktop: 1399.98;
 .e-pv-link-dialog-prop-group-mobile .e-pv-link-thickness-slider {
   width: 100%;
 }
+
+/* PdfComparer */
+.e-pv-text-comparison #pdf-comparer-left,
+.e-pv-text-comparison #pdf-comparer-right {
+  border-right: $pv-border-1 solid $pv-control-border-color;
+}
+
+.e-pv-text-comparison #pdf-comparer-panel {
+  border-left: $pv-border-1 solid $pv-control-border-color;
+  display: flex;
+  flex-direction: row;
+  min-height: $pv-height-0;
+  overflow: hidden;
+}
+
+.e-pv-text-comparison#pdf-comparer-wrapper {
+  height: $pv-height-p100;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison#pdf-comparer-wrapper.e-pv-mobile-layout {
+  display: flex;
+  flex-direction: column;
+  gap: $pv-spacing-0;
+  position: relative;
+}
+
+.e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout {
+  display: grid;
+  gap: $pv-spacing-0;
+  height: $pv-height-p100;
+  min-height: $pv-height-0;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout.e-pv-with-panel {
+  grid-template-columns: 40% 40% 20%;
+  grid-template-rows: auto 1fr;
+}
+
+.e-pv-text-comparison#pdf-comparer-wrapper.e-pv-desktop-layout.e-pv-without-panel {
+  grid-template-columns: 50% 50%;
+  grid-template-rows: auto 1fr;
+}
+
+.e-pv-text-comparison .e-pv-pdf-comparer-header {
+  align-items: center;
+  display: flex;
+  font-size: $pv-text-sm;
+  font-weight: $pv-font-weight-semibold;
+  height: auto;
+  padding: $pv-spacing-8;
+}
+
+.e-pv-text-comparison .e-pv-pdf-comparer-header-left {
+  border-right: $pv-border-1 solid $pv-text-comparison-header-left-border-color;
+}
+
+.e-pv-text-comparison .e-pv-pdf-comparer-header-left,
+.e-pv-text-comparison .e-pv-pdf-comparer-header-right {
+  color: $pv-text-comparison-header-text-color;
+  background-color: $pv-text-comparison-header-background;
+}
+
+.e-pv-text-comparison .e-pv-pdf-comparer-header-panel {
+  color: $pv-text-comparison-header-panel-color;
+  background: $pv-text-comparison-header-panel-background;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+}
+
+.e-pv-text-comparison #pdf-comparer-viewers-container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: $pv-spacing-0;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison #pdf-comparer-viewers-container.mobile {
+  height: calc($pv-height-p100 - $pv-height-50);
+}
+
+.e-pv-text-comparison #pdf-comparer-left,
+.e-pv-text-comparison #pdf-comparer-right {
+  height: $pv-height-p100;
+  width: $pv-width-p100;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+}
+
+.e-pv-text-comparison #pdf-comparer-left.mobile,
+.e-pv-text-comparison #pdf-comparer-right.mobile {
+  flex: 1;
+  height: $pv-height-p50;
+}
+
+.e-pv-text-comparison .e-pv-pdf-comparer-mobile-panel {
+  background-color: $pv-comment-panel-bg;
+  height: $pv-height-p100;
+  overflow: auto;
+  position: absolute;
+  top: $pv-spacing-0;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison #pdf-comparer-mobile-buttons {
+  background-color: $pv-text-comparison-header-panel-background;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  box-sizing: border-box;
+  gap: $pv-spacing-8;
+  height: $pv-height-50;
+  padding: $pv-spacing-8;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison #pdf-comparer-show-changes-btn {
+  @if ($skin-name == 'Material3' or $skin-name == 'Material3-dark' or $skin-name == 'material' or $skin-name == 'material-dark') {
+    border-radius: $pv-width-100;
+  }
+  cursor: pointer;
+  flex: 1;
+}
+
+.e-pv-text-comparison #pdf-comparer-show-changes-btn:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.e-pv-text-comparison .e-pv-difference-panel-header {
+  align-items: center;
+  background-color: $pv-text-comparison-header-panel-background;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  height: auto;
+  justify-content: space-between;
+  min-height: $pv-height-40;
+  padding: $pv-spacing-8;
+  width: $pv-width-p100;
+  color: $pv-status-icon-color;
+}
+
+.e-pv-text-comparison .e-pv-difference-panel-header.sticky {
+  position: sticky;
+  top: $pv-spacing-0;
+  z-index: 1;
+}
+
+.e-pv-text-comparison .e-pv-difference-panel-header h3 {
+  flex: 1;
+  font-size: $pv-text-sm;
+  font-weight: $pv-font-weight-semibold;
+  line-height: $pv-line-height-20;
+  margin: $pv-spacing-0;
+  color: $pv-text-comparison-header-panel-color;
+}
+
+.e-pv-text-comparison #mobile-close-btn-element {
+  background: none !important; /* stylelint-disable-line declaration-no-important */
+  box-shadow: none;
+  border: none;
+  color: $pv-text-comparison-header-panel-color;
+  margin-right: $pv-spacing-8;
+}
+
+.e-pv-text-comparison .e-pv-difference-card {
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: $pv-spacing-8;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison .e-pv-highlight-toggle-container {
+  align-items: center;
+  background: $pv-text-comparison-header-panel-background;
+  border-bottom: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  gap: $pv-spacing-8;
+  height: $pv-height-40;
+  justify-content: flex-start;
+  padding: $pv-spacing-12 $pv-spacing-16;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison .e-pv-highlight-toggle-container label .e-label {
+  font-size: $pv-text-sm;
+  font-weight: $pv-font-weight-medium;
+  line-height: $pv-line-height-20;
+  color: $pv-text-comparison-header-panel-color;
+}
+
+.e-pv-text-comparison .e-checkbox-wrapper .e-frame.e-check,
+.e-pv-text-comparison .e-css.e-checkbox-wrapper .e-frame.e-check {
+  background-color: $pv-selection-touch-element-background-color;
+  border-color: $pv-selection-touch-element-border-color;
+}
+
+.e-pv-text-comparison .e-checkbox-wrapper .e-ripple-element {
+  background-color: $pv-selection-touch-element-background-color !important; /* stylelint-disable-line declaration-no-important */
+  opacity: .2 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-pv-text-comparison .e-pv-panel-wrapper {
+  background: $pv-text-comparison-header-panel-background;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: $pv-height-p100;
+  min-height: $pv-height-0;
+  min-width: $pv-width-0;
+  overflow: hidden;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison .e-pv-differences-list {
+  flex: 1;
+  min-height: $pv-height-0;
+  overflow-y: auto;
+  padding: $pv-spacing-8;
+}
+
+.e-pv-text-comparison .e-pv-difference-card {
+  background: $pv-text-comparison-header-panel-background;
+  border: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  border-radius: $pv-radius-4;
+  transition: all .2s ease;
+}
+
+.e-pv-text-comparison .e-pv-difference-card:hover {
+  border-color: $pv-control-border-color;
+  box-shadow: $pv-thumbnail-hover-box-shadow;
+}
+
+.e-pv-text-comparison .e-pv-diff-header-row {
+  align-items: center;
+  background: $pv-text-comparison-header-panel-background;
+  border-bottom: $pv-border-1 solid $pv-text-comparison-header-panel-border-color;
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  height: $pv-height-32;
+  justify-content: space-between;
+  margin-bottom: $pv-spacing-8;
+  padding: $pv-spacing-0 $pv-spacing-8;
+  width: $pv-width-p100;
+}
+
+.e-pv-text-comparison .e-pv-diff-badge {
+  align-items: center;
+  display: inline-flex;
+  flex-shrink: 0;
+  font-size: $pv-text-xs;
+  font-weight: $pv-font-weight-semibold;
+  height: $pv-height-18;
+  justify-content: left;
+  line-height: $pv-line-height-16;
+  width: calc($pv-width-50 + $pv-spacing-3);
+  color: $pv-text-comparison-header-panel-color;
+}
+
+.e-pv-text-comparison .e-pv-diff-content {
+  display: flex;
+  flex-direction: column;
+  padding: $pv-spacing-0;
+}
+
+.e-pv-text-comparison .e-pv-diff-old-text,
+.e-pv-text-comparison .e-pv-diff-new-text {
+  border-radius: $pv-radius-2;
+  box-sizing: border-box;
+  font-size: $pv-text-xs;
+  line-height: $pv-line-height-16;
+  margin: $pv-spacing-0 $pv-spacing-8 $pv-spacing-8;
+  overflow: hidden;
+  padding: $pv-spacing-6;
+  width: calc(100% - #{$pv-spacing-16});
+}
+
+.e-pv-text-comparison .e-pv-diff-old-text {
+  background-color: $pv-text-comparison-diff-old-text-background;
+  text-decoration: line-through;
+}
+
+.e-pv-text-comparison .e-pv-diff-new-text {
+  background-color: $pv-text-comparison-diff-new-text-background;
+}
+
+.e-pv-text-comparison .e-pv-diff-old-text del {
+  color: $pv-password-error-color;
+  text-decoration: line-through;
+}
+
+.e-pv-text-comparison .e-pv-diff-new-text .e-pv-added {
+  color: $pv-green-color;
+}
+
+.e-pv-text-comparison .e-pv-diff-page-info {
+  background: transparent;
+  flex-shrink: 0;
+  font-size: $pv-text-xs;
+  height: $pv-height-18;
+  line-height: $pv-line-height-16;
+  margin: $pv-spacing-0;
+  text-align: right;
+  color: $pv-text-comparison-header-panel-color;
+}
+
+.e-pv-hidden {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-pv-text-comparison #pdf-comparer-spinner-container {
+  position: absolute;
+  top: $pv-height-p50;
+  left: $pv-width-p50;
+  transform: translate(-50%, -50%);
+  z-index: -1;
+  height: $pv-height-p100;
+  width: $pv-width-p100;
+  background-color: $pv-print-overlay-bg-color;
+}
+
+.e-pv-text-comparison #pdf-comparer-spinner-container .e-spin-bootstrap5 {
+  height: $pv-height-48 !important; /* stylelint-disable-line declaration-no-important */
+  width: $pv-height-48 !important; /* stylelint-disable-line declaration-no-important */
+  transform-origin: $pv-height-p50 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-pv-text-comparison #pdf-comparer-spinner-container.e-pv-show-spinner {
+  z-index: 1000;
+}
+
+@media (max-width: 1024px) {
+  .e-pv-text-comparison#pdf-comparer-wrapper.mobile-layout {
+    display: flex !important; /* stylelint-disable-line declaration-no-important */
+    flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
+    height: $pv-height-p100 !important; /* stylelint-disable-line declaration-no-important */
+    position: relative !important; /* stylelint-disable-line declaration-no-important */
+    width: $pv-width-p100 !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-pv-text-comparison #pdf-comparer-viewers-container.mobile {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    height: calc($pv-height-p100 - $pv-height-50);
+    width: $pv-width-p100;
+  }
+
+  .e-pv-text-comparison #pdf-comparer-left.mobile,
+  .e-pv-text-comparison #pdf-comparer-right.mobile {
+    flex: 1;
+    height: $pv-height-p50;
+    width: $pv-width-p100;
+  }
+
+  .e-pv-text-comparison #pdf-comparer-mobile-buttons {
+    display: flex !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-pv-text-comparison .e-pv-pdf-comparer-mobile-panel {
+    display: block;
+  }
+
+  .e-pv-text-comparison .e-pv-panel-wrapper {
+    display: flex !important; /* stylelint-disable-line declaration-no-important */
+    flex-direction: column !important; /* stylelint-disable-line declaration-no-important */
+    height: $pv-height-p100 !important; /* stylelint-disable-line declaration-no-important */
+    min-height: $pv-height-0;
+    min-width: $pv-width-0;
+    width: $pv-width-p100 !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-pv-text-comparison .e-pv-difference-panel-header {
+    display: flex !important; /* stylelint-disable-line declaration-no-important */
+    flex-shrink: 0;
+  }
+
+  .e-pv-text-comparison .e-pv-difference-panel-header .e-btn {
+    align-items: center;
+    display: inline-flex;
+    justify-content: center;
+  }
+
+  .e-pv-text-comparison .e-pv-differences-list {
+    flex: 1 !important; /* stylelint-disable-line declaration-no-important */
+    overflow-x: hidden;
+    overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
+  }
+}