.design-showcase-page{background:#fff;min-height:100dvh}.design-showcase-page__bar{color:#33255d;min-height:48px;font:750 12px/1.3 var(--font-geist-sans),Arial,sans-serif;background:#f5f2ff;border-bottom:1px solid #ded9ef;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:7px max(16px,50% - 720px);display:grid}.design-showcase-page__bar>span{color:#6e6590;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.design-showcase-page__bar>a{color:#5730c7;align-items:center;gap:7px;min-height:34px;display:inline-flex}.design-showcase-page__bar>a:last-child{color:#fff;background:#6737e8;border-radius:6px;justify-self:end;padding:0 12px}.design-showcase-page__bar svg{width:14px;height:14px}.design-showcase-page__bar a:focus-visible{outline-offset:2px;outline:3px solid #6737e866}@media (max-width:640px){.design-showcase-page__bar{grid-template-columns:1fr auto}.design-showcase-page__bar>span{display:none}.design-showcase-page__bar>a{font-size:0}.design-showcase-page__bar>a svg{width:18px;height:18px}}