@simai-studio/ui 5.20261022.1721 → 5.20261022.1938
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/distr/component/accordion/css/accordion.min.css +1 -1
- package/distr/component/doc/css/doc.min.css +1 -1
- package/distr/component/highlight/css/highlight.min.css +1 -1
- package/distr/component/highlight/js/highlight.min.js +1 -1
- package/distr/component/inputs/css/inputs.min.css +1 -1
- package/distr/component/tabs/css/tabs.min.css +1 -1
- package/distr/core/contracts/packages/larena.package.json +1 -0
- package/distr/core/css/core.css +16 -0
- package/distr/core/css/core.min.css +1 -1
- package/distr/smart/datepicker/js/datepicker.min.js +10 -9
- package/distr/smart/datepicker/smart.manifest.json +13 -3
- package/distr/smart/datepicker/template/default.js +2 -1
- package/distr/smart/dropdown/smart.manifest.json +2 -2
- package/distr/smart/field-renderers/js/field-renderers.min.js +4 -4
- package/distr/smart/inputs/js/inputs.min.js +3 -3
- package/distr/smart/inputs/smart.manifest.json +1 -1
- package/package-manifest.json +19 -19
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
# @simai-studio/ui
|
|
2
2
|
|
|
3
|
-
SIMAI Framework, release `ui-
|
|
3
|
+
SIMAI Framework, release `ui-3af4df883e63` (commit 3af4df883e63d74099f5769c41edac3ffa8e9e0e of [simai/ui](https://github.com/simai/ui)).
|
|
4
4
|
|
|
5
5
|
```html
|
|
6
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.
|
|
7
|
-
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.
|
|
8
|
-
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.
|
|
6
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/core/css/core.css">
|
|
7
|
+
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/';</script>
|
|
8
|
+
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1938/distr/core/js/core.js"></script>
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://ui.simai.io/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-right-radius:var(--sf-accordion--radius)}.sf-accordion{--sf-accordion--radius: var(--sf-radius--surface);--sf-accordion--border-width: var(--sf-px);--sf-accordion--border-color: var(--sf-outline-variant);--sf-accordion--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-accordion--trigger-padding-block: var(--sf-space-2);--sf-accordion--trigger-padding-inline: var(--sf-space-3);--sf-accordion--content-padding: var(--sf-space-3);border-end-end-radius:var(--sf-accordion--radius);border-end-start-radius:var(--sf-accordion--radius);border-start-end-radius:var(--sf-accordion--radius);border-start-start-radius:var(--sf-accordion--radius);overflow:hidden;overflow:clip;background-color:var(--sf-accordion--background-color)}.sf-accordion.sf-accordion--outline{border:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--flush{--sf-accordion--radius: var(--sf-radius-square);border-bottom:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);-webkit-border-after:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);border-block-end:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion-heading{margin:0;font:inherit}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}}.sf-accordion-trigger:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion-trigger{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-accordion-trigger{text-align:right}}.sf-accordion-trigger:where(:dir(rtl)){text-align:right}.sf-accordion-trigger{position:relative;display:flex;align-items:center;gap:var(--sf-space-1);width:100%;margin:0;padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline);border:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sf-on-surface);color:var(--sf-accordion-title--color, var(--sf-on-surface));background-color:rgba(0,0,0,0);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger::after{position:absolute;bottom:0;inset-block-end:0;left:0;right:0;inset-inline:0;height:var(--sf-accordion--border-width);background-color:rgba(0,0,0,0);content:"";pointer-events:none}.sf-accordion-trigger[aria-expanded=true]::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}.sf-accordion-trigger:hover{background-color:var(--sf-surface-container-hover)}.sf-accordion-trigger:active{background-color:var(--sf-surface-container-active)}.sf-accordion-trigger.focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion-trigger:focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion .sf-accordion-title{flex:1 1 auto;min-width:0;color:inherit;font-family:var(--sf-text--family);font-size:var(--sf-text--size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-text--height)}.sf-accordion .sf-icon{flex:0 0 auto;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-height-1);height:var(--sf-text-height-1);width:var(--sf-text-height-1);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation), -webkit-transform var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger[aria-expanded=true] .sf-icon,.sf-accordion--legacy[aria-expanded=true]>.sf-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .sf-accordion-trigger[aria-expanded=false] .sf-icon,[dir=rtl] .sf-accordion--legacy[aria-expanded=false]>.sf-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon,[dir=rtl] .sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon{-webkit-transform:none;transform:none}.sf-accordion .sf-accordion-content{padding:var(--sf-accordion--content-padding);color:var(--sf-on-surface-variant);color:var(--sf-accordion-content--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-size:var(--sf-text--size);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-text--height)}@media(forced-colors: active){.sf-accordion-trigger.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-accordion-trigger:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}.sf-accordion.sf-accordion--legacy{gap:var(--sf-space-1\/3);padding:var(--sf-space-3);cursor:pointer}.sf-accordion.sf-accordion--legacy:hover{--sf-accordion--background-color: var(--sf-surface-container-hover)}.sf-accordion.sf-accordion--legacy.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy .sf-accordion-content{padding:0}@media(prefers-reduced-motion: reduce){.sf-accordion-trigger,.sf-accordion .sf-icon{transition:none}}
|
|
1
|
+
_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-bottom-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-bottom-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-accordion{border-bottom-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-bottom-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-right-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-accordion{border-top-left-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(ltr)){border-top-left-radius:var(--sf-accordion--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-accordion{border-top-right-radius:var(--sf-accordion--radius)}}.sf-accordion:where(:dir(rtl)){border-top-right-radius:var(--sf-accordion--radius)}.sf-accordion{--sf-accordion--radius: var(--sf-radius--surface);--sf-accordion--border-width: var(--sf-px);--sf-accordion--border-color: var(--sf-outline-variant);--sf-accordion--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-accordion--trigger-padding-block: var(--sf-space-2);--sf-accordion--trigger-padding-inline: var(--sf-space-3);--sf-accordion--content-padding: var(--sf-space-3);--sf-accordion--text-size: var(--sf-text--size);--sf-accordion--text-height: var(--sf-text--height);--sf-accordion--icon-size: var(--sf-text-height-1);--sf-accordion--trigger-min-block-size: auto;border-end-end-radius:var(--sf-accordion--radius);border-end-start-radius:var(--sf-accordion--radius);border-start-end-radius:var(--sf-accordion--radius);border-start-start-radius:var(--sf-accordion--radius);overflow:hidden;overflow:clip;background-color:var(--sf-accordion--background-color)}.sf-accordion.sf-accordion--size-1\/3{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/3--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/3--space-y-tightness-default) var(--sf-ui-1\/3--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/3);--sf-accordion--text-height: var(--sf-text-height-1\/3);--sf-accordion--icon-size: var(--sf-text-height-1\/3)}.sf-accordion.sf-accordion--size-1\/2{--sf-accordion--trigger-padding-block: var(--sf-ui-1\/2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1\/2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1\/2--control-height);--sf-accordion--content-padding: var(--sf-ui-1\/2--space-y-tightness-default) var(--sf-ui-1\/2--space-x);--sf-accordion--text-size: var(--sf-text-size-1\/2);--sf-accordion--text-height: var(--sf-text-height-1\/2);--sf-accordion--icon-size: var(--sf-text-height-1\/2)}.sf-accordion.sf-accordion--size-1{--sf-accordion--trigger-padding-block: var(--sf-ui-1--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-1--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-1--control-height);--sf-accordion--content-padding: var(--sf-ui-1--space-y-tightness-default) var(--sf-ui-1--space-x);--sf-accordion--text-size: var(--sf-text-size-1);--sf-accordion--text-height: var(--sf-text-height-1);--sf-accordion--icon-size: var(--sf-text-height-1)}.sf-accordion.sf-accordion--size-2{--sf-accordion--trigger-padding-block: var(--sf-ui-2--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-2--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-2--control-height);--sf-accordion--content-padding: var(--sf-ui-2--space-y-tightness-default) var(--sf-ui-2--space-x);--sf-accordion--text-size: var(--sf-text-size-2);--sf-accordion--text-height: var(--sf-text-height-2);--sf-accordion--icon-size: var(--sf-text-height-2)}.sf-accordion.sf-accordion--size-3{--sf-accordion--trigger-padding-block: var(--sf-ui-3--space-y-tightness-default);--sf-accordion--trigger-padding-inline: var(--sf-ui-3--space-x);--sf-accordion--trigger-min-block-size: var(--sf-ui-3--control-height);--sf-accordion--content-padding: var(--sf-ui-3--space-y-tightness-default) var(--sf-ui-3--space-x);--sf-accordion--text-size: var(--sf-text-size-3);--sf-accordion--text-height: var(--sf-text-height-3);--sf-accordion--icon-size: var(--sf-text-height-3)}.sf-accordion.sf-accordion--outline{border:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion.sf-accordion--flush{--sf-accordion--radius: var(--sf-radius-square);border-bottom:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);-webkit-border-after:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);border-block-end:var(--sf-accordion--border-width) solid var(--sf-accordion--border-color);background-color:rgba(0,0,0,0)}.sf-accordion-heading{margin:0;font:inherit}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-accordion-trigger{text-align:left}}.sf-accordion-trigger:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-accordion-trigger{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-accordion-trigger{text-align:right}}.sf-accordion-trigger:where(:dir(rtl)){text-align:right}.sf-accordion-trigger{position:relative;display:flex;align-items:center;gap:var(--sf-space-1);width:100%;margin:0;min-height:var(--sf-accordion--trigger-min-block-size);min-block-size:var(--sf-accordion--trigger-min-block-size);padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline);border:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--sf-on-surface);color:var(--sf-accordion-title--color, var(--sf-on-surface));background-color:rgba(0,0,0,0);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger::after{position:absolute;bottom:0;inset-block-end:0;left:0;right:0;inset-inline:0;height:var(--sf-accordion--border-width);background-color:rgba(0,0,0,0);content:"";pointer-events:none}.sf-accordion-trigger[aria-expanded=true]::after{background-color:var(--sf-outline-variant);background-color:var(--sf-accordion-divider--color, var(--sf-outline-variant))}.sf-accordion-trigger:hover{background-color:var(--sf-surface-container-hover)}.sf-accordion-trigger:active{background-color:var(--sf-surface-container-active)}.sf-accordion-trigger.focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion-trigger:focus-visible{z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-accordion .sf-accordion-title{flex:1 1 auto;min-width:0;color:inherit;font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-accordion--text-height)}.sf-accordion .sf-icon{flex:0 0 auto;color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-accordion--icon-size);height:var(--sf-accordion--icon-size);width:var(--sf-accordion--icon-size);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation);transition:transform var(--sf-duration-fast) var(--sf-animation), -webkit-transform var(--sf-duration-fast) var(--sf-animation)}.sf-accordion-trigger[aria-expanded=true] .sf-icon,.sf-accordion--legacy[aria-expanded=true]>.sf-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .sf-accordion-trigger[aria-expanded=false] .sf-icon,[dir=rtl] .sf-accordion--legacy[aria-expanded=false]>.sf-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon,[dir=rtl] .sf-accordion.sf-accordion--plus-minus .sf-accordion-trigger .sf-icon{-webkit-transform:none;transform:none}.sf-accordion .sf-accordion-content{padding:var(--sf-accordion--content-padding);color:var(--sf-on-surface-variant);color:var(--sf-accordion-content--color, var(--sf-on-surface-variant));font-family:var(--sf-text--family);font-size:var(--sf-accordion--text-size);font-weight:var(--sf-font-weight-regular);line-height:var(--sf-accordion--text-height)}@media(forced-colors: active){.sf-accordion-trigger.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-accordion-trigger:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}.sf-accordion.sf-accordion--legacy{gap:var(--sf-space-1\/3);padding:var(--sf-space-3);cursor:pointer}.sf-accordion.sf-accordion--legacy:hover{--sf-accordion--background-color: var(--sf-surface-container-hover)}.sf-accordion.sf-accordion--legacy.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1\/2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-1{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-2{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy.sf-accordion--size-3{padding:var(--sf-accordion--trigger-padding-block) var(--sf-accordion--trigger-padding-inline)}.sf-accordion.sf-accordion--legacy .sf-accordion-content{padding:0}@media(prefers-reduced-motion: reduce){.sf-accordion-trigger,.sf-accordion .sf-icon{transition:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@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{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{border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-doc-example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.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-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-doc-source{border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-doc-example+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.sf-doc-source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-doc-example+.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+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.source{border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-doc-example+.source{border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.source:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example+.source{border-top-left-radius:var(--sf-radius-square)}}.sf-doc-example+.source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-doc-example+.source{border-top-right-radius:var(--sf-radius-square)}}.sf-doc-example+.source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-doc-example+.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{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-playground+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-playground+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.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-doc-source{border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-playground+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.sf-doc-source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-playground+.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+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-playground+.source{border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-playground+.source{border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.source:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-playground+.source{border-top-left-radius:var(--sf-radius-square)}}.sf-playground+.source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-playground+.source{border-top-right-radius:var(--sf-radius-square)}}.sf-playground+.source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.sf-playground+.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{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .example+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}}.example+.sf-doc-source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}}.example+.sf-doc-source:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .example+.sf-doc-source{border-top-left-radius:var(--sf-radius-square)}}.example+.sf-doc-source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .example+.sf-doc-source{border-top-right-radius:var(--sf-radius-square)}}.example+.sf-doc-source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.example+.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+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .example+.source{border-top-right-radius:var(--sf-radius-square)}}.example+.source:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-end-radius: initial){[dir="rtl"] .example+.source{border-top-left-radius:var(--sf-radius-square)}}.example+.source:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example+.source{border-top-left-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .example+.source{border-top-left-radius:var(--sf-radius-square)}}.example+.source:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example+.source{border-top-right-radius:var(--sf-radius-square)}@supports not (border-start-start-radius: initial){[dir="rtl"] .example+.source{border-top-right-radius:var(--sf-radius-square)}}.example+.source:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-square)}.example+.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-doc-example:has(+.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example:has(+.source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-doc-example:has(+.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.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\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-playground:has(+.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground:has(+.source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground:has(+.source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-playground:has(+.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.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\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.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){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.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){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.sf-doc-source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.example:has(+.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.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\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.source):where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.source):where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example:has(+.source){border-bottom-left-radius:var(--sf-radius-square)}}.example:has(+.source):where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example:has(+.source){border-bottom-right-radius:var(--sf-radius-square)}}.example:has(+.source):where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.example:has(+.source){border-end-end-radius:var(--sf-radius-square);border-end-start-radius:var(--sf-radius-square)}.sf-doc-source,.source{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 code{color:inherit}.source 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-example,.example,.sf-doc-source,.source{border-color:CanvasText}.sf-doc-stripes,.bg-stripes,.sf-doc-checkerboard,.bg-checkered{background:Canvas;border:var(--sf-px) solid CanvasText}}}
|
|
1
|
+
@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-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, 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, [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, 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)}_:-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)}_:-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)}.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"]) .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, 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, [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, 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)}_:-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)}_:-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)}.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"]) .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, 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, [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, 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)}_:-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)}_:-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)}.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-doc-example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-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\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.sf-playground[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){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-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.sf-doc-source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){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\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-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)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-end-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-left-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-square)}_:-ms-input-placeholder, [dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}@supports not (border-end-start-radius: initial){[dir="rtl"] .example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-bottom-right-radius:var(--sf-radius-square)}}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-square)}.example[\:has\(\%2B.source\,\%2B.sf-highlight\%20.sf-doc-source\)]{border-end-end-radius:var(--sf-radius-square);border-end-start-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}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer sf.components{.theme-light,.theme-dark{--sf-highlight-text: var(--sf-on-surface);--sf-highlight-background: transparent;--sf-highlight-keyword: var(--sf-error);--sf-highlight-title: var(--sf-tertiary);--sf-highlight-attribute: var(--sf-primary);--sf-highlight-string: var(--sf-info);--sf-highlight-built-in: var(--sf-warning);--sf-highlight-comment: var(--sf-on-surface-variant);--sf-highlight-tag: var(--sf-success);--sf-highlight-section: var(--sf-primary);--sf-highlight-bullet: var(--sf-warning);--sf-highlight-punctuation: var(--sf-on-surface-variant);--sf-highlight-addition: var(--sf-on-success-container);--sf-highlight-addition-background: var(--sf-success-container);--sf-highlight-deletion: var(--sf-on-error-container);--sf-highlight-deletion-background: var(--sf-error-container);--sf-highlight-line-number: var(--sf-on-surface-variant);--sf-highlight-line-divider: var(--sf-outline-variant)}.theme-light pre code.hljs,.theme-dark pre code.hljs{display:block;overflow-x:auto;padding:var(--sf-space-1)}.theme-light code.hljs,.theme-dark code.hljs{padding:var(--sf-space-1\/3) var(--sf-space-1\/2)}.theme-light .hljs,.theme-dark .hljs{color:var(--sf-highlight-text);background:var(--sf-highlight-background)}.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_,.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_{color:var(--sf-highlight-keyword)}.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_,.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_{color:var(--sf-highlight-title)}.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable,.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable{color:var(--sf-highlight-attribute)}.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string,.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string{color:var(--sf-highlight-string)}.theme-light .hljs-built_in,.theme-light .hljs-symbol,.theme-dark .hljs-built_in,.theme-dark .hljs-symbol{color:var(--sf-highlight-built-in)}.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula,.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula{color:var(--sf-highlight-comment)}.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag,.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag{color:var(--sf-highlight-tag)}.theme-light .hljs-subst,.theme-light .hljs-emphasis,.theme-light .hljs-strong,.theme-dark .hljs-subst,.theme-dark .hljs-emphasis,.theme-dark .hljs-strong{color:var(--sf-highlight-text)}.theme-light .hljs-section,.theme-dark .hljs-section{color:var(--sf-highlight-section);font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-bullet,.theme-dark .hljs-bullet{color:var(--sf-highlight-bullet)}.theme-light .hljs-emphasis,.theme-dark .hljs-emphasis{font-style:italic}.theme-light .hljs-strong,.theme-dark .hljs-strong{font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-addition,.theme-dark .hljs-addition{color:var(--sf-highlight-addition);background-color:var(--sf-highlight-addition-background)}.theme-light .hljs-deletion,.theme-dark .hljs-deletion{color:var(--sf-highlight-deletion);background-color:var(--sf-highlight-deletion-background)}.theme-light .hljs-punctuation,.theme-dark .hljs-punctuation{color:var(--sf-highlight-punctuation)}}@layer sf.components{.sf-code-lines{display:block}.sf-code-line{display:flex}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(ltr)){padding-right:var(--sf-space-1\/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(rtl)){padding-left:var(--sf-space-1\/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-code-line__number{text-align:right}}.sf-code-line__number:where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-code-line__number{text-align:left}}.sf-code-line__number:where(:dir(rtl)){text-align:left}.sf-code-line__number{flex:none;min-width:3ch;min-inline-size:3ch;min-width:3ch;min-width:var(--sf-code-line--number-size, 3ch);min-inline-size:var(--sf-code-line--number-size, 3ch);-webkit-padding-end:var(--sf-space-1\/2);padding-inline-end:var(--sf-space-1\/2);color:var(--sf-on-surface-variant);text-align:end;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sf-code-line__content{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:pre}.sf--highlight-head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin-bottom:var(--sf-space-1\/2)}.sf--highlight-wrap{padding:0;height:100%}.sf--highlight-wrap>.sf-scrollbar__viewport:not([class*=p-]){padding:var(--sf-space-1)}.sf-highlight__head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin:0;border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-highlight__wrap{min-width:0;height:100%;padding:0}.sf-code-surface{min-width:0;overflow:hidden;margin:0;background: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)}.sf-code-surface>.sf-highlight__head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-code-surface>.sf--highlight-head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}}.sf-code-surface__scroll:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-code-surface__scroll{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-code-surface__scroll{text-align:right}}.sf-code-surface__scroll:where(:dir(rtl)){text-align:right}.sf-code-surface__scroll{max-width:100%;margin:0;padding:var(--sf-space-1);overflow:auto;overscroll-behavior-inline:contain;direction:ltr;text-align:start;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none}.sf-code-surface__scroll code{display:block;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;padding:0;white-space:pre;background:rgba(0,0,0,0)}li .sf-highlight{margin-top:var(--sf-space-1)}li .source{margin-top:var(--sf-space-1)}.theme-dark .hljs,.theme-light .hljs{padding:0 !important}.source+*{margin-top:var(--sf-space-4)}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0;padding-bottom:0;text-align:center;color:var(--sf-highlight-line-number);vertical-align:top}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(ltr)){padding-right:var(--sf-a5)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}@supports not (padding-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(rtl)){padding-left:var(--sf-a5)}.hljs-ln-numbers div{-webkit-border-end:var(--sf-px) solid var(--sf-highlight-line-divider);border-inline-end:var(--sf-px) solid var(--sf-highlight-line-divider);-webkit-padding-end:var(--sf-a5);padding-inline-end:var(--sf-a5)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}}.hljs-ln-code:where(:dir(ltr)){padding-left:var(--sf-b0)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}@supports not (padding-inline-start: initial){[dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}}.hljs-ln-code:where(:dir(rtl)){padding-right:var(--sf-b0)}.hljs-ln-code{padding-top:0;-webkit-padding-start:var(--sf-b0);padding-inline-start:var(--sf-b0);padding-bottom:0}.hljs-ln{border-collapse:collapse}.hljs-ln-n:before{content:attr(data-line-number)}.sf-highlight pre{overflow:auto}.source pre{overflow:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-highlight code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-highlight code{text-align:left}}.sf-highlight code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-highlight code{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-highlight code{text-align:right}}.sf-highlight code:where(:dir(rtl)){text-align:right}.sf-highlight code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}_:-ms-input-placeholder, html:not([dir="rtl"]) .source code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .source code{text-align:left}}.source code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .source code{text-align:right}@supports not (text-align: start){[dir="rtl"] .source code{text-align:right}}.source code:where(:dir(rtl)){text-align:right}.source code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}@media(forced-colors: active){.sf-code-surface{border-color:CanvasText}.hljs-ln-numbers div{border-color:CanvasText}}}
|
|
1
|
+
@layer sf.components{.theme-light,.theme-dark{--sf-highlight-text: var(--sf-on-surface);--sf-highlight-background: transparent;--sf-highlight-keyword: var(--sf-error);--sf-highlight-title: var(--sf-tertiary);--sf-highlight-attribute: var(--sf-primary);--sf-highlight-string: var(--sf-info);--sf-highlight-built-in: var(--sf-warning);--sf-highlight-comment: var(--sf-on-surface-variant);--sf-highlight-tag: var(--sf-success);--sf-highlight-section: var(--sf-primary);--sf-highlight-bullet: var(--sf-warning);--sf-highlight-punctuation: var(--sf-on-surface-variant);--sf-highlight-addition: var(--sf-on-success-container);--sf-highlight-addition-background: var(--sf-success-container);--sf-highlight-deletion: var(--sf-on-error-container);--sf-highlight-deletion-background: var(--sf-error-container);--sf-highlight-line-number: var(--sf-on-surface-variant);--sf-highlight-line-divider: var(--sf-outline-variant)}.theme-light pre code.hljs,.theme-dark pre code.hljs{display:block;overflow-x:auto;padding:var(--sf-space-1)}.theme-light code.hljs,.theme-dark code.hljs{padding:var(--sf-space-1\/3) var(--sf-space-1\/2)}.theme-light .hljs,.theme-dark .hljs{color:var(--sf-highlight-text);background:var(--sf-highlight-background)}.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_,.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_{color:var(--sf-highlight-keyword)}.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_,.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_{color:var(--sf-highlight-title)}.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable,.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable{color:var(--sf-highlight-attribute)}.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string,.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string{color:var(--sf-highlight-string)}.theme-light .hljs-built_in,.theme-light .hljs-symbol,.theme-dark .hljs-built_in,.theme-dark .hljs-symbol{color:var(--sf-highlight-built-in)}.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula,.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula{color:var(--sf-highlight-comment)}.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag,.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag{color:var(--sf-highlight-tag)}.theme-light .hljs-subst,.theme-light .hljs-emphasis,.theme-light .hljs-strong,.theme-dark .hljs-subst,.theme-dark .hljs-emphasis,.theme-dark .hljs-strong{color:var(--sf-highlight-text)}.theme-light .hljs-section,.theme-dark .hljs-section{color:var(--sf-highlight-section);font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-bullet,.theme-dark .hljs-bullet{color:var(--sf-highlight-bullet)}.theme-light .hljs-emphasis,.theme-dark .hljs-emphasis{font-style:italic}.theme-light .hljs-strong,.theme-dark .hljs-strong{font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-addition,.theme-dark .hljs-addition{color:var(--sf-highlight-addition);background-color:var(--sf-highlight-addition-background)}.theme-light .hljs-deletion,.theme-dark .hljs-deletion{color:var(--sf-highlight-deletion);background-color:var(--sf-highlight-deletion-background)}.theme-light .hljs-punctuation,.theme-dark .hljs-punctuation{color:var(--sf-highlight-punctuation)}}@layer sf.components{.sf-code-lines{display:block}.sf-code-line{display:flex}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(ltr)){padding-right:var(--sf-space-1\/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(rtl)){padding-left:var(--sf-space-1\/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-code-line__number{text-align:right}}.sf-code-line__number:where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-code-line__number{text-align:left}}.sf-code-line__number:where(:dir(rtl)){text-align:left}.sf-code-line__number{flex:none;min-width:3ch;min-inline-size:3ch;min-width:3ch;min-width:var(--sf-code-line--number-size, 3ch);min-inline-size:var(--sf-code-line--number-size, 3ch);-webkit-padding-end:var(--sf-space-1\/2);padding-inline-end:var(--sf-space-1\/2);color:var(--sf-on-surface-variant);text-align:end;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sf-code-line__content{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:pre}.sf--highlight-head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin-bottom:var(--sf-space-1\/2)}.sf--highlight-wrap{padding:0;height:100%}.sf--highlight-wrap>.sf-scrollbar__viewport:not([class*=p-]){padding:var(--sf-space-1)}.sf-highlight__head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin:0;border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-highlight__wrap{min-width:0;height:100%;padding:0}.sf-code-surface{min-width:0;overflow:hidden;margin:0;background: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)}.sf-code-surface>.sf-highlight__head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-code-surface>.sf--highlight-head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}}.sf-code-surface__scroll:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-code-surface__scroll{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-code-surface__scroll{text-align:right}}.sf-code-surface__scroll:where(:dir(rtl)){text-align:right}.sf-code-surface__scroll{max-width:100%;margin:0;padding:var(--sf-space-1);overflow:auto;overscroll-behavior-inline:contain;direction:ltr;text-align:start;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none}.sf-code-surface__scroll code{display:block;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;padding:0;white-space:pre;background:rgba(0,0,0,0)}li .sf-highlight{margin-top:var(--sf-space-1)}li .source{margin-top:var(--sf-space-1)}.theme-dark .hljs,.theme-light .hljs{padding:0 !important}.sf-highlight+*{margin-top:var(--sf-space-4)}.source+*{margin-top:var(--sf-space-4)}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0;padding-bottom:0;text-align:center;color:var(--sf-highlight-line-number);vertical-align:top}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(ltr)){padding-right:var(--sf-a5)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}@supports not (padding-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(rtl)){padding-left:var(--sf-a5)}.hljs-ln-numbers div{-webkit-border-end:var(--sf-px) solid var(--sf-highlight-line-divider);border-inline-end:var(--sf-px) solid var(--sf-highlight-line-divider);-webkit-padding-end:var(--sf-a5);padding-inline-end:var(--sf-a5)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}}.hljs-ln-code:where(:dir(ltr)){padding-left:var(--sf-b0)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}@supports not (padding-inline-start: initial){[dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}}.hljs-ln-code:where(:dir(rtl)){padding-right:var(--sf-b0)}.hljs-ln-code{padding-top:0;-webkit-padding-start:var(--sf-b0);padding-inline-start:var(--sf-b0);padding-bottom:0}.hljs-ln{border-collapse:collapse}.hljs-ln-n:before{content:attr(data-line-number)}.sf-highlight pre{overflow:auto}.source pre{overflow:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-highlight code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-highlight code{text-align:left}}.sf-highlight code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-highlight code{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-highlight code{text-align:right}}.sf-highlight code:where(:dir(rtl)){text-align:right}.sf-highlight code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}_:-ms-input-placeholder, html:not([dir="rtl"]) .source code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .source code{text-align:left}}.source code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .source code{text-align:right}@supports not (text-align: start){[dir="rtl"] .source code{text-align:right}}.source code:where(:dir(rtl)){text-align:right}.source code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}@media(forced-colors: active){.sf-code-surface{border-color:CanvasText}.hljs-ln-numbers div{border-color:CanvasText}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";const e=Object.freeze({js:"javascript",ts:"typescript",sh:"bash",shell:"bash",text:"plaintext",html:"xml",yml:"yaml",env:"dotenv",md:"markdown"}),t=Object.freeze(["plaintext","xml","css","scss","javascript","typescript","json","bash","php","python","sql","yaml","markdown","blade","dotenv","1c"]);Object.freeze({}),Object.freeze({});const n=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},s=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]||(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),o=s.listeners,a=s.registered,i=e=>String(e??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const e of[...o])try{e()}catch{}};function l(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function c(e){if(s.chosen)return s.chosen.split("-")[0];const t=l(e),n=t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return i(n).split("-")[0]||"en"}function u(e){if(s.chosen)return s.chosen;const t=l(e);return i(t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function d(e,t,n,s){const o=s??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const s of(e=>{const t=i(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(u(n))){const n=o?a.get(o)?.get(s)?.[t]:void 0;if(void 0!==n)return n;const i=e?.[s]?.[t];if(void 0!==i)return i}return t}const h={current:(e=globalThis.document?.documentElement??null)=>u(e),use(e){const t=null==e?null:i(e);return t===s.chosen||(s.chosen=t,r()),s.chosen},register(e,t,n){const s=String(e??"").toLowerCase(),o=i(t);if(!s||!o)throw new TypeError("a component and a language are required");a.has(s)||a.set(s,new Map);const l=a.get(s);return null===n?l.delete(o):l.set(o,{...l.get(o)??{},...n}),r(),this},registerAll(e,t={}){for(const[n,s]of Object.entries(t))this.register(n,e,s);return this},known(e){const t=String(e??"").toLowerCase();return[...a.get(t)?.keys()??[]]},components:()=>[...a.keys()],onChange:e=>"function"!=typeof e?()=>{}:(o.add(e),()=>o.delete(e)),forget(){return a.clear(),s.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=c,window.SF.pageText=d);const g={en:{copy:"Copy code",copied:"Code copied"},ru:{copy:"Копировать код",copied:"Код скопирован"}},f="pre code",p=".sf-highlight, .source",m=new Set(["auto","none","static"]),w=new WeakSet,b=new WeakMap,y=[],S=new Set(t),E={...e};let _=0;function L(e){const t=String(e||"").trim().toLowerCase();return E[t]||t}function N(e){const t=[...e.classList].find(e=>/^(?:language|lang)-/.test(e));return String(e.dataset.lang||t?.replace(/^(?:language|lang)-/,"")||"").trim().toLowerCase()}function x(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}const C=new Set(["as","async","await","break","case","catch","class","const","continue","default","delete","do","else","export","extends","false","finally","for","from","function","if","import","in","instanceof","let","new","null","of","return","static","super","switch","this","throw","true","try","typeof","undefined","var","void","while","yield","echo","public","private","protected","fn","def","pass","elif","fi","then","select","insert","update","where","and","or","not","into","values"]);function v(e){return/^\/\//.test(e)||/^\/\*/.test(e)||/^#(?![0-9a-f]{3,8}\b)/i.test(e)?"comment":/^['"`]/.test(e)?"string":/^-?(?:\d+\.?\d*|\.\d+)$/.test(e)?"number":C.has(e.toLowerCase())?"keyword":""}function j(e,t){if("plaintext"===t)return x(e);const n=/(\/\*[\s\S]*?\*\/|\/\/[^\n]*|#[^\n]*|'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"|`(?:\\.|[^`\\])*`|-?(?:\d+\.?\d*|\.\d+)|[A-Za-z_$][\w$-]*)/g;let s="",o=0;for(const t of String(e).matchAll(n)){s+=x(e.slice(o,t.index));const n=t[0],a=v(n);s+=a?`<span class="hljs-${a}">${x(n)}</span>`:x(n),o=t.index+n.length}return s+x(e.slice(o))}const A={componentName:"hljs",addPlugin(e){y.push(e)},getLanguage:e=>S.has(L(e)),registerAliases(e,{languageName:t}){e.forEach(e=>{E[e]=t})},registerLanguage(e){S.add(L(e))},highlight(e,{language:t="plaintext"}={}){const n=L(t);return{language:n,relevance:0,value:j(e,n)}},highlightElement(e){const t=L(N(e)||"plaintext");y.forEach(t=>t["before:highlightElement"]?.({el:e}));const n=this.highlight(e.textContent,{language:this.getLanguage(t)?t:"plaintext"});return e.innerHTML=n.value,e.classList.add("hljs"),e.dataset.highlighted="yes",y.forEach(t=>t["after:highlightElement"]?.({el:e,result:n})),n}};function D(e,t,n){let s=n.querySelector(":scope > .sf-highlight__copy");if(s)return s;const o=function(e,t){return{label:e.dataset.copyLabel||t?.dataset.copyLabel||d(g,"copy",e,"sf-highlight"),success:e.dataset.copySuccess||t?.dataset.copySuccess||d(g,"copied",e,"sf-highlight")}}(e,t),a=function(e){if(e.id)return e.id;do{_+=1,e.id=`sf-highlight-code-${_}`}while(e.ownerDocument.getElementById(e.id)!==e);return e.id}(e);let i=n.querySelector(":scope > .sf-highlight__status");i||(i=e.ownerDocument.createElement("span"),i.id=`${a}-copy-status`,i.className="sf-highlight__status sr-only",n.append(i)),s=e.ownerDocument.createElement("button"),s.type="button",s.className="sf-highlight__copy sf-clipboard sf-icon-button sf-icon-button--size-1/2 sf-icon-button--icon sf-icon-button--link sf-icon-button--on-surface flex items-cross-center",s.dataset.target=`#${a}`,s.dataset.status=`#${i.id}`,s.dataset.success=o.success,s.setAttribute("aria-label",o.label);const r=e.ownerDocument.createElement("span");return r.className="sf-icon",r.textContent="content_copy",r.setAttribute("aria-hidden","true"),s.append(r),n.append(s),s}function k(e){let t=e.closest(p);const n=function(e,t){const n=e.dataset.chrome||t?.dataset.chrome||t?.dataset.sfHighlightChrome||"auto";return m.has(n)?n:"auto"}(e,t),s=e.closest("pre");if(!s)return{root:null,mode:n};if(t?t.classList.add("sf-highlight"):(t=e.ownerDocument.createElement("div"),t.className="sf-highlight
|
|
1
|
+
(()=>{"use strict";const e=Object.freeze({js:"javascript",ts:"typescript",sh:"bash",shell:"bash",text:"plaintext",html:"xml",yml:"yaml",env:"dotenv",md:"markdown"}),t=Object.freeze(["plaintext","xml","css","scss","javascript","typescript","json","bash","php","python","sql","yaml","markdown","blade","dotenv","1c"]);Object.freeze({}),Object.freeze({});const n=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},s=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]||(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),o=s.listeners,a=s.registered,i=e=>String(e??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const e of[...o])try{e()}catch{}};function l(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function c(e){if(s.chosen)return s.chosen.split("-")[0];const t=l(e),n=t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return i(n).split("-")[0]||"en"}function u(e){if(s.chosen)return s.chosen;const t=l(e);return i(t?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function d(e,t,n,s){const o=s??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const s of(e=>{const t=i(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(u(n))){const n=o?a.get(o)?.get(s)?.[t]:void 0;if(void 0!==n)return n;const i=e?.[s]?.[t];if(void 0!==i)return i}return t}const h={current:(e=globalThis.document?.documentElement??null)=>u(e),use(e){const t=null==e?null:i(e);return t===s.chosen||(s.chosen=t,r()),s.chosen},register(e,t,n){const s=String(e??"").toLowerCase(),o=i(t);if(!s||!o)throw new TypeError("a component and a language are required");a.has(s)||a.set(s,new Map);const l=a.get(s);return null===n?l.delete(o):l.set(o,{...l.get(o)??{},...n}),r(),this},registerAll(e,t={}){for(const[n,s]of Object.entries(t))this.register(n,e,s);return this},known(e){const t=String(e??"").toLowerCase();return[...a.get(t)?.keys()??[]]},components:()=>[...a.keys()],onChange:e=>"function"!=typeof e?()=>{}:(o.add(e),()=>o.delete(e)),forget(){return a.clear(),s.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=h,window.SF.pageLanguage=c,window.SF.pageText=d);const g={en:{copy:"Copy code",copied:"Code copied"},ru:{copy:"Копировать код",copied:"Код скопирован"}},f="pre code",p=".sf-highlight, .source",m=new Set(["auto","none","static"]),w=new WeakSet,b=new WeakMap,y=[],S=new Set(t),E={...e};let _=0;function L(e){const t=String(e||"").trim().toLowerCase();return E[t]||t}function N(e){const t=[...e.classList].find(e=>/^(?:language|lang)-/.test(e));return String(e.dataset.lang||t?.replace(/^(?:language|lang)-/,"")||"").trim().toLowerCase()}function x(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}const C=new Set(["as","async","await","break","case","catch","class","const","continue","default","delete","do","else","export","extends","false","finally","for","from","function","if","import","in","instanceof","let","new","null","of","return","static","super","switch","this","throw","true","try","typeof","undefined","var","void","while","yield","echo","public","private","protected","fn","def","pass","elif","fi","then","select","insert","update","where","and","or","not","into","values"]);function v(e){return/^\/\//.test(e)||/^\/\*/.test(e)||/^#(?![0-9a-f]{3,8}\b)/i.test(e)?"comment":/^['"`]/.test(e)?"string":/^-?(?:\d+\.?\d*|\.\d+)$/.test(e)?"number":C.has(e.toLowerCase())?"keyword":""}function j(e,t){if("plaintext"===t)return x(e);const n=/(\/\*[\s\S]*?\*\/|\/\/[^\n]*|#[^\n]*|'(?:\\.|[^'\\])*'|"(?:\\.|[^"\\])*"|`(?:\\.|[^`\\])*`|-?(?:\d+\.?\d*|\.\d+)|[A-Za-z_$][\w$-]*)/g;let s="",o=0;for(const t of String(e).matchAll(n)){s+=x(e.slice(o,t.index));const n=t[0],a=v(n);s+=a?`<span class="hljs-${a}">${x(n)}</span>`:x(n),o=t.index+n.length}return s+x(e.slice(o))}const A={componentName:"hljs",addPlugin(e){y.push(e)},getLanguage:e=>S.has(L(e)),registerAliases(e,{languageName:t}){e.forEach(e=>{E[e]=t})},registerLanguage(e){S.add(L(e))},highlight(e,{language:t="plaintext"}={}){const n=L(t);return{language:n,relevance:0,value:j(e,n)}},highlightElement(e){const t=L(N(e)||"plaintext");y.forEach(t=>t["before:highlightElement"]?.({el:e}));const n=this.highlight(e.textContent,{language:this.getLanguage(t)?t:"plaintext"});return e.innerHTML=n.value,e.classList.add("hljs"),e.dataset.highlighted="yes",y.forEach(t=>t["after:highlightElement"]?.({el:e,result:n})),n}};function D(e,t,n){let s=n.querySelector(":scope > .sf-highlight__copy");if(s)return s;const o=function(e,t){return{label:e.dataset.copyLabel||t?.dataset.copyLabel||d(g,"copy",e,"sf-highlight"),success:e.dataset.copySuccess||t?.dataset.copySuccess||d(g,"copied",e,"sf-highlight")}}(e,t),a=function(e){if(e.id)return e.id;do{_+=1,e.id=`sf-highlight-code-${_}`}while(e.ownerDocument.getElementById(e.id)!==e);return e.id}(e);let i=n.querySelector(":scope > .sf-highlight__status");i||(i=e.ownerDocument.createElement("span"),i.id=`${a}-copy-status`,i.className="sf-highlight__status sr-only",n.append(i)),s=e.ownerDocument.createElement("button"),s.type="button",s.className="sf-highlight__copy sf-clipboard sf-icon-button sf-icon-button--size-1/2 sf-icon-button--icon sf-icon-button--link sf-icon-button--on-surface flex items-cross-center",s.dataset.target=`#${a}`,s.dataset.status=`#${i.id}`,s.dataset.success=o.success,s.setAttribute("aria-label",o.label);const r=e.ownerDocument.createElement("span");return r.className="sf-icon",r.textContent="content_copy",r.setAttribute("aria-hidden","true"),s.append(r),n.append(s),s}function k(e){let t=e.closest(p);const n=function(e,t){const n=e.dataset.chrome||t?.dataset.chrome||t?.dataset.sfHighlightChrome||"auto";return m.has(n)?n:"auto"}(e,t),s=e.closest("pre");if(!s)return{root:null,mode:n};if(t?t.classList.add("sf-highlight"):(t=e.ownerDocument.createElement("div"),t.className="sf-highlight",s.replaceWith(t),t.append(s)),t.classList.add("sf-code-surface"),s.classList.add("sf-code-surface__scroll"),"static"!==n){let n=s.closest(".sf-highlight__wrap, .sf--highlight-wrap");n&&n.closest(p)===t||(n=e.ownerDocument.createElement("div"),n.className="sf-highlight__wrap sf--highlight-wrap sf-scrollbar",n.dataset.sfScrollbar="overlay",n.dataset.sfScrollbarAxis="horizontal",s.replaceWith(n),n.append(s)),s.classList.add("sf-scrollbar__viewport")}let o=null;return"auto"===n&&(o=t.querySelector(":scope > .sf-highlight__head, :scope > .sf--highlight-head"),o||(o=e.ownerDocument.createElement("div"),o.className="sf-highlight__head sf--highlight-head flex content-main-between items-center border-outline-variant bg-surface-overlay",t.prepend(o))),{head:o,mode:n,root:t}}function F(e=document){const t=[];return e instanceof Element&&e.matches(f)&&t.push(e),e.querySelectorAll?.(f).forEach(e=>t.push(e)),t}async function T(e){if(!(e instanceof HTMLElement))return!1;if(e.dataset.highlighted||w.has(e))return!0;e.textContent=e.textContent.trim(),b.set(e,e.textContent);const t=N(e),n=L(t||"plaintext");return e.dataset.requestedLang=t,e.dataset.highlightState=A.getLanguage(n)?"ready":"unsupported",A.getLanguage(n)||e.classList.add("language-plaintext"),A.highlightElement(e),e.closest(p)?.setAttribute("data-highlight-state",e.dataset.highlightState),w.add(e),!0}async function q(e=document){const t=F(e);for(const e of t)await T(e);return t}if(function(e){function t(e){if(!e||e.querySelector(":scope > .sf-code-lines"))return;const t=e.innerHTML.split(/\r?\n/),n=Number.parseInt(e.dataset.start??e.closest?.("[data-start]")?.dataset.start??"1",10),s=Number.isFinite(n)?n:1,o=e.ownerDocument.createElement("span");o.className="sf-code-lines",o.setAttribute("role","presentation"),t.forEach((t,n)=>{const a=e.ownerDocument.createElement("span");a.className="sf-code-line";const i=e.ownerDocument.createElement("span");i.className="sf-code-line__number",i.textContent=String(s+n),i.setAttribute("aria-hidden","true");const r=e.ownerDocument.createElement("span");r.className="sf-code-line__content",r.innerHTML=t||" ",a.append(i,r),o.append(a)}),e.replaceChildren(o)}e.lineNumbersBlock=t,e.lineNumbersBlockSync=t,e.initLineNumbersOnLoad=()=>{}}(A),"undefined"!=typeof window&&(window.hljs=A),A.addPlugin({"before:highlightElement":({el:e})=>k(e),"after:highlightElement":({el:e,result:t})=>{var n;!function(e,t){const{head:n,mode:s,root:o}=k(e);if(!o)return;if(o.dataset.highlightState=e.dataset.highlightState,o.classList.add("init"),"auto"!==s||!n)return;let a=n.querySelector(":scope > .sf-highlight__language");a||(a=e.ownerDocument.createElement("span"),a.className="sf-highlight__language sf-text-1/2 weight-5",n.prepend(a)),a.textContent=e.dataset.requestedLang||t.language||"text",D(e,o,n)}(e,t),((n=e).hasAttribute("data-lines")?"false"!==n.dataset.lines:"true"===n.dataset.lineNumbers)&&A.lineNumbersBlock(e)}}),"undefined"!=typeof document){q();new MutationObserver(e=>e.forEach(e=>e.addedNodes.forEach(e=>{e instanceof Element&&q(e)}))).observe(document.documentElement,{childList:!0,subtree:!0})}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Highlight={highlight:T,refresh:async function(e,t){const n=F(e instanceof Element?e:document);for(const e of n)e.textContent="string"==typeof t?t:b.get(e)||e.textContent,delete e.dataset.highlighted,w.delete(e),await T(e);return n}}),n("hljs",A)})();
|