.external-stores-lesson .external-stores-controls{display:flex;flex-wrap:wrap;gap:var(--cf-space-200)}.external-stores-lesson .external-stores-demo{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);justify-items:start}.external-stores-lesson .external-stores-demo>button{padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.external-stores-lesson .external-stores-demo>button:hover:not(:disabled){border-color:var(--cf-color-border-hover)}.external-stores-lesson .external-stores-demo>button:disabled{cursor:default;opacity:.6}.external-stores-lesson .external-stores-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));grid-gap:var(--cf-space-100);gap:var(--cf-space-100);justify-self:stretch;min-height:2rem;margin:0;padding:0;list-style:none;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-300)}.external-stores-lesson .external-stores-rows li{padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text)}.external-stores-lesson .external-stores-rows li[data-price="4"]{border-color:var(--cf-color-primary);background:var(--cf-color-primary-subtle)}