.DemoBar-module__N0SdUq__bar{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181310e0;border:1px solid #f5efe424;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:8px 10px 8px 14px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 8px 32px #00000059}.DemoBar-module__N0SdUq__back{letter-spacing:.02em;color:#f5efe4a6;white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;font-weight:500;transition:color .15s;display:flex}.DemoBar-module__N0SdUq__back:hover{color:#f5efe4f2}.DemoBar-module__N0SdUq__swatches{padding:0 2px;border-inline:1px solid #f5efe41f;align-items:center;gap:8px;margin:0;padding-inline:12px;list-style:none;display:flex}.DemoBar-module__N0SdUq__swatch{background:var(--swatch,#888);border:1px solid #f5efe459;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;display:block}.DemoBar-module__N0SdUq__swatch:hover{transform:scale(1.15)}.DemoBar-module__N0SdUq__swatchActive{box-shadow:0 0 0 2px #181310,0 0 0 4px #f5efe4e6}.DemoBar-module__N0SdUq__cards{scrollbar-width:none;border-inline:1px solid #f5efe41f;align-items:center;gap:6px;margin:0;padding:0 2px;padding-inline:12px;list-style:none;display:flex;overflow-x:auto}.DemoBar-module__N0SdUq__cardPill{letter-spacing:.02em;white-space:nowrap;color:#f5efe4a6;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:500;transition:color .15s,background .15s;display:block}.DemoBar-module__N0SdUq__cardPill:hover{color:#f5efe4f2}.DemoBar-module__N0SdUq__cardPillActive{color:#f5efe4f2;background:#f5efe424}.DemoBar-module__N0SdUq__cta{color:#181310;letter-spacing:.02em;white-space:nowrap;background:#f5efe4;border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:background .15s}.DemoBar-module__N0SdUq__cta:hover{background:#fffdf7}@media (max-width:480px){.DemoBar-module__N0SdUq__bar{gap:8px;padding:6px 8px 6px 12px}.DemoBar-module__N0SdUq__backLabel{display:none}.DemoBar-module__N0SdUq__swatches{gap:6px;padding-inline:8px}.DemoBar-module__N0SdUq__swatch{width:18px;height:18px}.DemoBar-module__N0SdUq__bar:has(.DemoBar-module__N0SdUq__cards){border-radius:20px;flex-wrap:wrap;justify-content:center}.DemoBar-module__N0SdUq__cards{border-inline:none;padding-inline:0;border-top:1px solid #f5efe41f;flex-basis:100%;order:3;justify-content:center;gap:4px;margin-top:2px;padding-top:6px}.DemoBar-module__N0SdUq__cardPill{padding:5px 8px;font-size:.7rem}.DemoBar-module__N0SdUq__cta{padding:7px 12px;font-size:.75rem}}