.demoAppearanceBar{color:#123551;background:#fff;border-bottom:1px solid #cbd9e2;justify-content:flex-end;align-items:center;gap:12px;padding:8px 20px;font:14px/1.4 Arial,sans-serif;display:flex}.demoAppearanceSwitch{gap:6px;display:flex}.demoAppearanceSwitch button{color:#123551;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd9e2;border-radius:999px;padding:8px 14px}.demoAppearanceSwitch button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 0 0 2px #123551}.demoAppearanceSwitch button:focus-visible{outline-offset:3px;outline:3px solid #c8a44b}html[data-demo-appearance=tessumo] .demoAppearanceBar{background:var(--tessumo-frame);color:var(--tessumo-on-frame)}html[data-demo-appearance=tessumo] :is(.oreliaDemo,.learningDemo,.tessumoDemoSurface){background:var(--tessumo-outside)}html[data-demo-appearance=tessumo] :is(.oreliaDemoHeader,.learningDemoHeader){background:var(--navigator-banner-background)}html[data-demo-appearance=tessumo] .oreliaDemoMessage{color:var(--tessumo-on-blue)}html[data-demo-appearance=tessumo] .crmCaseFocusHead{background:var(--navigator-banner-background);color:var(--tessumo-on-blue)}@media (width<=480px){.demoAppearanceBar{justify-content:space-between;gap:8px;padding:8px 12px}.demoAppearanceSwitch button{padding:8px 11px}}@media print{.demoAppearanceBar{display:none}}