.editable-example[data-astro-cid-h5l5yapm]{--cm-bg: rgb(var(--color-celeste) / .025);--cm-text: rgb(var(--color-ink-darker));--cm-cursor: rgb(var(--color-celeste-dark));--cm-selection: rgb(var(--color-celeste-lightest));--cm-panel: rgb(var(--color-background));--cm-border: rgb(var(--color-default-lighter));--cm-gutter-bg: rgb(var(--color-celeste-bright));--cm-gutter-text: rgb(var(--color-default-light))}.editable-example[data-astro-cid-h5l5yapm].--deprecated{--cm-bg: rgb(var(--color-yellow-bright));--cm-text: rgb(var(--color-yellow-darkest));--cm-cursor: rgb(var(--color-yellow-dark));--cm-selection: rgb(var(--color-yellow-light));--cm-panel: rgb(var(--color-yellow-lighter));--cm-border: rgb(var(--color-yellow-tint));--cm-gutter-bg: rgb(var(--color-yellow-lightest));--cm-gutter-text: rgb(var(--color-yellow-dark))}.editable-example[data-astro-cid-h5l5yapm] .tok-tagName{color:rgb(var(--color-magenta-tint))}.editable-example[data-astro-cid-h5l5yapm] .tok-attributeName{color:rgb(var(--color-purple-tint))}.editable-example[data-astro-cid-h5l5yapm] .tok-attributeValue{color:rgb(var(--color-celeste));font-weight:600}.editable-example[data-astro-cid-h5l5yapm] .tok-keyword{color:rgb(var(--color-magenta))}.editable-example[data-astro-cid-h5l5yapm] .tok-string{color:rgb(var(--color-green))}.editable-example[data-astro-cid-h5l5yapm] .tok-number{color:rgb(var(--color-orange))}.editable-example[data-astro-cid-h5l5yapm] .tok-comment{color:rgb(var(--color-default-light));font-style:italic}.editable-example[data-astro-cid-h5l5yapm] .tok-operator{color:rgb(var(--color-ink-tint))}.editable-example[data-astro-cid-h5l5yapm] .tok-punctuation{color:rgb(var(--color-default))}.editable-example[data-astro-cid-h5l5yapm] .tok-angleBracket{color:rgb(var(--color-ink-light))}.editable-example[data-astro-cid-h5l5yapm] .tok-content{color:rgb(var(--color-ink-dark))}.editable-example[data-astro-cid-h5l5yapm] .tok-meta{color:rgb(var(--color-default-light))}.editable-example[data-astro-cid-h5l5yapm] .tok-typeName,.editable-example[data-astro-cid-h5l5yapm] .tok-className{color:rgb(var(--color-orange))}.editable-example[data-astro-cid-h5l5yapm] .tok-variableName{color:rgb(var(--color-blue-shade))}.editable-example[data-astro-cid-h5l5yapm] .tok-atom,.editable-example[data-astro-cid-h5l5yapm] .tok-bool{color:rgb(var(--color-green-dark))}.editable-example[data-astro-cid-h5l5yapm] .tok-invalid{color:rgb(var(--color-red))}.editable-example[data-astro-cid-h5l5yapm] .tok-link{color:rgb(var(--color-celeste-dark));text-decoration:underline}.editable-example[data-astro-cid-h5l5yapm] .tok-heading{color:rgb(var(--color-celeste-dark));font-weight:700}.editable-example[data-astro-cid-h5l5yapm] .tok-emphasis{font-style:italic}.editable-example[data-astro-cid-h5l5yapm] .tok-strong{font-weight:700}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-attributeValue{color:rgb(var(--color-orange-shade))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-keyword{color:rgb(var(--color-magenta-dark))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-string{color:rgb(var(--color-green-dark))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-number{color:rgb(var(--color-orange-dark))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-comment,.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-punctuation{color:rgb(var(--color-yellow-shade))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-content{color:rgb(var(--color-yellow-darkest))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-meta{color:rgb(var(--color-yellow-shade))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-variableName{color:rgb(var(--color-blue-dark))}.editable-example[data-astro-cid-h5l5yapm].--deprecated .tok-invalid{color:rgb(var(--color-red-dark))}.editable-example[data-astro-cid-h5l5yapm].--loading{min-height:170px}.editable-example-title[data-astro-cid-h5l5yapm]{margin-bottom:calc(var(--ds-gap) * -.5)}.editable-example[data-astro-cid-h5l5yapm]>[data-astro-cid-h5l5yapm]:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.editable-example[data-astro-cid-h5l5yapm]>[data-astro-cid-h5l5yapm]:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.editable-example[data-astro-cid-h5l5yapm]>[data-astro-cid-h5l5yapm]+[data-astro-cid-h5l5yapm]{border-top:1px dotted rgb(var(--ds-group-border-color))}.editable-example__source[data-astro-cid-h5l5yapm]{position:relative}.editable-example__source[data-astro-cid-h5l5yapm]>.ds-tag[data-astro-cid-h5l5yapm]{margin-top:-1px;margin-left:-1px;min-width:50px;justify-content:center}.editable-example__copy[data-astro-cid-h5l5yapm]{position:absolute;top:6px;right:18px;width:24px;height:24px;cursor:pointer;text-indent:-1000em;overflow:hidden;z-index:1}.editable-example__copy[data-astro-cid-h5l5yapm]:after{content:"";position:absolute;inset:0;background-color:rgb(var(--color-default-light));mask-image:var(--icon-copy);mask-repeat:no-repeat;mask-position:center;mask-size:16px}.editable-example__copy[data-astro-cid-h5l5yapm]:hover:after{background-color:rgb(var(--color-default))}.editable-example__copy[data-astro-cid-h5l5yapm].--copied:after{background-color:rgb(var(--color-green));mask-image:var(--icon-check-mark-large)}.editable-example__editor[data-astro-cid-h5l5yapm]{overflow:hidden;resize:vertical;min-height:80px;max-height:400px}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-editor{font-size:var(--ds-text-size-small);font-family:var(--ds-text-font-mono, monospace);height:100%}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-editor.cm-focused{outline:none}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-scroller{overflow-x:auto;overflow-y:scroll;height:100%}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-content{padding:var(--ds-space-large) 0 var(--ds-space-small) 0}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-line{padding:0 var(--ds-space-medium) 0 var(--ds-space-small);line-height:1.6}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-activeLineGutter,.editable-example__editor[data-astro-cid-h5l5yapm] .cm-activeLine{background-color:transparent}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-gutters{border-right:none;width:50px;justify-content:flex-end}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-lineNumbers .cm-gutterElement{font-size:.85em;padding:1px 3px 0 5px}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-foldGutter .cm-gutterElement{padding-top:1px}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-foldGutter .cm-gutterElement span[title]{display:block;width:14px;height:16px;text-indent:-9999px;overflow:hidden;cursor:pointer;background-color:rgb(var(--color-default-light));mask-size:contain;mask-repeat:no-repeat;mask-position:center}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-foldGutter .cm-gutterElement span[title="Fold line"]{mask-image:var(--icon-ui-arrow-down)}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-foldGutter .cm-gutterElement span[title="Unfold line"]{mask-image:var(--icon-ui-arrow-down);transform:rotate(-90deg)}.editable-example__editor[data-astro-cid-h5l5yapm] .cm-foldGutter .cm-gutterElement span[title]:hover{background-color:rgb(var(--color-celeste))}.editable-example__preview[data-astro-cid-h5l5yapm]{width:100%;border:none;display:block;min-height:101px}.editable-example__controls[data-astro-cid-h5l5yapm]{padding:var(--ds-space-xsmall) var(--ds-space-medium);background-color:rgb(var(--color-ink-bright))}.editable-example__inline[data-astro-cid-h5l5yapm]{padding:var(--ds-space-medium)}