@opendesign-plus-test/components 0.0.1-rc.86 → 0.0.1-rc.87

package/dist/treeshaking/components/header/components/HeaderContent.css

@@ -1,19 +1,22 @@
-.hover-icon-rotate .o-icon[data-v-4a923a98] {
+.hover-icon-rotate .o-icon[data-v-252ea1d2] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-4a923a98] {
+.hover-icon-rotate:hover .o-icon[data-v-252ea1d2] {
     transform: rotate(-180deg);
 }
 }
-.nav-content[data-v-4a923a98] {
+.nav-content[data-v-252ea1d2] {
   cursor: default;
   overflow: hidden;
   justify-content: center;
   transform-origin: top;
   transition: all 0.3s allow-discrete;
 }
-.nav-scroller[data-v-4a923a98] {
+.content-wrapper[data-v-252ea1d2] {
+  --layout-content-padding: 28px;
+}
+.nav-scroller[data-v-252ea1d2] {
   height: 100%;
   width: 100%;
   overflow-x: auto;
@@ -21,22 +24,22 @@
   white-space: nowrap;
 }
 @media (max-width: 840px) {
-.nav-scroller[data-v-4a923a98] {
+.nav-scroller[data-v-252ea1d2] {
     --scroller-padding: 0 var(--layout-content-padding);
 }
 }
-.nav-scroller[data-v-4a923a98] .o-scrollbar {
+.nav-scroller[data-v-252ea1d2] .o-scrollbar {
   --scrollbar-height: 100%;
 }
-.nav-sub-content[data-v-4a923a98] {
+.nav-sub-content[data-v-252ea1d2] {
   display: flex;
 }
-.content-left[data-v-4a923a98] {
+.content-left[data-v-252ea1d2] {
   display: flex;
   flex: 1;
   padding: 32px 0;
 }
-.content-label[data-v-4a923a98] {
+.content-label[data-v-252ea1d2] {
   display: inline-block;
   margin-bottom: var(--o-gap-3);
   color: var(--o-color-info3);
@@ -44,187 +47,181 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-label[data-v-4a923a98] {
+.content-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-label[data-v-4a923a98] {
+.content-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.content-label[data-v-4a923a98] {
+.content-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.content-label[data-v-4a923a98] {
+.content-label[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.content-container[data-v-4a923a98] {
+.content-container[data-v-252ea1d2] {
   display: flex;
   flex-wrap: wrap;
 }
-.content-item[data-v-4a923a98] {
+.content-item[data-v-252ea1d2] {
   width: 200px;
   margin-top: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-item[data-v-4a923a98] {
+.content-item[data-v-252ea1d2] {
     width: 170px;
     margin-top: 16px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-item[data-v-4a923a98] {
+.content-item[data-v-252ea1d2] {
     width: 132px;
     margin-top: 12px;
 }
 }
-.item-label[data-v-4a923a98] {
+.item-label[data-v-252ea1d2] {
   display: inline-flex;
   align-items: center;
   margin-bottom: var(--o-gap-1);
   color: var(--o-color-info1);
 }
 @media (hover: hover) {
-.item-label[data-v-4a923a98]:hover {
+.item-label[data-v-252ea1d2]:hover {
     color: var(--o-color-primary1);
     text-decoration: none;
 }
+.item-label:hover .item-name[data-v-252ea1d2] {
+    font-weight: 600;
 }
-.item-label .item-name[data-v-4a923a98] {
-  font-weight: 500;
+}
+.item-label .item-name[data-v-252ea1d2] {
   white-space: nowrap;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.item-label .item-name[data-v-4a923a98] {
+.item-label .item-name[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.item-label .item-name[data-v-4a923a98] {
+.item-label .item-name[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.item-label .item-name[data-v-4a923a98] {
+.item-label .item-name[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.item-label .item-name[data-v-4a923a98] {
+.item-label .item-name[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.item-label .o-icon[data-v-4a923a98] {
-  --icon-size: 24px;
+.item-label .o-icon[data-v-252ea1d2] {
+  --icon-size: 16px;
   margin-left: var(--o-gap-2);
 }
 @media (max-width: 1680px) {
-.item-label .o-icon[data-v-4a923a98] {
+.item-label .o-icon[data-v-252ea1d2] {
     --icon-size: 16px;
 }
 }
-.item-label .content-tag[data-v-4a923a98] {
+.item-label .content-tag[data-v-252ea1d2] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-@media (max-width: 1680px) {
-.item-label .content-tag[data-v-4a923a98] {
-    display: none;
-}
-}
-.desc-container[data-v-4a923a98] {
+.desc-container[data-v-252ea1d2] {
   overflow: hidden;
   position: relative;
-  height: 36px;
+  min-height: 36px;
   white-space: normal;
 }
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
   color: var(--o-color-info2);
   word-break: normal;
   font-size: 12px;
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.desc-container .item-desc[data-v-4a923a98] {
+.desc-container .item-desc[data-v-252ea1d2] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 6;
 }
-.split-line[data-v-4a923a98] {
+.split-line[data-v-252ea1d2] {
   background: var(--o-color-control4);
   width: 1px;
   margin: 0 16px;
   flex-shrink: 0;
 }
 @media (max-width: 1200px) {
-.split-line[data-v-4a923a98] {
+.split-line[data-v-252ea1d2] {
     display: none;
 }
 }
-.content-right[data-v-4a923a98] {
+.content-right[data-v-252ea1d2] {
   width: 342px;
   padding: 32px 0;
   flex-shrink: 0;
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right[data-v-4a923a98] {
-    width: 240px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right[data-v-4a923a98] {
-    width: 240px;
+@media (max-width: 1680px) {
+.content-right[data-v-252ea1d2] {
+    width: auto;
+    min-width: 170px;
+    max-width: 240px;
 }
 }
 @media (max-width: 1200px) {
-.content-right[data-v-4a923a98] {
+.content-right[data-v-252ea1d2] {
     display: none;
 }
 }
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
   min-height: 42px;
-  background: var(--o-color-fill3);
+  background: var(--o-color-fill1);
   border-radius: var(--o-radius_control-xs);
   padding: 10px 24px;
   display: flex;
@@ -235,93 +232,93 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) and (max-width: 600px) {
-.content-right .shortcut[data-v-4a923a98] {
+.content-right .shortcut[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.content-right .shortcut + .shortcut[data-v-4a923a98] {
+.content-right .shortcut + .shortcut[data-v-252ea1d2] {
   margin-top: var(--o-gap-2);
 }
-.content-right .shortcut .shortcut-link[data-v-4a923a98] {
+.content-right .shortcut .shortcut-link[data-v-252ea1d2] {
   display: flex;
   align-items: center;
   color: var(--o-color-link1);
@@ -329,12 +326,12 @@
   white-space: normal;
 }
 @media (hover: hover) {
-.content-right .shortcut .shortcut-link[data-v-4a923a98]:hover {
+.content-right .shortcut .shortcut-link[data-v-252ea1d2]:hover {
     color: var(--o-color-primary2);
     text-decoration: none;
 }
 }
-.content-right .shortcut .shortcut-link span[data-v-4a923a98] {
+.content-right .shortcut .shortcut-link span[data-v-252ea1d2] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -342,22 +339,22 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
-.content-right .shortcut .shortcut-link .o-icon[data-v-4a923a98] {
+.content-right .shortcut .shortcut-link .o-icon[data-v-252ea1d2] {
   --icon-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.content-right .review[data-v-4a923a98] {
+.content-right .review[data-v-252ea1d2] {
   display: flex;
   align-items: unset;
   position: relative;
 }
 @media (hover: hover) {
-.content-right .review[data-v-4a923a98]:hover {
+.content-right .review[data-v-252ea1d2]:hover {
     text-decoration: none;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review[data-v-4a923a98]:not(:last-child):after {
+.content-right .review[data-v-252ea1d2]:not(:last-child):after {
     content: "";
     position: absolute;
     left: 0;
@@ -367,21 +364,21 @@
     background: var(--o-color-control4);
 }
 }
-.content-right .review + .review[data-v-4a923a98] {
+.content-right .review + .review[data-v-252ea1d2] {
   margin-top: var(--o-gap-3);
 }
-.content-right .review .review-picture[data-v-4a923a98] {
+.content-right .review .review-picture[data-v-252ea1d2] {
   width: 120px;
   height: auto;
   display: block;
   object-fit: contain;
 }
 @media (max-width: 1680px) {
-.content-right .review .review-picture[data-v-4a923a98] {
+.content-right .review .review-picture[data-v-252ea1d2] {
     display: none;
 }
 }
-.content-right .review .review-content[data-v-4a923a98] {
+.content-right .review .review-content[data-v-252ea1d2] {
   margin-left: var(--o-gap-2);
   flex: 1;
   max-width: 212px;
@@ -392,12 +389,12 @@
   white-space: normal;
 }
 @media (max-width: 1680px) {
-.content-right .review .review-content[data-v-4a923a98] {
+.content-right .review .review-content[data-v-252ea1d2] {
     margin-left: unset;
     height: auto;
 }
 }
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
   word-break: normal;
   max-height: 48px;
   color: var(--o-color-info1);
@@ -407,30 +404,30 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -439,16 +436,16 @@
   -webkit-line-clamp: 2;
 }
 @media (hover: hover) {
-.content-right .review .review-content .review-label[data-v-4a923a98]:hover {
+.content-right .review .review-content .review-label[data-v-252ea1d2]:hover {
     color: var(--o-color-primary1);
 }
 }
 @media (min-width: 841px) and (max-width: 1680px) {
-.content-right .review .review-content .review-label[data-v-4a923a98] {
+.content-right .review .review-content .review-label[data-v-252ea1d2] {
     max-height: 44px;
 }
 }
-.content-right .review .review-content .review-property[data-v-4a923a98] {
+.content-right .review .review-content .review-property[data-v-252ea1d2] {
   color: var(--o-color-info3);
   overflow: hidden;
   white-space: nowrap;
@@ -457,30 +454,33 @@
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .review .review-content .review-property[data-v-4a923a98] {
+.content-right .review .review-content .review-property[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review .review-content .review-property[data-v-4a923a98] {
+.content-right .review .review-content .review-property[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.content-right .review .review-content .review-property[data-v-4a923a98] {
+.content-right .review .review-content .review-property[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.content-right .review .review-content .review-property[data-v-4a923a98] {
+.content-right .review .review-content .review-property[data-v-252ea1d2] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.nav-background-left[data-v-4a923a98] {
+[data-o-theme*=dark] .content-right .shortcut[data-v-252ea1d2] {
+  background: var(--o-color-fill3);
+}
+.nav-background-left[data-v-252ea1d2] {
   position: absolute;
   left: 0;
   top: -87px;
@@ -490,11 +490,11 @@
   z-index: -1;
 }
 @media (max-width: 1680px) {
-.nav-background-left[data-v-4a923a98] {
+.nav-background-left[data-v-252ea1d2] {
     display: none;
 }
 }
-.nav-background-right[data-v-4a923a98] {
+.nav-background-right[data-v-252ea1d2] {
   position: absolute;
   right: 0;
   bottom: 0;
@@ -504,559 +504,549 @@
   z-index: -1;
 }
 @media (max-width: 1680px) {
-.nav-background-right[data-v-4a923a98] {
+.nav-background-right[data-v-252ea1d2] {
     display: none;
 }
 }
-.openeuler.download .item-sub[data-v-4a923a98] {
+.openeuler.download .item-sub[data-v-252ea1d2] {
   margin-left: 80px;
 }
-.openeuler.download .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.download .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
   width: 464px;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-left: 64px;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-of-type(2) {
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-of-type(2) {
   margin-top: 0;
 }
 @media (max-width: 1680px) {
-.openeuler.download .item-sub[data-v-4a923a98] {
-    margin-left: 24px;
+.openeuler.download .item-sub[data-v-252ea1d2] {
+    margin-left: 48px;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
-    width: 364px;
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
+    width: 388px;
 }
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
-    margin-left: 24px;
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
+    margin-left: 48px;
 }
-.openeuler.download .item-sub:nth-of-type(3) .content-container[data-v-4a923a98] {
+.openeuler.download .item-sub:nth-of-type(3) .content-container[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
-    width: 344px;
+.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
+    width: 368px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.download .content-left .item-sub[data-v-4a923a98] {
+.openeuler.download .content-left .item-sub[data-v-252ea1d2] {
     max-width: 25%;
     flex: 1 1 auto;
 }
-.openeuler.download .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.download .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.download .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.download .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openeuler.download .content-left .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.download .content-left .item-sub[data-v-252ea1d2]:nth-of-type(1) {
     max-width: 50%;
 }
-.openeuler.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
-    width: calc(50% - 12px);
+.openeuler.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
+    width: calc(50% - 24px);
 }
 }
-.openeuler.development .item-sub[data-v-4a923a98] {
+.openeuler.development .item-sub[data-v-252ea1d2] {
   margin-left: 24px;
 }
-.openeuler.development .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.development .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
 @media (min-width: 1681px) {
-.openeuler.development .item-sub[data-v-4a923a98] {
+.openeuler.development .item-sub[data-v-252ea1d2] {
     width: 200px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.development .item-sub[data-v-4a923a98] {
+.openeuler.development .item-sub[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.development .item-sub[data-v-4a923a98] {
+.openeuler.development .item-sub[data-v-252ea1d2] {
     width: 132px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.development .content-left .item-sub[data-v-4a923a98] {
+.openeuler.development .content-left .item-sub[data-v-252ea1d2] {
     flex: 1 1 auto;
 }
-.openeuler.development .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.development .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.development .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.development .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openeuler.development .content-left .item-sub .content-container[data-v-4a923a98] .content-item .desc-container {
+.openeuler.development .content-left .item-sub .content-container[data-v-252ea1d2] .content-item .desc-container {
     width: auto;
 }
 }
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-right: 64px;
 }
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(-n+4) {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(-n+4) {
   margin-top: 0;
 }
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-of-type(4) {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-of-type(4) {
   margin-right: 0;
 }
 @media (max-width: 1680px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     margin-right: 24px;
 }
 }
-@media (min-width: 1441px) and (max-width: 1505px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
-    margin-right: 40px;
-}
-}
 @media (min-width: 1681px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 992px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 752px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.document .content-left .item-sub[data-v-4a923a98] {
+.openeuler.document .content-left .item-sub[data-v-252ea1d2] {
     max-width: 80%;
     flex: 1 1 auto;
 }
-.openeuler.document .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.document .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: calc(25% - 18px);
 }
 }
-.openeuler.learn .item-sub[data-v-4a923a98] {
+.openeuler.learn .item-sub[data-v-252ea1d2] {
   margin-left: 48px;
 }
-.openeuler.learn .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.learn .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
   width: 448px;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] .content-item {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] .content-item {
   margin-left: 48px;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] .content-item:nth-of-type(2) {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] .content-item:nth-of-type(2) {
   margin-top: 0;
 }
 @media (max-width: 1680px) {
-.openeuler.learn .item-sub[data-v-4a923a98] {
+.openeuler.learn .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
     width: 364px;
 }
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] .content-item {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.learn .content-left .item-sub[data-v-4a923a98] {
+.openeuler.learn .content-left .item-sub[data-v-252ea1d2] {
     max-width: 25%;
     flex: 1 1 auto;
 }
-.openeuler.learn .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.learn .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.learn .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.learn .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openeuler.learn .content-left .item-sub[data-v-4a923a98]:nth-of-type(2) {
+.openeuler.learn .content-left .item-sub[data-v-252ea1d2]:nth-of-type(2) {
     max-width: 50%;
 }
-.openeuler.learn .content-left .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] .content-item {
+.openeuler.learn .content-left .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] .content-item {
     width: calc(50% - 12px);
 }
 }
-.openeuler.approve .item-sub[data-v-4a923a98] {
+.openeuler.approve .item-sub[data-v-252ea1d2] {
   margin-left: 80px;
 }
-.openeuler.approve .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.approve .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
   width: 440px;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-left: 40px;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-of-type(2) {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-of-type(2) {
   margin-top: 0;
 }
 @media (max-width: 1680px) {
-.openeuler.approve .item-sub[data-v-4a923a98] {
+.openeuler.approve .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 364px;
 }
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
-.openeuler.approve .item-sub:nth-of-type(2) .content-container[data-v-4a923a98], .openeuler.approve .item-sub:nth-of-type(3) .content-container[data-v-4a923a98] {
+.openeuler.approve .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2], .openeuler.approve .item-sub:nth-of-type(3) .content-container[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve .item-sub:nth-of-type(n) .content-container[data-v-4a923a98] {
+.openeuler.approve .item-sub:nth-of-type(n) .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve .content-left .item-sub[data-v-4a923a98] {
+.openeuler.approve .content-left .item-sub[data-v-252ea1d2] {
     max-width: 20%;
     flex: 1 1 auto;
 }
-.openeuler.approve .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.approve .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.approve .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.approve .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openeuler.approve .content-left .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.approve .content-left .item-sub[data-v-252ea1d2]:nth-of-type(1) {
     max-width: 40%;
 }
-.openeuler.approve .content-left .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.approve .content-left .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     width: calc(50% - 12px);
 }
 }
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-4a923a98] {
+.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-252ea1d2] {
   width: 200px;
 }
 @media (max-width: 1680px) {
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-4a923a98] {
+.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-4a923a98] {
+.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-252ea1d2] {
     width: 132px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve-en .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.approve-en .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.approve-en .content-left .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.approve-en .content-left .item-sub[data-v-252ea1d2]:nth-of-type(1) {
     max-width: 20%;
 }
-.openeuler.approve-en .content-left .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.approve-en .content-left .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
 }
-.openeuler.community .item-sub[data-v-4a923a98] {
+.openeuler.community .item-sub[data-v-252ea1d2] {
   margin-left: 48px;
 }
-.openeuler.community .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.community .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
   width: 696px;
 }
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-left: 48px;
 }
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(3n+1) {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(3n+1) {
   margin-left: 0;
 }
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(-n+3) {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(-n+3) {
   margin-top: 0;
 }
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
   width: 200px;
 }
 @media (max-width: 1680px) {
-.openeuler.community .item-sub[data-v-4a923a98] {
+.openeuler.community .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 558px;
 }
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-4a923a98] {
+.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-252ea1d2] {
     width: 132px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.community .content-left .item-sub[data-v-4a923a98] {
+.openeuler.community .content-left .item-sub[data-v-252ea1d2] {
     max-width: 20%;
     flex: 1 1 auto;
 }
-.openeuler.community .content-left .item-sub .content-container[data-v-4a923a98] {
+.openeuler.community .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openeuler.community .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.community .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openeuler.community .content-left .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.community .content-left .item-sub[data-v-252ea1d2]:nth-of-type(1) {
     max-width: 60%;
 }
-.openeuler.community .content-left .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openeuler.community .content-left .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     width: calc(33.3333333333% - 18px);
 }
 }
-.openeuler.update .item-sub[data-v-4a923a98] {
+.openeuler.update .item-sub[data-v-252ea1d2] {
   margin-left: 48px;
 }
-.openeuler.update .item-sub .content-container[data-v-4a923a98] {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] {
   width: 448px;
 }
-.openeuler.update .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] .content-item {
   margin-left: 48px;
 }
-.openeuler.update .item-sub .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openeuler.update .item-sub .content-container[data-v-4a923a98] .content-item:nth-child(-n+2) {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] .content-item:nth-child(-n+2) {
   margin-top: 0;
 }
-.openeuler.update .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openeuler.update .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
 @media (max-width: 1680px) {
-.openeuler.update .item-sub[data-v-4a923a98] {
+.openeuler.update .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openeuler.update .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.update .item-sub .content-container[data-v-4a923a98] {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] {
     width: 364px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.update .item-sub .content-container[data-v-4a923a98] {
+.openeuler.update .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.update .content-left .item-sub[data-v-4a923a98] {
+.openeuler.update .content-left .item-sub[data-v-252ea1d2] {
     max-width: 40%;
     flex: 1 1 auto;
 }
-.openeuler.update .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openeuler.update .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: calc(50% - 24px);
 }
 }
-.mindspore .content-left[data-v-4a923a98] {
+.mindspore .content-left[data-v-252ea1d2] {
   flex: 1;
 }
-.mindspore .item-sub + .item-sub[data-v-4a923a98] {
+.mindspore .item-sub + .item-sub[data-v-252ea1d2] {
   margin-left: 48px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.mindspore .item-sub + .item-sub[data-v-4a923a98] {
+.mindspore .item-sub + .item-sub[data-v-252ea1d2] {
     margin-left: 32px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.mindspore .item-sub + .item-sub[data-v-4a923a98] {
+.mindspore .item-sub + .item-sub[data-v-252ea1d2] {
     margin-left: 16px;
 }
 }
-.mindspore .content-container[data-v-4a923a98] {
+.mindspore .content-container[data-v-252ea1d2] {
   flex-direction: column;
 }
-.mindspore .nav-background-left[data-v-4a923a98] {
+.mindspore .nav-background-left[data-v-252ea1d2] {
   left: 0;
   top: 0;
   width: 540px;
   height: 360px;
 }
-.mindspore .nav-background-right[data-v-4a923a98] {
+.mindspore .nav-background-right[data-v-252ea1d2] {
   width: 643px;
   height: 364px;
   z-index: -1;
 }
-.openubmc.download .item-sub[data-v-4a923a98] {
+.openubmc.download .item-sub[data-v-252ea1d2] {
   margin-left: 80px;
 }
-.openubmc.download .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openubmc.download .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
   width: 464px;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-left: 64px;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-of-type(2) {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-of-type(2) {
   margin-top: 0;
 }
 @media (max-width: 1680px) {
-.openubmc.download .item-sub[data-v-4a923a98] {
+.openubmc.download .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 364px;
 }
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
-.openubmc.download .item-sub:nth-of-type(3) .content-container[data-v-4a923a98] {
+.openubmc.download .item-sub:nth-of-type(3) .content-container[data-v-252ea1d2] {
     width: 170px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 344px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.download .content-left .item-sub[data-v-4a923a98] {
+.openubmc.download .content-left .item-sub[data-v-252ea1d2] {
     max-width: 25%;
     flex: 1 1 auto;
 }
-.openubmc.download .content-left .item-sub .content-container[data-v-4a923a98] {
+.openubmc.download .content-left .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
-.openubmc.download .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openubmc.download .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: 100%;
 }
-.openubmc.download .content-left .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openubmc.download .content-left .item-sub[data-v-252ea1d2]:nth-of-type(1) {
     max-width: 50%;
 }
-.openubmc.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openubmc.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     width: calc(50% - 12px);
 }
 }
-.openubmc.development .content-item[data-v-4a923a98], .openubmc.learn .content-item[data-v-4a923a98], .openubmc.support .content-item[data-v-4a923a98], .openubmc.trends .content-item[data-v-4a923a98] {
+.openubmc.development .content-item[data-v-252ea1d2], .openubmc.learn .content-item[data-v-252ea1d2], .openubmc.support .content-item[data-v-252ea1d2], .openubmc.trends .content-item[data-v-252ea1d2] {
   margin-left: 80px;
   margin-top: 0;
 }
-.openubmc.development .content-item[data-v-4a923a98]:first-of-type, .openubmc.learn .content-item[data-v-4a923a98]:first-of-type, .openubmc.support .content-item[data-v-4a923a98]:first-of-type, .openubmc.trends .content-item[data-v-4a923a98]:first-of-type {
+.openubmc.development .content-item[data-v-252ea1d2]:first-of-type, .openubmc.learn .content-item[data-v-252ea1d2]:first-of-type, .openubmc.support .content-item[data-v-252ea1d2]:first-of-type, .openubmc.trends .content-item[data-v-252ea1d2]:first-of-type {
   margin-left: 0;
 }
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
   margin-right: 64px;
 }
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-child(-n+4) {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-child(-n+4) {
   margin-top: 0;
 }
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item:nth-of-type(4) {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item:nth-of-type(4) {
   margin-right: 0;
 }
 @media (max-width: 1680px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] .content-item {
     margin-right: 24px;
 }
 }
-@media (min-width: 1441px) and (max-width: 1505px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] .content-item {
-    margin-right: 40px;
-}
-}
 @media (min-width: 1681px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 992px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: 752px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-4a923a98] {
+.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.docs .content-left .item-sub[data-v-4a923a98] {
+.openubmc.docs .content-left .item-sub[data-v-252ea1d2] {
     max-width: 80%;
     flex: 1 1 auto;
 }
-.openubmc.docs .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openubmc.docs .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: calc(25% - 18px);
 }
 }
-.openubmc.community .item-sub[data-v-4a923a98] {
+.openubmc.community .item-sub[data-v-252ea1d2] {
   margin-left: 48px;
 }
-.openubmc.community .item-sub .content-container[data-v-4a923a98] {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] {
   width: 448px;
 }
-.openubmc.community .item-sub .content-container[data-v-4a923a98] .content-item {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] .content-item {
   margin-left: 48px;
 }
-.openubmc.community .item-sub .content-container[data-v-4a923a98] .content-item:nth-child(2n+1) {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] .content-item:nth-child(2n+1) {
   margin-left: 0;
 }
-.openubmc.community .item-sub .content-container[data-v-4a923a98] .content-item:nth-child(-n+2) {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] .content-item:nth-child(-n+2) {
   margin-top: 0;
 }
-.openubmc.community .item-sub[data-v-4a923a98]:nth-of-type(1) {
+.openubmc.community .item-sub[data-v-252ea1d2]:nth-of-type(1) {
   margin-left: 0;
 }
 @media (max-width: 1680px) {
-.openubmc.community .item-sub[data-v-4a923a98] {
+.openubmc.community .item-sub[data-v-252ea1d2] {
     margin-left: 24px;
 }
-.openubmc.community .item-sub .content-container[data-v-4a923a98] .content-item {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] .content-item {
     margin-left: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.openubmc.community .item-sub .content-container[data-v-4a923a98] {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] {
     width: 364px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.community .item-sub .content-container[data-v-4a923a98] {
+.openubmc.community .item-sub .content-container[data-v-252ea1d2] {
     width: auto;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.community .content-left .item-sub[data-v-4a923a98] {
+.openubmc.community .content-left .item-sub[data-v-252ea1d2] {
     max-width: 40%;
     flex: 1 1 auto;
 }
-.openubmc.community .content-left .item-sub .content-container[data-v-4a923a98] .content-item {
+.openubmc.community .content-left .item-sub .content-container[data-v-252ea1d2] .content-item {
     width: calc(50% - 24px);
 }
 }