@alifd/theme-panda 0.1.3 → 0.2.1

package/dist/next.var-1.css

@@ -1,5 +1,5 @@
 /*!
- * @alifd/theme-panda@0.1.3 (https://fusion.design)
+ * @alifd/theme-panda@0.2.1 (https://fusion.design)
  * @alifd/next@1.25.51 (https://fusion.design)
  * Copyright 2018-present Alibaba Group,
  * Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
@@ -3037,8 +3037,8 @@ small {
   height: calc(var(--radio-button-height-small, 20px) - 2px);
   line-height: calc(20px - 2px);
   line-height: calc(var(--radio-button-height-small, 20px) - 2px);
-  font-size: 14px;
-  font-size: var(--radio-button-font-size-small, 14px); }
+  font-size: 12px;
+  font-size: var(--radio-button-font-size-small, 12px); }
 
 .next-radio-single-input input[type="radio"] {
   opacity: 0;
@@ -3119,8 +3119,8 @@ small {
     min-width: var(--badge-size-count-config-height, 16px);
     padding: 0 4px 0 4px;
     padding: 0 var(--badge-size-count-padding-lr, 4px) 0 var(--badge-size-count-padding-lr, 4px);
-    font-size: 14px;
-    font-size: var(--badge-size-count-font, 14px);
+    font-size: 12px;
+    font-size: var(--badge-size-count-font, 12px);
     line-height: 16px;
     line-height: var(--badge-size-count-config-height, 16px);
     -webkit-transform: translateX(-50%);
@@ -3158,8 +3158,8 @@ small {
   .next-badge .next-badge-custom {
     line-height: 1.166667;
     white-space: nowrap;
-    font-size: 14px;
-    font-size: var(--font-size-caption, 14px);
+    font-size: 12px;
+    font-size: var(--font-size-caption, 12px);
     padding-left: 4px;
     padding-left: var(--badge-size-custom-padding-lr, 4px);
     padding-right: 4px;
@@ -3196,8 +3196,8 @@ small {
       height: var(--badge-size-count-config-height, 16px);
       line-height: 16px;
       line-height: var(--badge-size-count-config-height, 16px);
-      font-size: 14px;
-      font-size: var(--badge-size-count-font, 14px); }
+      font-size: 12px;
+      font-size: var(--badge-size-count-font, 12px); }
   .next-badge-not-a-wrapper .next-badge-count,
   .next-badge-not-a-wrapper .next-badge-custom {
     position: relative;
@@ -4394,8 +4394,8 @@ small {
   .next-breadcrumb .next-breadcrumb-text {
     height: 16px;
     min-width: 16px;
-    font-size: 14px;
-    font-size: var(--breadcrumb-size-m-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--breadcrumb-size-m-font-size, 12px);
     line-height: 16px; }
   .next-breadcrumb .next-breadcrumb-separator {
     height: 16px;
@@ -4420,8 +4420,8 @@ small {
           width: 16px;
           font-size: 16px; } }
   .next-breadcrumb .next-breadcrumb-text-ellipsis {
-    font-size: 14px;
-    font-size: var(--breadcrumb-size-ellipsis-font-size, 14px); }
+    font-size: 12px;
+    font-size: var(--breadcrumb-size-ellipsis-font-size, 12px); }
   .next-breadcrumb .next-breadcrumb-text {
     color: rgba(0, 0, 0, 0.75);
     color: var(--breadcrumb-text-color, rgba(0, 0, 0, 0.75)); }
@@ -4570,8 +4570,8 @@ small {
     padding: 0 var(--btn-size-s-padding, 8px);
     height: 28px;
     height: var(--btn-size-s-height, 28px);
-    font-size: 14px;
-    font-size: var(--btn-size-s-font, 14px);
+    font-size: 12px;
+    font-size: var(--btn-size-s-font, 12px);
     border-width: 1px;
     border-width: var(--btn-size-s-border-width, 1px); }
     .next-btn.next-small > .next-btn-icon.next-icon-first {
@@ -4757,8 +4757,8 @@ small {
     border-style: var(--btn-pure-normal-border-style, solid);
     background: #FFFFFF;
     background: var(--btn-pure-normal-bg, #FFFFFF);
-    border-color: #f0f0f0;
-    border-color: var(--btn-pure-normal-border-color, #f0f0f0); }
+    border-color: #edeef2;
+    border-color: var(--btn-pure-normal-border-color, #edeef2); }
     .next-btn.next-btn-normal, .next-btn.next-btn-normal:link, .next-btn.next-btn-normal:visited, .next-btn.next-btn-normal.visited {
       color: #2e3038;
       color: var(--btn-pure-normal-color, #2e3038); }
@@ -5245,8 +5245,8 @@ small {
       padding: 0 0px;
       height: 16px;
       height: var(--btn-text-size-s-height, 16px);
-      font-size: 14px;
-      font-size: var(--btn-text-size-s-font, 14px);
+      font-size: 12px;
+      font-size: var(--btn-text-size-s-font, 12px);
       border-width: 0; }
       .next-btn-text.next-small > .next-btn-icon.next-icon-first {
         -webkit-transform: scale(1);
@@ -5715,11 +5715,11 @@ small {
     .next-input.next-small .next-input-label {
       padding-left: 8px;
       padding-left: var(--input-s-label-padding-left, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-inner {
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-control {
       padding-right: 4px;
       padding-right: var(--input-s-icon-padding-right, 4px); }
@@ -5733,25 +5733,25 @@ small {
       line-height: calc(var(--form-element-small-height, 24px) - var(--input-border-width, 1px)*2) \0;
       padding: 0 8px;
       padding: 0 var(--input-s-padding, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-webkit-input-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-moz-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::-ms-input-placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
       .next-input.next-small input::placeholder {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
     .next-input.next-small .next-input-text-field {
       padding: 0 8px;
       padding: 0 var(--input-s-padding, 8px);
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px);
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px);
       height: calc(24px - 1px*2);
       height: calc(var(--form-element-small-height, 24px) - var(--input-border-width, 1px)*2);
       line-height: calc(24px - 1px*2);
@@ -5979,10 +5979,10 @@ small {
     -webkit-box-shadow: none;
             box-shadow: none; }
   .next-input-control .next-input-len {
-    font-size: 14px;
-    font-size: var(--input-maxlen-font-size, 14px);
-    line-height: 14px;
-    line-height: var(--input-maxlen-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--input-maxlen-font-size, 12px);
+    line-height: 12px;
+    line-height: var(--input-maxlen-font-size, 12px);
     color: #999999;
     color: var(--input-maxlen-color, #999999);
     display: table-cell;
@@ -6212,8 +6212,8 @@ small {
         background-color: whitesmoke;
         background-color: var(--input-disabled-bg-color, whitesmoke); }
     .next-input-group-text.next-small {
-      font-size: 14px;
-      font-size: var(--form-element-small-font-size, 14px);
+      font-size: 12px;
+      font-size: var(--form-element-small-font-size, 12px);
       border-radius: 6px;
       border-radius: var(--form-element-small-corner, 6px); }
     .next-input-group-text.next-medium {
@@ -6688,8 +6688,8 @@ small {
   text-align: center;
   color: #999999;
   color: var(--calendar-card-table-head-color, #999999);
-  font-size: 14px;
-  font-size: var(--calendar-card-table-head-font-size, 14px);
+  font-size: 12px;
+  font-size: var(--calendar-card-table-head-font-size, 12px);
   font-weight: normal;
   font-weight: var(--calendar-card-table-head-font-weight, normal); }
 
@@ -6697,8 +6697,8 @@ small {
 .next-calendar-panel .next-calendar-cell,
 .next-calendar-range .next-calendar-cell {
   text-align: center;
-  font-size: 14px;
-  font-size: var(--calendar-card-table-cell-font-size, 14px); }
+  font-size: 12px;
+  font-size: var(--calendar-card-table-cell-font-size, 12px); }
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
   .next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
@@ -7092,8 +7092,8 @@ small {
     font-weight: normal;
     font-weight: var(--card-title-font-weight, normal); }
   .next-card-subtitle {
-    font-size: 14px;
-    font-size: var(--card-sub-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--card-sub-title-font-size, 12px);
     color: rgba(0, 0, 0, 0.75);
     color: var(--card-sub-title-color, rgba(0, 0, 0, 0.75));
     padding-left: 8px;
@@ -7175,8 +7175,8 @@ small {
     font-weight: var(--card-title-font-weight, normal);
     line-height: 1.5; }
   .next-card-header-subtitle {
-    font-size: 14px;
-    font-size: var(--card-sub-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--card-sub-title-font-size, 12px);
     color: rgba(0, 0, 0, 0.75);
     color: var(--card-sub-title-color, rgba(0, 0, 0, 0.75)); }
   .next-card-actions {
@@ -7823,8 +7823,8 @@ small {
     height: var(--time-picker-menu-title-height, 28px);
     line-height: 28px;
     line-height: var(--time-picker-menu-title-height, 28px);
-    font-size: 14px;
-    font-size: var(--time-picker-menu-title-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--time-picker-menu-title-font-size, 12px);
     font-weight: normal;
     font-weight: var(--time-pikcer-menu-title-font-weight, normal);
     color: #999999;
@@ -7837,8 +7837,8 @@ small {
     list-style: none;
     margin: 0;
     padding: 0;
-    font-size: 14px;
-    font-size: var(--time-picker-menu-item-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--time-picker-menu-item-font-size, 12px);
     height: calc(28px*7);
     height: calc(var(--time-picker-menu-item-height, 28px)*7); }
   .next-time-picker-menu-item {
@@ -7947,8 +7947,8 @@ small {
   color: rgba(0, 0, 0, 0.4);
   color: var(--color-text1-1, rgba(0, 0, 0, 0.4));
   width: 16px;
-  font-size: 14px;
-  font-size: var(--font-size-caption, 14px);
+  font-size: 12px;
+  font-size: var(--font-size-caption, 12px);
   vertical-align: middle; }
 
 .next-date-picker,
@@ -13186,8 +13186,8 @@ small {
     line-height: 28px;
     line-height: var(--form-element-medium-preview-height, 28px); }
   .next-form-preview.next-form-item.next-small .next-form-item-label {
-    font-size: 14px;
-    font-size: var(--form-element-small-preview-label-font-size, 14px);
+    font-size: 12px;
+    font-size: var(--form-element-small-preview-label-font-size, 12px);
     line-height: 20px;
     line-height: var(--form-element-small-preview-height, 20px); }
   .next-form-preview.next-form-item.next-large .next-form-item-label {
@@ -13210,10 +13210,10 @@ small {
     gap: var(--form-inline-s-item-margin-r, 16px); }
   .next-form-responsive-grid.next-small .next-form-item.next-left .next-form-item-label {
     line-height: 1.4;
-    margin-top: calc(24px/2 - 14px/2);
-    margin-top: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 14px)/2);
-    margin-bottom: calc(24px/2 - 14px/2);
-    margin-bottom: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 14px)/2); }
+    margin-top: calc(24px/2 - 12px/2);
+    margin-top: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 12px)/2);
+    margin-bottom: calc(24px/2 - 12px/2);
+    margin-bottom: calc(var(--form-element-small-height, 24px)/2 - var(--form-element-small-font-size, 12px)/2); }
   .next-form-responsive-grid.next-medium .next-responsive-grid {
     gap: 20px;
     gap: var(--form-inline-m-item-margin-r, 20px); }
@@ -13322,22 +13322,22 @@ small {
         line-height: 24px;
         line-height: var(--form-element-small-height, 24px); }
       .next-form-item.next-small .next-form-preview {
-        font-size: 14px;
-        font-size: var(--form-element-small-preview-font-size, 14px);
+        font-size: 12px;
+        font-size: var(--form-element-small-preview-font-size, 12px);
         line-height: 20px;
         line-height: var(--form-element-small-preview-height, 20px); }
         .next-form-item.next-small .next-form-preview.next-input-textarea > p {
-          font-size: 14px;
-          font-size: var(--form-element-small-preview-font-size, 14px);
+          font-size: 12px;
+          font-size: var(--form-element-small-preview-font-size, 12px);
           text-align: justify;
-          min-height: calc(14px*1.4);
-          min-height: calc(var(--form-element-small-preview-font-size, 14px)*1.4);
+          min-height: calc(12px*1.4);
+          min-height: calc(var(--form-element-small-preview-font-size, 12px)*1.4);
           line-height: 1.4;
-          margin-top: calc(20px/2 - 14px*1.4/2);
-          margin-top: calc(var(--form-element-small-preview-height, 20px)/2 - var(--form-element-small-preview-font-size, 14px)*1.4/2); }
+          margin-top: calc(20px/2 - 12px*1.4/2);
+          margin-top: calc(var(--form-element-small-preview-height, 20px)/2 - var(--form-element-small-preview-font-size, 12px)*1.4/2); }
       .next-form-item.next-small .next-form-item-label {
-        font-size: 14px;
-        font-size: var(--form-element-small-font-size, 14px); }
+        font-size: 12px;
+        font-size: var(--form-element-small-font-size, 12px); }
     .next-form-item.next-top > .next-form-item-label {
       margin-bottom: 2px;
       margin-bottom: var(--form-top-label-margin-b, 2px); }
@@ -14260,10 +14260,10 @@ small {
     content: ''; }
   .next-nav.next-hoz {
     padding: 0;
-    height: calc(44px + 0px*2);
-    height: calc(var(--nav-hoz-height, 44px) + var(--nav-hoz-item-margin-tb, 0px)*2);
-    line-height: calc(44px - 0px*2);
-    line-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2);
+    height: calc(32px + 8px*2);
+    height: calc(var(--nav-hoz-height, 32px) + var(--nav-hoz-item-margin-tb, 8px)*2);
+    line-height: calc(32px - 0px*2);
+    line-height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2);
     font-size: 14px;
     font-size: var(--nav-hoz-font-size, 14px); }
     .next-nav.next-hoz .next-menu-item.next-nav-item {
@@ -14273,17 +14273,17 @@ small {
       margin-right: var(--nav-hoz-item-margin-lr, 0px);
       padding: 0 20px;
       padding: 0 var(--nav-hoz-item-padding-lr, 20px);
-      border-radius: 0px;
-      border-radius: var(--nav-hoz-item-corner, 0px); }
+      border-radius: 8px;
+      border-radius: var(--nav-hoz-item-corner, 8px); }
     .next-nav.next-hoz .next-menu-item,
     .next-nav.next-hoz .next-menu-sub-menu-wrapper > .next-menu-item {
-      margin-top: 0px;
-      margin-top: var(--nav-hoz-item-margin-tb, 0px);
-      margin-bottom: 0px;
-      margin-bottom: var(--nav-hoz-item-margin-tb, 0px); }
+      margin-top: 8px;
+      margin-top: var(--nav-hoz-item-margin-tb, 8px);
+      margin-bottom: 8px;
+      margin-bottom: var(--nav-hoz-item-margin-tb, 8px); }
     .next-nav.next-hoz .next-menu-item-inner {
-      height: calc(44px - 0px*2);
-      height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2);
+      height: calc(32px - 0px*2);
+      height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2);
       font-size: 14px;
       font-size: var(--nav-hoz-font-size, 14px); }
     .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title {
@@ -14291,8 +14291,8 @@ small {
       padding: 12px 8px; }
       .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
         height: auto;
-        min-height: calc(44px - 0px*2);
-        min-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
+        min-height: calc(32px - 0px*2);
+        min-height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
       .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
         display: block;
         line-height: 1;
@@ -14308,12 +14308,12 @@ small {
       font-size: var(--nav-group-font-size, 14px); }
     .next-nav.next-hoz .next-menu-header {
       float: left;
-      height: calc(44px - 0px*2);
-      height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
+      height: calc(32px - 0px*2);
+      height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
     .next-nav.next-hoz .next-menu-footer {
       float: right;
-      height: calc(44px - 0px*2);
-      height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 0px)*2); }
+      height: calc(32px - 0px*2);
+      height: calc(var(--nav-hoz-height, 32px) - var(--popup-local-border-width, 0px)*2); }
     .next-nav.next-hoz .next-nav-item:before {
       width: 0;
       left: 50%;
@@ -14397,8 +14397,8 @@ small {
     .next-nav.next-ver .next-menu-sub-menu .next-menu-item-inner {
       height: 44px;
       height: var(--nav-ver-sub-nav-height, 44px);
-      font-size: 14px;
-      font-size: var(--nav-ver-sub-nav-font-size, 14px); }
+      font-size: 12px;
+      font-size: var(--nav-ver-sub-nav-font-size, 12px); }
     .next-nav.next-ver .next-nav-item:before {
       height: 0;
       top: 50%;
@@ -14423,30 +14423,30 @@ small {
   .next-nav.next-primary {
     border-width: 0px;
     border-width: var(--nav-primary-border-width, 0px);
-    background: #001529;
-    background: var(--nav-primary-bg-color, #001529);
+    background: #000a24;
+    background: var(--nav-primary-bg-color, #000a24);
     border-color: transparent;
     border-color: var(--nav-primary-border-color, transparent);
     color: rgba(255, 255, 255, 0.65);
     color: var(--nav-primary-text-color, rgba(255, 255, 255, 0.65));
-    font-weight: 300;
-    font-weight: var(--nav-primary-text-style, 300);
+    font-weight: normal;
+    font-weight: var(--nav-primary-text-style, normal);
     -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
     -webkit-box-shadow: var(--nav-primary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12));
             box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
             box-shadow: var(--nav-primary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
     .next-nav.next-primary.next-hoz {
-      line-height: 44px;
-      line-height: var(--nav-hoz-height, 44px);
-      line-height: calc(44px - 0px*2);
-      line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
+      line-height: 32px;
+      line-height: var(--nav-hoz-height, 32px);
+      line-height: calc(32px - 0px*2);
+      line-height: calc(var(--nav-hoz-height, 32px) - var(--nav-primary-border-width, 0px)*2); }
       .next-nav.next-primary.next-hoz .next-menu-header,
       .next-nav.next-primary.next-hoz .next-menu-footer,
       .next-nav.next-primary.next-hoz .next-menu-item-inner {
-        line-height: 44px;
-        line-height: var(--nav-hoz-height, 44px);
-        height: calc(44px - 0px*2);
-        height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
+        line-height: 32px;
+        line-height: var(--nav-hoz-height, 32px);
+        height: calc(32px - 0px*2);
+        height: calc(var(--nav-hoz-height, 32px) - var(--nav-primary-border-width, 0px)*2); }
       .next-nav.next-primary.next-hoz.next-top .next-nav-item:before {
         top: 0;
         top: calc(0px - 0px);
@@ -14464,8 +14464,8 @@ small {
       right: calc(0px - 0px);
       right: calc(0px - var(--nav-primary-border-width, 0px)); }
     .next-nav.next-primary .next-nav-item.next-menu-item {
-      background: #001529;
-      background: var(--nav-primary-bg-color, #001529);
+      background: #000a24;
+      background: var(--nav-primary-bg-color, #000a24);
       color: rgba(255, 255, 255, 0.65);
       color: var(--nav-primary-text-color, rgba(255, 255, 255, 0.65)); }
       .next-nav.next-primary .next-nav-item.next-menu-item.next-focused, .next-nav.next-primary .next-nav-item.next-menu-item:hover {
@@ -14473,15 +14473,15 @@ small {
         background: var(--nav-primary-item-hover-bg-color, transparent);
         color: #FFFFFF;
         color: var(--nav-primary-item-hover-text-color, #FFFFFF);
-        font-weight: 300;
-        font-weight: var(--nav-primary-item-hover-text-style, 300); }
+        font-weight: 500;
+        font-weight: var(--nav-primary-item-hover-text-style, 500); }
       .next-nav.next-primary .next-nav-item.next-menu-item.next-selected {
         background: #257df9;
         background: var(--nav-primary-item-selected-bg-color, #257df9);
         color: #FFFFFF;
         color: var(--nav-primary-item-selected-text-color, #FFFFFF);
-        font-weight: 300;
-        font-weight: var(--nav-primary-item-selected-text-style, 300); }
+        font-weight: 500;
+        font-weight: var(--nav-primary-item-selected-text-style, 500); }
         .next-nav.next-primary .next-nav-item.next-menu-item.next-selected.next-nav-item {
           background: #257df9;
           background: var(--nav-primary-item-selected-bg-color, #257df9);
@@ -14572,14 +14572,14 @@ small {
             box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
             box-shadow: var(--nav-secondary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
     .next-nav.next-secondary.next-hoz {
-      line-height: 44px;
-      line-height: var(--nav-hoz-height, 44px);
-      line-height: calc(44px - 0px*2);
-      line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
+      line-height: 32px;
+      line-height: var(--nav-hoz-height, 32px);
+      line-height: calc(32px - 0px*2);
+      line-height: calc(var(--nav-hoz-height, 32px) - var(--nav-secondary-border-width, 0px)*2); }
       .next-nav.next-secondary.next-hoz .next-menu-header,
       .next-nav.next-secondary.next-hoz .next-menu-footer,
       .next-nav.next-secondary.next-hoz .next-menu-item-inner {
-        line-height: 44px;
-        line-height: var(--nav-hoz-height, 44px);
-        height: calc(44px - 0px*2);
-        height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
+        line-height: 32px;
+        line-height: var(--nav-hoz-height, 32px);
+        height: calc(32px - 0px*2);
+        height: calc(var(--nav-hoz-height, 32px) - var(--nav-secondary-border-width, 0px)*2); }