/* docara-shell-source: runtime/component/doc/css/doc.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{code,.sf-doc-code,.t-source{font-family:var(--sf-mono)}.sf-doc-lead,.t-lead{color:var(--sf-on-surface-variant);font-size:var(--sf-text-large--size);line-height:var(--sf-text-large--height)}*+.sf-doc-example{margin-top:var(--sf-text--space-bottom);-webkit-margin-before:var(--sf-text--space-bottom);margin-block-start:var(--sf-text--space-bottom)}*+.example{margin-top:var(--sf-text--space-bottom);-webkit-margin-before:var(--sf-text--space-bottom);margin-block-start:var(--sf-text--space-bottom)}.sf-doc-pair{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-doc-example,.example{min-width:0;min-inline-size:0;margin:0;padding:var(--sf-space-3);word-wrap:anywhere;background-color:var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);border:var(--sf-px) solid var(--sf-outline-variant);border-radius:var(--sf-radius--surface);color:var(--sf-on-surface)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-doc-example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-doc-example+.sf-doc-source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-doc-example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-doc-example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-doc-example+.source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-doc-example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-doc-example+.sf-highlight:has(.sf-doc-source){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-playground+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-playground+.sf-doc-source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-playground+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-playground+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-playground+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-playground+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-playground+.source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-playground+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-playground+.sf-highlight:has(.sf-doc-source){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.example+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.example+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .example+.sf-doc-source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.example+.sf-doc-source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .example+.sf-doc-source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.example+.sf-doc-source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.example+.sf-doc-source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.example+.source:not(.does-not-exist):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.example+.source:not(.does-not-exist):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .example+.source:not(.does-not-exist){border-top-left-radius:var(--sf-radius-square)}}.example+.source:not(.does-not-exist):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .example+.source:not(.does-not-exist){border-top-right-radius:var(--sf-radius-square)}}.example+.source:not(.does-not-exist):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.example+.source:not(.does-not-exist){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.example+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.example+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .example+.sf-highlight:has(.sf-doc-source){border-top-left-radius:var(--sf-radius-square)}}.example+.sf-highlight:has(.sf-doc-source):where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .example+.sf-highlight:has(.sf-doc-source){border-top-right-radius:var(--sf-radius-square)}}.example+.sf-highlight:has(.sf-doc-source):where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.example+.sf-highlight:has(.sf-doc-source){border-start-end-radius:var(--sf-radius-square);border-start-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example:has(+.source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground:has(+.source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example:has(+.sf-doc-source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example:has(+.source,+.sf-highlight .sf-doc-source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.source,+.sf-highlight .sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example:has(+.source,+.sf-highlight .sf-doc-source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-doc-source:not(.sf-code-surface):not(.sf-code-surface__scroll){min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;margin-bottom:var(--sf-text--space-bottom);-webkit-margin-after:var(--sf-text--space-bottom);margin-block-end:var(--sf-text--space-bottom);overflow:auto;background-color:var(--sf-surface-inverse);border-radius:var(--sf-radius--surface);color:var(--sf-on-surface-inverse);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.source:not(.sf-code-surface):not(.sf-code-surface__scroll){min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;margin-bottom:var(--sf-text--space-bottom);-webkit-margin-after:var(--sf-text--space-bottom);margin-block-end:var(--sf-text--space-bottom);overflow:auto;background-color:var(--sf-surface-inverse);border-radius:var(--sf-radius--surface);color:var(--sf-on-surface-inverse);-moz-tab-size:2;-o-tab-size:2;tab-size:2}.sf-doc-source:not(.sf-code-surface):not(.sf-code-surface__scroll) code{color:inherit}.source:not(.sf-code-surface):not(.sf-code-surface__scroll) code{color:inherit}.sf-doc-stripes,.bg-stripes{--sf-doc-pattern-color: var(--sf-surface-1);background-image:repeating-linear-gradient(-45deg, var(--sf-doc-pattern-color) 0,var(--sf-doc-pattern-color) 25%, var(--sf-transparent) 25%, var(--sf-transparent) 50%);background-image:repeating-linear-gradient(-45deg, var(--sf-doc-pattern-color) 0 25%, var(--sf-transparent) 25% 50%);background-size:var(--sf-space-2) var(--sf-space-2)}.bg-stripes-white{--sf-doc-pattern-color: var(--sf-surface-0)}.bg-stripes-blue{--sf-doc-pattern-color: var(--sf-info-container)}.sf-doc-checkerboard,.bg-checkered{background-color:var(--sf-surface-0);background-image:conic-gradient(var(--sf-surface-1) 25%, var(--sf-transparent) 0,var(--sf-transparent) 50%, var(--sf-surface-1) 0,var(--sf-surface-1) 75%, var(--sf-transparent) 0);background-image:conic-gradient(var(--sf-surface-1) 25%, var(--sf-transparent) 0 50%, var(--sf-surface-1) 0 75%, var(--sf-transparent) 0);background-size:var(--sf-space-2) var(--sf-space-2)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}@media(forced-colors: active){.sf-doc-source:not(.sf-code-surface):not(.sf-code-surface__scroll){border-color:CanvasText}.source:not(.sf-code-surface):not(.sf-code-surface__scroll){border-color:CanvasText}.sf-doc-example,.example{border-color:CanvasText}.sf-doc-stripes,.bg-stripes,.sf-doc-checkerboard,.bg-checkered{background:Canvas;border:var(--sf-px) solid CanvasText}}}

/* docara-shell-source: runtime/component/scrollbar/css/scrollbar.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{.sf-scrollbar{--sf-scrollbar-hit-size: var(--sf-b6);--sf-scrollbar-rest-size: var(--sf-a2);--sf-scrollbar-active-size: var(--sf-a6);--sf-scrollbar-min-thumb-size: var(--sf-d1);--sf-scrollbar-keyboard-step: var(--sf-d0);--sf-scrollbar-thumb-color: var(--sf-outline);position:relative;min-height:0;min-block-size:0;overflow:hidden}.sf-scrollbar__viewport{height:100%;block-size:100%;overflow:auto;overscroll-behavior-block:contain;overscroll-behavior-inline:auto;scrollbar-gutter:auto}.sf-scrollbar[data-mode=""]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=overlay]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=hidden]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=""]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=overlay]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-sf-scrollbar=hidden]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar:not([data-mode]):not([data-sf-scrollbar]) .sf-scrollbar__viewport{scrollbar-width:none}.sf-scrollbar[data-mode=""]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=overlay]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=hidden]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=""]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=overlay]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-sf-scrollbar=hidden]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar:not([data-mode]):not([data-sf-scrollbar]) .sf-scrollbar__viewport::-webkit-scrollbar{display:none}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport{scrollbar-color:var(--sf-outline) var(--sf-transparent);scrollbar-width:auto}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport{scrollbar-color:var(--sf-outline) var(--sf-transparent);scrollbar-width:auto}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar{height:var(--sf-scroll-bg-width);block-size:var(--sf-scroll-bg-width);width:var(--sf-scroll-bg-width);inline-size:var(--sf-scroll-bg-width)}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar{height:var(--sf-scroll-bg-width);block-size:var(--sf-scroll-bg-width);width:var(--sf-scroll-bg-width);inline-size:var(--sf-scroll-bg-width)}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar-track{border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-transparent);background-clip:padding-box}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar-track{border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-transparent);background-clip:padding-box}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport::-webkit-scrollbar-thumb{min-height:var(--sf-scroll-thumb-size);min-block-size:var(--sf-scroll-thumb-size);min-width:var(--sf-scroll-thumb-size);min-inline-size:var(--sf-scroll-thumb-size);border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-outline);background-clip:padding-box}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport::-webkit-scrollbar-thumb{min-height:var(--sf-scroll-thumb-size);min-block-size:var(--sf-scroll-thumb-size);min-width:var(--sf-scroll-thumb-size);min-inline-size:var(--sf-scroll-thumb-size);border:var(--sf-scroll-thumb-inset) solid var(--sf-transparent);border-radius:var(--sf-scroll-radius);background:var(--sf-outline);background-clip:padding-box}.sf-scrollbar[data-mode=standard]:not(.does-not-exist) .sf-scrollbar__viewport:hover::-webkit-scrollbar-thumb{background-color:var(--sf-on-surface)}.sf-scrollbar[data-sf-scrollbar=standard]:not([data-mode]) .sf-scrollbar__viewport:hover::-webkit-scrollbar-thumb{background-color:var(--sf-on-surface)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__track{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__track{right:0}}.sf-scrollbar__track:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__track{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__track{left:0}}.sf-scrollbar__track:where(:dir(rtl)){left:0}.sf-scrollbar__track{position:absolute;z-index:1;top:0;bottom:0;inset-block:0;inset-inline-end:0;width:var(--sf-scrollbar-hit-size);inline-size:var(--sf-scrollbar-hit-size);opacity:0;pointer-events:auto;transition:opacity var(--sf-duration-fast) var(--sf-animation)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb{right:0}}.sf-scrollbar__thumb:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__thumb{left:0}}.sf-scrollbar__thumb:where(:dir(rtl)){left:0}.sf-scrollbar__thumb{position:absolute;top:0;inset-block-start:0;inset-inline-end:0;width:var(--sf-scrollbar-hit-size);inline-size:var(--sf-scrollbar-hit-size);min-height:var(--sf-scrollbar-min-thumb-size);min-block-size:var(--sf-scrollbar-min-thumb-size);padding:0;border:0;border-radius:0;background:rgba(0,0,0,0);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:translateY(var(--sf-scrollbar-thumb-offset, 0));transform:translateY(var(--sf-scrollbar-thumb-offset, 0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb::before{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb::before{right:0}}.sf-scrollbar__thumb::before:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb::before{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-scrollbar__thumb::before{left:0}}.sf-scrollbar__thumb::before:where(:dir(rtl)){left:0}.sf-scrollbar__thumb::before{position:absolute;top:0;bottom:0;inset-block:0;inset-inline-end:0;width:var(--sf-scrollbar-rest-size);inline-size:var(--sf-scrollbar-rest-size);border-radius:inherit;background:var(--sf-scrollbar-thumb-color);content:"";transition:inline-size var(--sf-duration-fast) var(--sf-animation)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar__track:hover .sf-scrollbar__thumb::before,.sf-scrollbar__thumb:focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb::before{width:var(--sf-scrollbar-active-size);inline-size:var(--sf-scrollbar-active-size)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar[focus-within] .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar[focus-within] .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-state=active] .sf-scrollbar__track,.sf-scrollbar:focus-within .sf-scrollbar__track{opacity:1}.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb{cursor:-webkit-grabbing;cursor:grabbing}.sf-scrollbar[data-sf-scrollbar-overflow=false] .sf-scrollbar__track{display:none}.sf-scrollbar__thumb.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(-1*var(--sf-focus--width))}.sf-scrollbar__thumb:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(-1*var(--sf-focus--width))}.sf-scrollbar[data-axis=horizontal]:not(.does-not-exist) .sf-scrollbar__viewport{height:auto;block-size:auto;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-block:auto;overscroll-behavior-inline:contain}.sf-scrollbar[data-sf-scrollbar-axis=horizontal]:not([data-axis]) .sf-scrollbar__viewport{height:auto;block-size:auto;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-block:auto;overscroll-behavior-inline:contain}.sf-scrollbar__track--horizontal{top:auto;bottom:0;inset-block:auto 0;left:0;right:0;inset-inline:0;height:var(--sf-scrollbar-hit-size);block-size:var(--sf-scrollbar-hit-size);width:auto;inline-size:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-scrollbar__thumb--horizontal{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-scrollbar__thumb--horizontal{left:0}}.sf-scrollbar__thumb--horizontal:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-scrollbar__thumb--horizontal{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-scrollbar__thumb--horizontal{right:0}}.sf-scrollbar__thumb--horizontal:where(:dir(rtl)){right:0}.sf-scrollbar__thumb--horizontal{top:auto;bottom:0;inset-block:auto 0;inset-inline-start:0;height:var(--sf-scrollbar-hit-size);block-size:var(--sf-scrollbar-hit-size);width:auto;inline-size:auto;min-height:0;min-block-size:0;min-width:var(--sf-scrollbar-min-thumb-size);min-inline-size:var(--sf-scrollbar-min-thumb-size);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform:translateX(var(--sf-scrollbar-thumb-offset, 0));transform:translateX(var(--sf-scrollbar-thumb-offset, 0))}.sf-scrollbar__thumb--horizontal::before{top:auto;bottom:0;inset-block:auto 0;left:0;right:0;inset-inline:0;height:var(--sf-scrollbar-rest-size);block-size:var(--sf-scrollbar-rest-size);width:auto;inline-size:auto;transition:block-size var(--sf-duration-fast) var(--sf-animation)}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-mode=persistent]:not(.does-not-exist) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar[data-sf-scrollbar=persistent]:not([data-mode]) .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal.focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;width:auto;inline-size:auto}.sf-scrollbar__track--horizontal:hover .sf-scrollbar__thumb--horizontal::before,.sf-scrollbar__thumb--horizontal:focus-visible::before,.sf-scrollbar[data-sf-scrollbar-dragging=true] .sf-scrollbar__thumb--horizontal::before{height:var(--sf-scrollbar-active-size);block-size:var(--sf-scrollbar-active-size);width:auto;inline-size:auto}.scrollbar::-webkit-scrollbar{width:var(--sf-a8);inline-size:var(--sf-a8)}.scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scrollbar::-webkit-scrollbar-thumb{background:var(--sf-outline)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--sf-on-surface)}@media(pointer: coarse){.sf-scrollbar__track,.sf-scrollbar__thumb{width:var(--sf-a8);inline-size:var(--sf-a8);pointer-events:none}.sf-scrollbar__thumb::before{width:var(--sf-a4);inline-size:var(--sf-a4)}.sf-scrollbar__thumb--horizontal::before{height:var(--sf-a4);block-size:var(--sf-a4);width:auto;inline-size:auto}}@media(prefers-reduced-motion: reduce){.sf-scrollbar__track,.sf-scrollbar__thumb::before{transition:none}}@media(forced-colors: active){.sf-scrollbar__track{display:none}.sf-scrollbar .sf-scrollbar__viewport{scrollbar-color:auto;scrollbar-width:auto !important}.sf-scrollbar .sf-scrollbar__viewport::-webkit-scrollbar{display:inline !important;display:initial !important}}}