.demo-banner[data-v-a83de4e3]{--demo-color:#2563eb;--demo-text:#fff;--tab-w:3.25rem;--panel-w:min(21rem,calc(100vw - var(--tab-w) - 1rem));align-items:center;display:flex;position:fixed;right:0;top:50%;transform:translate(var(--panel-w),-50%);transition:transform .3s ease;z-index:40}.demo-banner.is-open[data-v-a83de4e3]{transform:translateY(-50%)}.demo-banner-tab[data-v-a83de4e3]{align-items:center;background-color:var(--demo-color);border-radius:.75rem 0 0 .75rem;box-shadow:-2px 2px 8px #00000040;color:var(--demo-text);cursor:pointer;display:flex;flex-direction:column;gap:.6rem;padding:1rem 0;transition:filter .2s;width:var(--tab-w)}.demo-banner-tab[data-v-a83de4e3]:hover{filter:brightness(.92)}.demo-banner-label[data-v-a83de4e3]{display:flex;gap:.3rem;line-height:1;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.demo-banner-title[data-v-a83de4e3]{font-size:.95rem;font-weight:600;letter-spacing:.05em}.demo-banner-subtitle[data-v-a83de4e3]{font-size:.8rem;font-weight:700;letter-spacing:.08em}.demo-banner-panel[data-v-a83de4e3]{border-left:4px solid var(--demo-color);max-height:80vh;overflow-y:auto;width:var(--panel-w)}.demo-banner.is-open .demo-banner-panel[data-v-a83de4e3]{box-shadow:-8px 0 24px #0003}.demo-banner-accent[data-v-a83de4e3]{color:var(--demo-color)}.demo-banner-btn[data-v-a83de4e3]{background-color:var(--demo-color);color:var(--demo-text);transition:filter .2s}.demo-banner-btn[data-v-a83de4e3]:hover{filter:brightness(.92)}