@layer demo{.demo-states-setup{color:#edf5f6bd;margin:0 0 1.5rem;padding:1rem 1.25rem}.demo-states-setup[hidden]{display:none}.demo-states-setup[role=alert]{color:#ffb7ad}.demo-states-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;display:grid}.demo-states-card{gap:1rem;min-width:0;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.demo-states-card:last-child{grid-column:1/-1;justify-self:center;width:min(100%,56rem)}.demo-states-card>p{color:#edf5f6bd;min-height:3rem;margin:0;line-height:1.5}.demo-states-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.demo-states-heading h2{margin:.25rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.1}.demo-states-heading output{color:#7af7c5;background:#7af7c51a;border:1px solid #7af7c53d;border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.78rem;font-weight:700}.demo-states-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.demo-states-actions button{color:#071112;min-height:2.65rem;font:inherit;background:#dfe33d;border:0;border-radius:999px;padding-inline:1rem;font-weight:700}.demo-states-actions button:disabled{cursor:wait;opacity:.5}.demo-states-actions button:focus-visible{outline-offset:3px;outline:3px solid #7af7c5}.demo-states-actions span{color:#edf5f6a3;font-size:.8rem}.demo-states-card lt-player{width:100%}:root[data-site-theme=light] .demo-states-setup,:root[data-site-theme=light] .demo-states-card>p,:root[data-site-theme=light] .demo-states-actions span{color:#10242bbd}:root[data-site-theme=light] .demo-states-heading output{color:#08765e;background:#08765e14;border-color:#08765e3d}@media (width<=64rem){.demo-states-grid{grid-template-columns:1fr}.demo-states-card:last-child{grid-column:auto;width:auto}}}