@simai-studio/ui 5.20261022.1814 → 5.20261023.16

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 CHANGED
@@ -1,11 +1,11 @@
1
1
  # @simai-studio/ui
2
2
 
3
- SIMAI Framework, release `ui-f2f3e8f912cf` (commit f2f3e8f912cf618b95b509040465e618208e7322 of [simai/ui](https://github.com/simai/ui)).
3
+ SIMAI Framework, release `ui-d90198da3a2f` (commit d90198da3a2fbad60b5a9057e8fc562bb5e08333 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.1814/distr/core/css/core.css">
7
- <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1814/distr/';</script>
8
- <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261022.1814/distr/core/js/core.js"></script>
6
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.16/distr/core/css/core.css">
7
+ <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.16/distr/';</script>
8
+ <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.16/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}}