.common-carousel[data-v-1e0751c6]{overflow:hidden;width:100%}.carousel-track[data-v-1e0751c6]{animation:scroll-left-1e0751c6 var(--duration,40s) linear infinite;display:flex;width:-moz-max-content;width:max-content;will-change:transform}.carousel-track[data-v-1e0751c6]:hover{animation-play-state:paused}.carousel-track--reverse[data-v-1e0751c6]{animation-name:scroll-right-1e0751c6}.carousel-item[data-v-1e0751c6]{flex-shrink:0}@keyframes scroll-left-1e0751c6{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right-1e0751c6{0%{transform:translate(-50%)}to{transform:translate(0)}}.components-tab[data-v-76bc200c]{padding:24px;width:100%}.components-tab__header[data-v-76bc200c]{margin-bottom:32px}.components-tab__header h1[data-v-76bc200c]{color:var(--x-text-1);font-size:28px;font-weight:700;margin:0 0 8px}.components-tab__desc[data-v-76bc200c]{color:var(--x-text-4);font-size:14px;margin:0}.components-tab__desc code[data-v-76bc200c]{background:var(--x-back-3);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.components-tab__content[data-v-76bc200c]{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1440px}.demo-block[data-v-76bc200c]{background:var(--x-back-1);border:1px solid var(--x-back-4);border-radius:8px;padding:24px}.demo-block h3[data-v-76bc200c]{color:var(--x-text-1);font-size:18px;font-weight:600;margin:0 0 8px}.demo-block h4[data-v-76bc200c]{color:var(--x-text-2);font-size:14px;font-weight:500;margin:0 0 12px}.demo-desc[data-v-76bc200c]{color:var(--x-text-4);font-size:14px;margin:0 0 16px}.demo-preview[data-v-76bc200c]{background:var(--x-back-2);border-radius:6px;margin-bottom:16px;padding:24px}.demo-preview.button-showcase[data-v-76bc200c]{display:flex;flex-direction:column;gap:24px}.demo-preview.card-grid[data-v-76bc200c]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.button-group[data-v-76bc200c]{display:flex;flex-direction:column;gap:12px}.button-row[data-v-76bc200c]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.code-preview pre[data-v-76bc200c]{background:var(--x-back-3);border-radius:6px;margin:0;overflow-x:auto;padding:16px}.code-preview pre code[data-v-76bc200c]{color:var(--x-text-2);font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.carousel-item[data-v-76bc200c]{background:var(--x-back-2);border-radius:12px;height:240px;overflow:hidden;position:relative;width:400px}.carousel-item .carousel-img[data-v-76bc200c]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.carousel-item .carousel-info[data-v-76bc200c]{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;color:#fff;left:0;padding:16px;position:absolute;right:0}.carousel-item .carousel-info h4[data-v-76bc200c]{font-size:16px;font-weight:600;margin:0 0 4px}.carousel-item .carousel-info p[data-v-76bc200c]{font-size:13px;margin:0;opacity:.9}.carousel-item:hover .carousel-img[data-v-76bc200c]{transform:scale(1.05)}