.demo-bar{position:fixed;top:0;inset-inline:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.35rem 2.5rem;background:var(--color-foreground,#1c1917);color:var(--color-background,#fafaf9);font-weight:500;font-size:.8125rem;line-height:1.35;text-align:center}.demo-bar__text{margin:0;text-wrap:balance}.demo-bar__link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.demo-bar__link:hover{text-decoration-thickness:2px}.demo-bar__close{position:absolute;inset-inline-end:.35rem;top:50%;translate:0 -50%;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer}.demo-bar__close:hover{background:color-mix(in srgb,currentColor 18%,transparent)}.demo-bar__close:focus-visible,.demo-bar__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}html:has(.demo-bar):root:root:root:root:root .site-header{top:var(--demo-bar-h,2.25rem)!important}html:has(.demo-bar):root:root:root:root:root .site-header.header--floating{top:calc(var(--demo-bar-h, 2.25rem) + 12px)!important}html:has(.demo-bar):root:root #MainContent{padding-top:calc(var(--hdr-h, 5rem) + var(--demo-bar-h, 2.25rem))}html:has(.demo-bar):not(:has(.site-header)):root:root #MainContent{padding-top:var(--demo-bar-h,2.25rem)}html:has(.demo-bar):root:root .cart-drawer,html:has(.demo-bar):root:root .header__drawer,html:has(.demo-bar):root:root .header__overlay{top:calc(var(--hdr-h, 5rem) + var(--demo-bar-h, 2.25rem))}@media (max-width:600px){.demo-bar{font-size:.78rem;padding-inline:2.25rem}}