html{color-scheme:light dark}
.theme-light{color-scheme:light}
.theme-dark{color-scheme:dark}
body{min-height:100vh;background:var(--sf-surface-0);color:var(--sf-on-surface)}
.docara-skip-link{position:fixed;inset-block-start:var(--sf-space-1);inset-inline-start:var(--sf-space-1);z-index:100;transform:translateY(-200%);color:var(--sf-on-surface);text-decoration:none}
.docara-skip-link:focus{transform:translateY(0)}
.docara-header{min-height:3.5rem}
.docara-mobile-navigation-trigger,.docara-outline-mobile{display:none}
.docara-header-row>[data-docara-section="docara.header"]{min-inline-size:0;align-items:center;flex:1 1 auto}
.docara-language-menu>summary{list-style:none}
.docara-language-menu>summary::-webkit-details-marker{display:none}
.docara-language-menu__popup{position:absolute;inset-block-start:calc(100% + var(--sf-space-1\/3));inset-inline-end:0;z-index:10;min-inline-size:10rem;border:1px solid var(--sf-outline-variant);border-radius:var(--sf-radius-2,var(--sf-radius-default));background:var(--sf-surface-0);box-shadow:var(--sf-ui-shadow-2)}
.docara-language-menu:not([open])>.docara-language-menu__popup{display:none}
.docara-language-menu__option:hover{background:var(--sf-surface-container-hover)}
.docara-language-menu__option:focus-visible{background:var(--sf-surface-container-active);outline:var(--sf-focus-outline-width) solid var(--sf-focus);outline-offset:calc(var(--sf-focus-outline-width) * -1)}
.docara-docs-layout{display:grid;grid-template-columns:minmax(var(--sf-f4),var(--sf-f8)) minmax(0,1fr)}
.docara-docs-layout[data-outline="true"]{grid-template-columns:minmax(var(--sf-f4),var(--sf-f8)) minmax(0,1fr) var(--sf-f2)}
.docara-docs-layout[data-sidebar="false"]{grid-template-columns:minmax(0,1fr)}
.docara-docs-layout[data-sidebar="false"][data-outline="true"]{grid-template-columns:minmax(0,1fr) var(--sf-f2)}
.docara-sidebar{align-self:stretch;border-inline-end:1px solid var(--sf-outline-variant)}
.docara-sidebar-scroll{position:sticky;inset-block-start:3.5rem;block-size:calc(100vh - 3.5rem)}
.docara-sidebar-scroll>.sf-scrollbar__viewport>[data-docara-section]{padding-block:var(--sf-space-1);padding-inline-end:var(--sf-space-1);padding-inline-start:0}
.docara-outline-rail{position:relative;align-self:stretch;box-shadow:inset var(--sf-px) var(--sf-0) var(--sf-0) var(--sf-outline-variant)}
.docara-outline-scroll{position:sticky;inset-block-start:4.5rem;block-size:calc(100vh - 4.5rem);direction:ltr}
.docara-outline-scroll>.sf-scrollbar__viewport>[data-docara-section]{padding:var(--sf-space-2);padding-inline-start:calc(var(--sf-space-2) + var(--sf-a2))}
html[dir="ltr"] .docara-outline-scroll>.sf-scrollbar__viewport>[data-docara-section]>*{direction:ltr}
html[dir="rtl"] .docara-outline-scroll>.sf-scrollbar__viewport>[data-docara-section]>*{direction:rtl}
.docara-content{color:var(--sf-on-surface);scroll-margin-block-start:4.5rem}
[data-docara-region="main"]{container-type:inline-size}
.sf-breadcrumbs{overscroll-behavior-inline:contain}
.sf-breadcrumbs-item[hidden]{display:none}
.docara-document-link{overflow-wrap:anywhere}
.docara-previous-next{margin-block-start:var(--sf-space-4)}
.docara-document-link--next{text-align:end}
.docara-prose h1[id],.docara-prose h2[id],.docara-prose h3[id],.docara-prose h4[id],.docara-prose h5[id],.docara-prose h6[id]{scroll-margin-block-start:4.5rem}
.docara-prose p,.docara-prose li{max-width:var(--sf-text--measure-wide)}
[data-docara-table-scroll]{border:1px solid var(--sf-outline-variant);border-radius:var(--sf-radius-2,var(--sf-radius-default));background:var(--sf-surface-0)}
[data-docara-table-scroll]>.table{inline-size:100%;margin:0;border:0;border-radius:0;border-collapse:separate;border-spacing:0}
[data-docara-table-scroll]>.table>thead{background:var(--sf-surface-container)}
[data-docara-table-scroll]>.table>thead>tr>th,[data-docara-table-scroll]>.table>tbody>tr>td{padding-block:var(--sf-space-1\/2);padding-inline:var(--sf-space-1);border:0;border-inline-end:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant);text-align:start;vertical-align:top}
[data-docara-table-scroll]>.table>thead>tr>th{padding-block:var(--sf-space-1);background:var(--sf-surface-container);color:var(--sf-on-surface);font-weight:var(--sf-font-weight-bold)}
[data-docara-table-scroll]>.table>*>tr>*:last-child{border-inline-end-width:0}
[data-docara-table-scroll]>.table>tbody>tr:last-child>*{border-block-end-width:0}
.docara-mobile-sheet{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;inline-size:min(90vw,22rem);block-size:100dvh;max-block-size:100dvh;margin:0;border:0;border-inline-end:1px solid var(--sf-outline-variant);border-radius:0;overflow:hidden;color:var(--sf-on-surface);background:var(--sf-surface-0)}
.docara-mobile-sheet:not([open]){display:none}
.docara-mobile-sheet::backdrop{background:color-mix(in srgb,var(--sf-on-surface) 38%,transparent);backdrop-filter:blur(2px)}
.docara-mobile-sheet-header{min-block-size:3.5rem}
.docara-mobile-sheet-content{max-block-size:calc(100dvh - 3.5rem);overflow:auto;overscroll-behavior:contain}
.docara-outline-dialog{inset-inline-start:auto;inset-inline-end:0;border-inline-start:1px solid var(--sf-outline-variant);border-inline-end:0}
.docara-code-block.bg-surface-container{background:var(--sf-surface-0)}
.docara-code-block>.sf--highlight-head{margin:0;border-bottom:1px solid var(--sf-outline-variant)}
.docara-code-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--sf-ui-1--control-height);align-items:center;gap:var(--sf-space-1);min-block-size:calc(var(--sf-ui-1--control-height) + 2 * var(--sf-space-1\/3));padding:var(--sf-space-1\/3) var(--sf-space-1);background:var(--sf-surface-0)}
.docara-code-header>span{display:inline-flex;inline-size:max-content;max-inline-size:100%;min-block-size:var(--sf-ui-1--control-height);align-items:center;padding-inline:var(--sf-space-1);color:var(--sf-on-surface);font-size:var(--sf-text-size-1);line-height:var(--sf-text-height-1)}
.docara-code-header>button{justify-self:end;margin:0;color:var(--sf-on-surface-variant)}
.docara-code-header>button .sf-button-text-container{display:none}
.docara-code-header>button:hover,.docara-code-header>button:focus-visible{color:var(--sf-on-surface)}
.docara-code-scroll{max-width:100%;background:var(--sf-surface-0);border:0;border-radius:0;box-shadow:none;overscroll-behavior-inline:contain}
.docara-code-scroll code{display:block;min-inline-size:max-content;white-space:pre;background:transparent}
.docara-code-scroll .hljs-ln{inline-size:max-content;margin:0;border:0;border-spacing:0;border-collapse:collapse;background:transparent}
.docara-code-scroll .hljs-ln td{margin:0;padding:0;border:0;background:transparent}
.docara-code-scroll .hljs-ln-numbers{display:none}
.docara-code-scroll .hljs-ln-code{padding-inline:0}
sf-alert,sf-button{display:block}
.sf-alert.sf-alert--success>sf-icon>.sf-icon{--sf-icon--color:var(--sf-success)}
.docara-prose sf-alert,.docara-prose sf-button{margin-block:var(--sf-space-2)}
.docara-landing{display:block;min-height:auto;container-type:inline-size}
.docara-landing [data-docara-block="hero"]:not([data-docara-surface]){background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--sf-primary-container) 72%,transparent),transparent 46%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--sf-tertiary-container) 58%,transparent),transparent 38%),color-mix(in srgb,var(--sf-surface-container) 76%,transparent)}
.docara-landing .docara-content{width:100%}
.docara-landing .docara-content>[data-docara-section][data-docara-region-owner="main"]{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0}
.docara-landing .docara-content>[data-docara-width="full"],.docara-landing .docara-content>[data-docara-section][data-docara-region-owner="main"]>[data-docara-width="full"],[data-docara-region="main"]>.docara-prose>[data-docara-width="full"],[data-docara-region="main"]>.docara-prose>[data-docara-section][data-docara-region-owner="main"]>[data-docara-width="full"]{box-sizing:border-box;width:100cqw;margin-inline:calc(50% - 50cqw)}
.docara-landing [data-docara-container]{box-sizing:border-box;width:100%}
.docara-surface>[data-docara-surface-background],.docara-surface>[data-docara-surface-overlay]{position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none}
.docara-surface>[data-docara-container]{box-sizing:border-box;max-inline-size:100%}
.docara-surface>[data-docara-surface-background]{z-index:-2}
.docara-surface>[data-docara-surface-background][data-fit="cover"]{object-fit:cover}
.docara-surface>[data-docara-surface-background][data-fit="contain"]{object-fit:contain}
.docara-surface>[data-docara-surface-background][data-fit="auto"]{object-fit:none}
.docara-surface>[data-docara-surface-background][data-x="left"]{object-position:left center}
.docara-surface>[data-docara-surface-background][data-x="center"]{object-position:center center}
.docara-surface>[data-docara-surface-background][data-x="right"]{object-position:right center}
.docara-surface>[data-docara-surface-background][data-y="top"]{object-position:var(--docara-surface-x,center) top}
.docara-surface>[data-docara-surface-background][data-y="center"]{object-position:var(--docara-surface-x,center) center}
.docara-surface>[data-docara-surface-background][data-y="bottom"]{object-position:var(--docara-surface-x,center) bottom}
.docara-surface>[data-docara-surface-background][data-x="left"]{--docara-surface-x:left}
.docara-surface>[data-docara-surface-background][data-x="center"]{--docara-surface-x:center}
.docara-surface>[data-docara-surface-background][data-x="right"]{--docara-surface-x:right}
.docara-surface>[data-docara-surface-overlay]{z-index:-1;background:transparent}
.docara-surface>[data-docara-surface-overlay][data-overlay="light"][data-strength="soft"]{background:color-mix(in srgb,var(--sf-surface-0) 30%,transparent)}
.docara-surface>[data-docara-surface-overlay][data-overlay="light"][data-strength="medium"]{background:color-mix(in srgb,var(--sf-surface-0) 55%,transparent)}
.docara-surface>[data-docara-surface-overlay][data-overlay="light"][data-strength="strong"]{background:color-mix(in srgb,var(--sf-surface-0) 78%,transparent)}
.docara-surface>[data-docara-surface-overlay][data-overlay="dark"][data-strength="soft"]{background:color-mix(in srgb,var(--sf-on-surface) 30%,transparent)}
.docara-surface>[data-docara-surface-overlay][data-overlay="dark"][data-strength="medium"]{background:color-mix(in srgb,var(--sf-on-surface) 55%,transparent)}
.docara-surface>[data-docara-surface-overlay][data-overlay="dark"][data-strength="strong"]{background:color-mix(in srgb,var(--sf-on-surface) 78%,transparent)}
.docara-landing .docara-content>[data-docara-section][data-docara-region-owner="main"]>h1:first-child,.docara-landing .docara-content>[data-docara-section][data-docara-region-owner="main"]>p:first-of-type{max-width:65ch}
[data-docara-media]{display:block;inline-size:100%;block-size:auto}
[data-docara-media="hero"],[data-docara-media="promo"]{aspect-ratio:16/9;object-fit:contain}
[data-docara-media="showcase"]{aspect-ratio:16/9;object-fit:contain}
[data-docara-media="feature-icon"]{inline-size:var(--sf-e0);block-size:var(--sf-e0);object-fit:contain}
[data-docara-block="features"]>li>.docara-icon{align-self:flex-start}
.docara-landing [data-docara-block="columns"]>div>h3:first-child{font-size:var(--sf-heading-4--size);line-height:var(--sf-heading-4--height)}
[data-docara-media="card"]{aspect-ratio:4/3;object-fit:cover;border-radius:var(--sf-radius-2)}
[data-docara-media="logo"]{max-inline-size:10rem;max-block-size:3rem;object-fit:contain}
.docara-example-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.docara-example-grid .sf-button{margin-block-start:auto;align-self:flex-start}
.docara-example-preview{overflow:hidden;margin-block-end:var(--sf-space-1);border:1px solid var(--sf-outline-variant);border-radius:var(--sf-radius-2,var(--sf-radius-default));background:var(--sf-surface-0)}
.docara-example-preview__header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--sf-ui-1--control-height);align-items:center;gap:var(--sf-space-1);min-block-size:calc(var(--sf-ui-1--control-height) + 2 * var(--sf-space-1\/3));padding:var(--sf-space-1\/3) var(--sf-space-1);border-block-end:1px solid var(--sf-outline-variant);background:var(--sf-surface-0)}
.docara-example-preview__tabs{display:inline-flex;inline-size:max-content;max-inline-size:100%;align-items:center;gap:0}
.docara-example-preview__tab{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--sf-ui-1--control-height);margin:0;padding-inline:var(--sf-space-1);border:0;border-radius:0;background:transparent;color:var(--sf-on-surface-variant);font-size:var(--sf-text-size-1);line-height:var(--sf-text-height-1);cursor:pointer}
.docara-example-preview__tab[aria-selected="true"]{color:var(--sf-on-surface)}
.docara-example-preview__tab:focus-visible{outline:2px solid var(--sf-primary);outline-offset:-2px}
.docara-example-preview__indicator{position:absolute;inset-block-end:-1px;inset-inline-start:0;z-index:1;inline-size:0;block-size:2px;background:var(--sf-outline);pointer-events:none;transition:inset-inline-start 180ms ease,inline-size 180ms ease}
.docara-example-preview__copy{justify-self:end;margin:0;color:var(--sf-on-surface-variant)}
.docara-example-preview__copy .sf-icon{--sf-icon--color:var(--sf-on-surface-variant)}
.docara-example-preview__copy:hover,.docara-example-preview__copy:focus-visible{color:var(--sf-on-surface)}
.docara-example-preview__copy:hover .sf-icon,.docara-example-preview__copy:focus-visible .sf-icon{--sf-icon--color:var(--sf-on-surface)}
.docara-example-preview .docara-example-preview__copy:focus,.docara-example-preview .docara-example-preview__copy:focus-visible{outline:0;box-shadow:none}
.docara-example-preview__copy[data-copy-state="copied"],.docara-example-preview__copy[data-copy-state="copied"] .sf-icon{color:var(--sf-on-surface);--sf-icon--color:var(--sf-on-surface)}
.docara-example-preview__panels{background:var(--sf-surface-0)}
.docara-example-preview__panel{display:none;min-inline-size:0;padding:var(--sf-space-2)}
.docara-example-preview__panel>:last-child{margin-block-end:0}
.docara-example-preview__panel--source{padding:0}
.docara-example-preview__panel.is-active{display:block}
.docara-example-preview iframe{display:block;inline-size:100%;border:0;background:var(--sf-surface-0)}
.docara-example-preview iframe[data-docara-example-frame]{block-size:12rem;transition:block-size 180ms ease}
.docara-example-preview iframe:not([data-docara-example-frame]){block-size:32rem}
.docara-example-preview[data-preview-size="compact"] iframe:not([data-docara-example-frame]){block-size:22rem}
.docara-example-preview[data-preview-size="tall"] iframe:not([data-docara-example-frame]){block-size:44rem}
.docara-example-source{background:var(--sf-surface-container-low);color:var(--sf-on-surface);font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;overscroll-behavior-inline:contain}
[data-docara-example-panel] [data-docara-code-block]{block-size:auto;margin:0;border:0;border-radius:0;background:var(--sf-surface-0)}
[data-docara-example-panel] [data-docara-code-block]>.sf--highlight-head{display:none}
[data-docara-example-panel] .docara-code-scroll{box-sizing:border-box;block-size:auto;margin:0;background:var(--sf-surface-0)}
[data-docara-example-panel] .docara-code-scroll code{background:transparent}
[data-docara-example-panel] .docara-code-scroll .hljs-ln{inline-size:max-content;margin:0;border:0;border-spacing:0;border-collapse:collapse;background:transparent}
[data-docara-example-panel] .docara-code-scroll .hljs-ln td{margin:0;padding:0;border:0;background:transparent}
[data-docara-example-panel] .docara-code-scroll .hljs-ln-numbers{display:none}
[data-docara-example-panel] .docara-code-scroll .hljs-ln-code{padding-inline:0}
[data-docara-example-copy][hidden]{display:none}
[data-docara-tree-toggle]+ul[hidden]{display:none}
.docara-step{position:relative;grid-template-columns:2.5rem minmax(0,1fr);column-gap:var(--sf-space-1);min-block-size:2.5rem;padding-block-end:var(--sf-space-2)}
.docara-step:last-child{padding-block-end:0}
.docara-step:not(:last-child)::after{content:"";position:absolute;inset-block-start:2.5rem;inset-block-end:0;inset-inline-start:calc(1.25rem - .5px);inline-size:1px;background:var(--sf-outline-variant)}
.docara-step-marker{position:relative;z-index:1;box-sizing:border-box;inline-size:2.5rem;block-size:2.5rem;align-self:start;border:1px solid var(--sf-outline);border-radius:50%;background:var(--sf-surface-0);color:var(--sf-on-surface);font-weight:700}
.docara-step[data-step-state="complete"] .docara-step-marker{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-on-primary)}
.docara-step[data-step-state="current"] .docara-step-marker{border:2px solid var(--sf-primary);background:var(--sf-primary-container);color:var(--sf-on-primary-container)}
.docara-step-content{min-inline-size:0;padding-block-start:var(--sf-space-1\/3)}
.docara-step-content>p{margin:0;color:var(--sf-on-surface-variant)}
.docara-step-content strong{color:var(--sf-on-surface);font-weight:700}
.docara-skip-link:focus-visible,.docara-document-link:focus-visible,[data-docara-component-details-summary]:focus-visible{outline:3px solid var(--sf-primary,Highlight);outline-offset:3px}
@media(max-width:1152px){
  .docara-header-navigation{display:none}
  .docara-mobile-navigation-trigger--primary{display:inline-flex}
  .docara-docs-layout[data-outline="true"]{grid-template-columns:minmax(var(--sf-f4),var(--sf-f8)) minmax(0,1fr)}
  .docara-docs-layout[data-sidebar="false"],.docara-docs-layout[data-sidebar="false"][data-outline="true"]{grid-template-columns:minmax(0,1fr)}
  .docara-outline-rail{display:none}
  .docara-outline-mobile{display:block}
}
@media(max-width:800px){
  .docara-header{min-height:auto}
  .docara-mobile-navigation-trigger{display:inline-flex}
  .docara-docs-layout,.docara-docs-layout[data-outline="true"]{grid-template-columns:minmax(0,1fr)}
  .docara-sidebar{display:none}
  .docara-reading-column{padding:var(--sf-space-2)}
  .docara-content{scroll-margin-block-start:4rem}
  .docara-prose h1[id],.docara-prose h2[id],.docara-prose h3[id],.docara-prose h4[id],.docara-prose h5[id],.docara-prose h6[id]{scroll-margin-block-start:4rem}
  .docara-landing [data-docara-container]{padding:var(--sf-space-2)}
}
@media(max-width:600px){
  .docara-previous-next{flex-direction:column}
  .docara-document-link--next{order:-1;text-align:start}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.docara-example-preview__indicator{transition:none!important}}

.docara-search-modal-surface{--sf-modal-surface-bg:transparent;--sf-modal-surface-border-width:0;--sf-modal-surface-shadow:none;--sf-modal-surface--padding-inline-start:0;--sf-modal-surface--padding-top:0;--sf-modal-surface--padding-inline-end:0;--sf-modal-surface--padding-bottom:0}
.docara-search-trigger{--sf-button--border-color:var(--sf-outline-variant)}
.docara-search-modal-body,.docara-search-modal-content{overflow:visible}
.docara-search-query{box-shadow:var(--sf-ui-shadow-2)}
.docara-search-results-surface{box-shadow:var(--sf-ui-shadow-3)}
.docara-search-results{list-style:none;max-block-size:min(56vh,34rem);overflow:auto}
.docara-search-result-item:not(:last-child){border-bottom:var(--sf-a1) solid var(--sf-outline-variant)}
.docara-search-result{overflow-wrap:anywhere}
.docara-search-result:hover{background:var(--sf-surface-container-hover)}
.docara-search-result:focus-visible{background:var(--sf-surface-container-active);outline:var(--sf-focus-outline-width) solid var(--sf-focus);outline-offset:calc(var(--sf-focus-outline-width) * -1)}
.docara-search-result-context,.docara-search-result-summary{font-size:var(--sf-text-small--size);line-height:var(--sf-text-small--height)}
.docara-search-mark{background:var(--sf-mark);color:inherit;border-radius:var(--sf-radius-1\/2);padding-inline:var(--sf-a2)}
.docara-search-help kbd{color:var(--sf-on-surface);background:var(--sf-surface-container);border-radius:var(--sf-radius-1)}
.docara-search-status[data-state="error"]{color:var(--sf-error)}
.sf-button.sf-button--outline{border-inline-start-width:var(--sf-button--border-inline-start-width,1px);border-inline-end-width:var(--sf-button--border-inline-end-width,1px)}
@media(max-width:800px){.docara-search-trigger>.sf-button-text-container,.docara-search-shortcut{display:none}.docara-search-help{display:none}.docara-search-results{max-block-size:min(64vh,34rem)}}
/* Product-owned composition around the Framework icon primitive. */
.docara-icon {
  --docara-icon-color: var(--sf-on-surface);
  --docara-icon-main: var(--sf-on-surface);
  --docara-icon-on-main: var(--sf-surface-0);
  --docara-icon-container: var(--sf-surface-container);
  --docara-icon-on-container: var(--sf-on-surface);
  place-items: center;
  flex: 0 0 auto;
  color: var(--docara-icon-color);
  vertical-align: middle;
}

.docara-icon > .sf-icon { --sf-icon--color: currentColor; }
.docara-icon[data-docara-icon-scheme="primary"] { --docara-icon-color: var(--sf-primary); --docara-icon-main: var(--sf-primary); --docara-icon-on-main: var(--sf-on-primary); --docara-icon-container: var(--sf-primary-container); --docara-icon-on-container: var(--sf-on-primary-container); }
.docara-icon[data-docara-icon-scheme="secondary"] { --docara-icon-color: var(--sf-secondary); --docara-icon-main: var(--sf-secondary); --docara-icon-on-main: var(--sf-on-secondary); --docara-icon-container: var(--sf-secondary-container); --docara-icon-on-container: var(--sf-on-secondary-container); }
.docara-icon[data-docara-icon-scheme="tertiary"] { --docara-icon-color: var(--sf-tertiary); --docara-icon-main: var(--sf-tertiary); --docara-icon-on-main: var(--sf-on-tertiary); --docara-icon-container: var(--sf-tertiary-container); --docara-icon-on-container: var(--sf-on-tertiary-container); }
.docara-icon[data-docara-icon-scheme="info"] { --docara-icon-color: var(--sf-info); --docara-icon-main: var(--sf-info); --docara-icon-on-main: var(--sf-on-info); --docara-icon-container: var(--sf-info-container); --docara-icon-on-container: var(--sf-on-info-container); }
.docara-icon[data-docara-icon-scheme="success"] { --docara-icon-color: var(--sf-success); --docara-icon-main: var(--sf-success); --docara-icon-on-main: var(--sf-on-success); --docara-icon-container: var(--sf-success-container); --docara-icon-on-container: var(--sf-on-success-container); }
.docara-icon[data-docara-icon-scheme="warning"] { --docara-icon-color: var(--sf-warning); --docara-icon-main: var(--sf-warning); --docara-icon-on-main: var(--sf-on-warning); --docara-icon-container: var(--sf-warning-container); --docara-icon-on-container: var(--sf-on-warning-container); }
.docara-icon[data-docara-icon-scheme="danger"] { --docara-icon-color: var(--sf-error); --docara-icon-main: var(--sf-error); --docara-icon-on-main: var(--sf-on-error); --docara-icon-container: var(--sf-error-container); --docara-icon-on-container: var(--sf-on-error-container); }
.docara-icon[data-docara-icon-variant="tonal"] { background: var(--docara-icon-container); color: var(--docara-icon-on-container); }
.docara-icon[data-docara-icon-variant="main"] { background: var(--docara-icon-main); color: var(--docara-icon-on-main); }
.docara-icon[data-docara-icon-variant="outline"] { border: 1px solid var(--docara-icon-color); color: var(--docara-icon-color); }
.docara-icon[data-docara-icon-container="square"],
.docara-icon[data-docara-icon-container="circle"] { padding: var(--sf-space-1\/2); }
.docara-icon[data-docara-icon-container="square"] { border-radius: var(--sf-radius-default); }
.docara-icon[data-docara-icon-container="circle"] { border-radius: 50%; }
.docara-icon[data-docara-icon-size="1/3"]:not([data-docara-icon-container="none"]) { padding: var(--sf-space-1\/4); }
.docara-icon[data-docara-icon-size="1/2"]:not([data-docara-icon-container="none"]) { padding: var(--sf-space-1\/3); }
.docara-icon[data-docara-icon-size="2"]:not([data-docara-icon-container="none"]),
.docara-icon[data-docara-icon-size="3"]:not([data-docara-icon-container="none"]) { padding: var(--sf-space-1); }