.article-page .layers-code .article-code{margin:0;border:0;border-bottom:1px solid var(--cf-color-border);border-radius:0}.article-page .layers-code>:last-child .article-code{border-bottom:0}.article-page .layer-off{opacity:.55}.article-page .layer-toggles button[aria-pressed=false]{background:var(--cf-color-surface);color:var(--cf-color-text-secondary);border-color:var(--cf-color-border-control)}.article-page .layers-runtime{display:flex;flex-direction:column}.article-page .layers-preview{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:180px;padding:var(--cf-space-400);background:var(--cf-color-surface)}.article-page .layers-preview:not(.is-styled) .layers-card,.article-page .layers-preview:not(.is-styled) .layers-card *{all:revert}.article-page .layers-preview.is-styled .layers-card{display:grid;justify-items:start;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);padding:var(--cf-space-400);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised)}.article-page .layers-preview.is-styled .layers-card p{margin:0;color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong)}.article-page .layers-preview.is-styled .layers-card button{padding:var(--cf-space-150) var(--cf-space-350);border:0;border-radius:var(--cf-radius-full);background:var(--cf-color-primary);color:var(--cf-color-on-primary);font-weight:var(--cf-font-weight-bold)}.article-page .layers-preview.is-styled .layers-card button:hover{background:var(--cf-color-primary-hover)}.article-page .layers-preview.is-styled .layers-card span{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}@media(max-width:560px){.article-page .layer-toggles{flex-wrap:wrap}}