@layer properties,theme,base;@layer components{.demo-band{z-index:45;height:var(--demo-band-h,calc(2.75rem + 2px));background-color:var(--signal-red-cta);color:var(--on-signal);border-bottom:2px solid var(--signal-amber);align-items:center;gap:.75rem;padding:0 .75rem;display:flex;position:sticky;top:0}@media (min-width:40rem){.demo-band{padding:0 1rem}}@media (min-width:64rem){.demo-band{padding:0 1.5rem}}.demo-band-word{font-family:var(--font-sans);letter-spacing:.06em;flex:none;font-size:.9375rem;font-style:italic;font-weight:900;line-height:1}.demo-band-line{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;font-size:.75rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}@media (min-width:40rem){.demo-band-line{font-size:.8125rem}}.demo-band-btn.ds-btn{border-color:var(--on-signal);color:var(--on-signal);flex:none}.demo-band-btn.ds-btn:hover,.demo-band-btn.ds-btn[aria-expanded=true]{background-color:var(--signal-red-deep)}.demo-band-btn.ds-btn:focus-visible{outline-color:var(--on-signal)}.demo-feedback-panel{width:min(22rem,100vw - 1.5rem);position:absolute;top:calc(100% + .25rem);right:.75rem}@media (min-width:64rem){.demo-feedback-panel{right:1.5rem}}}@layer utilities;