.server-components-internals-lesson .decoder-choices{flex-wrap:wrap}.server-components-internals-lesson .decoder-rows{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);max-height:calc(var(--cf-space-2000)*3);margin:0;padding:var(--cf-space-200);overflow-y:auto;list-style:none}.server-components-internals-lesson .decoder-rows li{overflow-wrap:anywhere;padding:var(--cf-space-050) var(--cf-space-150);border-radius:var(--cf-radius-100)}.server-components-internals-lesson .decoder-rows li.is-current{background:var(--cf-color-success-subtle)}.server-components-internals-lesson .decoder-rows li.is-later{opacity:.6}.server-components-internals-lesson .decoder-rows code{font-size:var(--cf-font-size-275)}.server-components-internals-lesson .decoder-edit{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);padding:0 var(--cf-space-200) var(--cf-space-200)}.server-components-internals-lesson .decoder-edit textarea{width:100%;min-height:var(--cf-space-2000);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);resize:vertical}.server-components-internals-lesson .decoder-details{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:var(--cf-space-200);font-size:var(--cf-font-size-300)}.server-components-internals-lesson .decoder-details dt{color:var(--cf-color-text-secondary)}.server-components-internals-lesson .decoder-details dd{margin:0 0 var(--cf-space-100);overflow-wrap:anywhere}.server-components-internals-lesson .decoder-details ul{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;-webkit-padding-start:var(--cf-space-300);padding-inline-start:var(--cf-space-300)}@media(max-width:768px){.server-components-internals-lesson .decoder-rows{max-height:calc(var(--cf-space-2000)*2)}}