.cts-demo-bar{background:var(--cts-demo-bg,#1d1e1a);color:var(--cts-demo-ink,#fff);font:var(--cts-demo-bar-font,var(--cts-demo-font,.8125rem/1.4 system-ui, sans-serif))}.cts-demo-bar p{max-width:var(--cts-demo-max,72rem);padding:.5rem var(--cts-demo-gutter,1rem);margin:0 auto}.cts-demo-bar a{color:inherit;text-underline-offset:.15em;margin-block:-12px;align-items:center;min-height:44px;margin-block:calc(.5lh - 22px);text-decoration:underline;display:inline-flex}.cts-demo-bar a:focus-visible{outline-offset:2px;outline:2px solid}.cts-demo-row{max-width:var(--cts-demo-max,72rem);padding:.5rem var(--cts-demo-gutter,1rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0 auto;display:flex}.cts-demo-row p{flex:16rem;min-width:0;max-width:none;margin:0;padding:0}.cts-demo-bar a.cts-demo-cta{border-radius:var(--cts-demo-radius,4px);background:var(--cts-demo-ink,#fff);min-height:44px;color:var(--cts-demo-bg,#1d1e1a);white-space:nowrap;margin-block:0;padding-inline:1rem;font-weight:600;text-decoration:none}.cts-demo-bar a.cts-demo-cta:hover{background:color-mix(in srgb, var(--cts-demo-ink,#fff) 86%, var(--cts-demo-bg,#1d1e1a))}.cts-demo-bar a.cts-demo-cta:focus-visible{outline-offset:3px}.cts-demo-acts{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:inline-flex}@media (max-width:63.99rem),(max-height:39.99rem){.cts-device{display:none!important}}[data-cts-framed] .cts-device{display:none!important}.cts-demo-bar .cts-demo-device{border-radius:var(--cts-demo-radius,4px);min-height:44px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:.4rem;padding-inline:.875rem;font-weight:600;display:inline-flex}.cts-demo-bar .cts-demo-device:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.cts-demo-bar .cts-demo-device:focus-visible{outline-offset:3px;outline:2px solid}.cts-demo-bar a.cts-demo-back{white-space:nowrap;margin-block:0;font-weight:600}.cts-demo-notice{z-index:100;inset-inline:1rem;bottom:calc(var(--cts-demo-notice-offset,1rem) + env(safe-area-inset-bottom));background:var(--cts-demo-bg,#1d1e1a);max-width:28rem;color:var(--cts-demo-ink,#fff);font:var(--cts-demo-font,.9375rem/1.45 system-ui, sans-serif);border-radius:var(--cts-demo-radius,4px);margin-inline:auto;padding:.875rem 1rem;position:fixed;box-shadow:0 6px 24px #00000040}.cts-demo-notice:not([data-open]){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;box-shadow:none;padding:0;overflow:hidden}@media (forced-colors:active){.cts-demo-notice{border:1px solid canvastext}}.cts-hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}