.media{display:block;position:relative;width:100%}.media[class*=media--aspect-]{overflow:hidden}.media--aspect-16-9{aspect-ratio:16/9}.media--aspect-4-3{aspect-ratio:4/3}.media--aspect-3-2{aspect-ratio:3/2}.media--aspect-1-1{aspect-ratio:1/1}.media__img,.media__video{display:block;height:auto;width:100%}.media[class*=media--aspect-] .media__img,.media[class*=media--aspect-] .media__video{height:100%}.media--fit-cover :where(.media__img,.media__video){object-fit:cover}.media--fit-contain :where(.media__img,.media__video){object-fit:contain}.media__embed{width:100%}.media__embed :where(iframe,video,embed,object){border:0;display:block;max-width:100%}.media[class*=media--aspect-] .media__embed,.media[class*=media--aspect-] .media__embed :where(iframe,video,embed,object){height:100%;width:100%}.media__form{width:100%}.media--radius-2{border-radius:var(--radius-2);overflow:hidden}.media--radius-3{border-radius:var(--radius-3);overflow:hidden}.media--radius-4{border-radius:var(--radius-4);overflow:hidden}.media__code{--code-dot:0.625rem;background:var(--color-bg-subtle);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-3);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--font-size-2);line-height:var(--line-height-2);overflow:hidden;text-align:left}.media[class*=media--radius-] .media__code{border-radius:inherit}.media[class*=media--aspect-] .media__code{block-size:100%}.media[class*=media--aspect-] .media__code-pre{flex:1;min-block-size:0;overflow:auto}.media__code-bar{align-items:center;background:var(--color-surface);border-block-end:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text-subtle);display:flex;font-size:var(--font-size-1);gap:var(--space-3);line-height:var(--line-height-1);padding:var(--space-2) var(--space-4)}.media__code-dots{display:inline-flex;flex:none;gap:var(--space-1)}.media__code-dots i{background:var(--color-code-dot-1);block-size:var(--code-dot);border-radius:var(--radius-full);inline-size:var(--code-dot)}.media__code-dots i:nth-child(2){background:var(--color-code-dot-2)}.media__code-dots i:nth-child(3){background:var(--color-code-dot-3)}.media__code-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media__code-lang{flex:none;margin-inline-start:auto}.media__code--editor .media__code-bar{gap:var(--space-4);padding:0 var(--space-4) 0 0}.media__code--editor .media__code-title{background:var(--color-bg-subtle);border-inline-end:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text);margin-block-end:calc(var(--border-width-1)*-1);padding:var(--space-2) var(--space-4)}.media__code-pre{margin:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--space-4);tab-size:2}.media__code-pre:focus-visible{outline:var(--border-width-2) solid var(--color-focus);outline-offset:calc(var(--border-width-2)*-1)}.media__code .code-kw{color:var(--color-code-kw)}.media__code .code-fn{color:var(--color-code-fn)}.media__code .code-str{color:var(--color-code-str)}.media__code .code-num{color:var(--color-code-num)}.media__code .code-type{color:var(--color-code-type)}.media__code .code-cm{color:var(--color-code-cm)}.media__code .code-prompt{color:var(--color-code-prompt);user-select:none}.media__code .code-out{color:var(--color-code-out)}.media__empty{align-items:center;background:var(--color-surface);border:var(--border-width-1) dashed var(--color-border);border-radius:inherit;color:var(--color-text-subtle);display:flex;font-family:var(--font-sans);font-size:var(--font-size-2);height:100%;justify-content:center;min-height:8rem}