@salutejs/sdds-sbcom 0.347.0-next-platform-ai.0 → 0.347.1-dev.0

package/dist/css/es/components/Accordion/Accordion.config.js

@@ -1,4 +1,8 @@
-import './Accordion.config_d0sjmm.css';
+import './Accordion.config_1bj3q8a.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h5Bold, h6, h6Bold
+ */
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/Accordion/Accordion.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorderBottom}: 0;\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            clear: css`\n                ${accordionTokens.accordionGap}: 0;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n                ${accordionTokens.accordionItemBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);\n                ${accordionTokens.accordionItemTextColor}: var(--text-primary);\n                ${accordionTokens.accordionItemIconColor}: var(--text-primary);\n                ${accordionTokens.accordionItemFocus}: var(--surface-accent);\n                ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n                ${accordionTokens.accordionBackground}: var(--surface-clear);\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n            `,\n        },\n        size: {\n            l: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            h2: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h3: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h4: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            h5: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            h6: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5","h6"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAYN;AACDC,MAAAA,KAAK,EAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAoBD;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,EAAE,EAAA,UAmBD;AACDC,MAAAA,EAAE,EAAA;AAoBN;AACJ;AACJ;;;;"}
+{"version":3,"file":"Accordion.config.js","sources":["../../../../../src-css/components/Accordion/Accordion.config.ts"],"sourcesContent":["import { css, accordionTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    h2,\n    h2Bold,\n    h3,\n    h3Bold,\n    h4,\n    h4Bold,\n    surfaceAccent,\n    surfaceClear,\n    surfaceSolidCard,\n    surfaceSolidTertiary,\n    textPrimary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold, h5, h5Bold, h6, h6Bold\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${accordionTokens.accordionGap}: 0.125rem;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});\n                ${accordionTokens.accordionItemBackground}: ${surfaceSolidCard};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\n                ${accordionTokens.accordionItemBorderBottom}: 0;\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});\n            `,\n            clear: css`\n                ${accordionTokens.accordionGap}: 0;\n                ${accordionTokens.accordionWidth}: 20rem;\n                ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;\n                ${accordionTokens.accordionItemBackground}: ${surfaceClear};\n                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};\n                ${accordionTokens.accordionItemTextColor}: ${textPrimary};\n                ${accordionTokens.accordionItemIconColor}: ${textPrimary};\n                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};\n                ${accordionTokens.accordionItemBorderRadius}: 0rem !important;\n                ${accordionTokens.accordionBackground}: ${surfaceClear};\n                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid ${surfaceSolidTertiary};\n                ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;\n            `,\n        },\n        size: {\n            l: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1.0625rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.875rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyLBold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\n            `,\n            m: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyMBold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n            s: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n\n                ${accordionTokens.accordionItemGap}: 0.375rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${bodySBold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyS.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyS.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyS.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyS.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyS.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyS.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyS.lineHeight};\n            `,\n            xs: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            h2: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 1rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.25rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${h2.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h2.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h2.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h2Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h2.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h2.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\n            `,\n            h3: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 1.125rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.75rem;\n                ${accordionTokens.accordionItemIconSize}: 1.5rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${h3.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h3.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h3.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h3Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h3.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h3.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};\n            `,\n            h4: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.875rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.625rem;\n\n                ${accordionTokens.accordionItemTitleFontFamily}: ${h4.fontFamily};\n                ${accordionTokens.accordionItemTitleFontSize}: ${h4.fontSize};\n                ${accordionTokens.accordionItemTitleFontStyle}: ${h4.fontStyle};\n                ${accordionTokens.accordionItemTitleFontWeight}: ${h4Bold.fontWeight};\n                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h4.letterSpacing};\n                ${accordionTokens.accordionItemTitleLineHeight}: ${h4.lineHeight};\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n            h5: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);\n                /* NOTE: no token h5Bold in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                /* NOTE: no token h5 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n            h6: css`\n                ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;\n                ${accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;\n                ${accordionTokens.accordionItemGap}: 0.25rem;\n                ${accordionTokens.accordionItemBorderRadius}: 0.5rem;\n\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);\n                /* NOTE: no token h6Bold in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-bold-font-weight);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);\n                /* NOTE: no token h6 in @salutejs/sdds-themes/tokens */\n                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);\n\n                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};\n                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};\n                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};\n                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};\n                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};\n                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s","xs","h2","h3","h4","h5","h6"],"mappings":"AAqBA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAYN;AACDC,MAAAA,KAAK,EAAA;KAcR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAoBD;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,EAAE,EAAA,UAyBD;AACDC,MAAAA,EAAE,EAAA;AA0BN;AACJ;AACJ;;;;"}

package/dist/css/es/components/Accordion/{Accordion.config_d0sjmm.css → Accordion.config_1bj3q8a.css}

@@ -1,5 +1,5 @@
-.d1qoou7v{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
-.c1nb9vnf{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
+.d1qoou7v{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card,#232323);--plasma-accordion-item-title-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-color-icon:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-focus:var(--surface-accent,#0BA686);--plasma-accordion-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
+.c1nb9vnf{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-title-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-color-icon:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-focus:var(--surface-accent,#0BA686);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary,#474747);--plasma-accordion-item-padding-horizontal-left:0;}
 .l15v339q{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
 .mtnwdwt{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
 .s1jozabk{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}

package/dist/css/es/components/Accordion/Accordion.css

@@ -1,11 +1,11 @@
-.Accordion_config_d0sjmm_d1qoou7v__4ae4cf3f{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
-.Accordion_config_d0sjmm_c1nb9vnf__4ae4cf3f{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
-.Accordion_config_d0sjmm_l15v339q__4ae4cf3f{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_d0sjmm_mtnwdwt__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
-.Accordion_config_d0sjmm_s1jozabk__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
-.Accordion_config_d0sjmm_x1mg2ktn__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
-.Accordion_config_d0sjmm_hizoenl__4ae4cf3f{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_d0sjmm_h143dmul__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
-.Accordion_config_d0sjmm_h9v9a4o__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
-.Accordion_config_d0sjmm_h14sja6p__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
-.Accordion_config_d0sjmm_hg7je5j__4ae4cf3f{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h6-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h6-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h6-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h6-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h6-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h6-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1bj3q8a_d1qoou7v__4064eb94{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card,#232323);--plasma-accordion-item-title-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-color-icon:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-focus:var(--surface-accent,#0BA686);--plasma-accordion-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
+.Accordion_config_1bj3q8a_c1nb9vnf__4064eb94{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-title-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-color-icon:var(--text-primary,#FFFFFFFC);--plasma-accordion-item-focus:var(--surface-accent,#0BA686);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear,#FFFFFF00);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary,#474747);--plasma-accordion-item-padding-horizontal-left:0;}
+.Accordion_config_1bj3q8a_l15v339q__4064eb94{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1bj3q8a_mtnwdwt__4064eb94{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1bj3q8a_s1jozabk__4064eb94{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
+.Accordion_config_1bj3q8a_x1mg2ktn__4064eb94{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
+.Accordion_config_1bj3q8a_hizoenl__4064eb94{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1bj3q8a_h143dmul__4064eb94{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
+.Accordion_config_1bj3q8a_h9v9a4o__4064eb94{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1bj3q8a_h14sja6p__4064eb94{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
+.Accordion_config_1bj3q8a_hg7je5j__4064eb94{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h6-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h6-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h6-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h6-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h6-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h6-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}

package/dist/css/es/components/Attach/Attach.config.js

@@ -1,4 +1,8 @@
-import './Attach.config_4eb05r.css';
+import './Attach.config_1a6ddr6.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold
+ */
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/Attach/Attach.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.config.js","sources":["../../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: var(--inverse-text-primary);\n                ${attachTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--inverse-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-accent);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.buttonColorActive}: var(--text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: var(--text-primary);\n                ${attachTokens.buttonValueColor}: var(--text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--text-primary-hover);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.buttonColorActive}: var(--text-primary-active);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--text-primary-hover);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonColorActive}: var(--text-primary-active);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-positive);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-warning);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--surface-negative);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: var(--on-dark-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: var(--on-light-text-primary);\n                ${attachTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${attachTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.cellColor}: var(--text-primary);\n                ${attachTokens.cellLabelColor}: var(--text-secondary);\n                ${attachTokens.cellTitleColor}: var(--text-primary);\n                ${attachTokens.cellSubtitleColor}: var(--text-secondary);\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${attachTokens.iconButtonColorActive}: var(--on-light-text-primary);\n                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);\n\n                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);\n                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);\n                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);\n\n                ${attachTokens.moreIconColor}: var(--text-primary);\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: var(--text-secondary);\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: var(--text-negative);\n            `,\n        },\n        size: {\n            l: css`\n                ${attachTokens.horizontalGap}: 1.5rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n                ${attachTokens.buttonHeight}: 3.5rem;\n                ${attachTokens.buttonWidth}: 12.5rem;\n                ${attachTokens.buttonPadding}: 1.5rem;\n                ${attachTokens.buttonRadius}: 0.875rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3.5rem;\n                ${attachTokens.iconButtonWidth}: 3.5rem;\n                ${attachTokens.iconButtonPadding}: 1.5rem;\n                ${attachTokens.iconButtonRadius}: 0.875rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.75rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.875rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 1rem;\n            `,\n            m: css`\n                ${attachTokens.horizontalGap}: 1.25rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 3rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1.25rem;\n                ${attachTokens.buttonRadius}: 0.75rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonHeight}: 3rem;\n                ${attachTokens.iconButtonWidth}: 3rem;\n                ${attachTokens.iconButtonPadding}: 1.25rem;\n                ${attachTokens.iconButtonRadius}: 0.75rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.5rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.75rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n            `,\n            s: css`\n                ${attachTokens.horizontalGap}: 1rem;\n                ${attachTokens.verticalGap}: 0.375rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2.5rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1rem;\n                ${attachTokens.buttonRadius}: 0.625rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.625rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n            `,\n            xs: css`\n                ${attachTokens.horizontalGap}: 0.75rem;\n                ${attachTokens.verticalGap}: 0.25rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2rem;\n                ${attachTokens.buttonWidth}: 10rem;\n                ${attachTokens.buttonPadding}: 0.75rem;\n                ${attachTokens.buttonRadius}: 0.5rem;\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.25rem;\n\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.5rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0CN;AACDC,MAAAA,MAAM,EAAA,SA0CL;AACDC,MAAAA,SAAS,EAAA,SA0CR;AACDC,MAAAA,KAAK,EAAA,SA0CJ;AACDC,MAAAA,OAAO,EAAA,SA0CN;AACDC,MAAAA,OAAO,EAAA,UA0CN;AACDC,MAAAA,QAAQ,EAAA,SAuCP;AACDC,MAAAA,IAAI,EAAA,SA0CH;AACDC,MAAAA,KAAK,EAAA,UA0CJ;AACDC,MAAAA,KAAK,EAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAAO,UAEN;AACDU,MAAAA,QAAQ,EAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,CAAC,EAAA,SAyFA;AACDC,MAAAA,EAAE,EAAA;AA0FN;AACJ;AACJ;;;;"}
+{"version":3,"file":"Attach.config.js","sources":["../../../../../src-css/components/Attach/Attach.config.ts"],"sourcesContent":["import { css, attachTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceSolidDefaultActive,\n    onDarkSurfaceSolidDefaultHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceSolidDefaultActive,\n    onLightSurfaceSolidDefaultHover,\n    onLightSurfaceTransparentDeep,\n    onLightSurfaceTransparentDeepActive,\n    onLightSurfaceTransparentDeepHover,\n    onLightTextPrimary,\n    onLightTextSecondary,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textNegative,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${attachTokens.buttonColor}: ${inverseTextPrimary};\n                ${attachTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${inverseTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            accent: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            secondary: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.buttonColorActive}: ${textPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${attachTokens.iconButtonColorActive}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            clear: css`\n                ${attachTokens.buttonColor}: ${textPrimary};\n                ${attachTokens.buttonValueColor}: ${textSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${textPrimaryHover};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.buttonColorActive}: ${textPrimaryActive};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${textPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${textPrimaryHover};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonColorActive}: ${textPrimaryActive};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            success: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfacePositive};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            warning: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            critical: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            dark: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            black: css`\n                ${attachTokens.buttonColor}: ${onDarkTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onDarkTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n            white: css`\n                ${attachTokens.buttonColor}: ${onLightTextPrimary};\n                ${attachTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${attachTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n                ${attachTokens.buttonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.buttonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.buttonDisabledOpacity}: 0.4;\n                ${attachTokens.buttonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.cellColor}: ${textPrimary};\n                ${attachTokens.cellLabelColor}: ${textSecondary};\n                ${attachTokens.cellTitleColor}: ${textPrimary};\n                ${attachTokens.cellSubtitleColor}: ${textSecondary};\n                ${attachTokens.cellBackgroundColor}: transparent;\n\n                ${attachTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n                ${attachTokens.iconButtonColorHover}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${attachTokens.iconButtonColorActive}: ${onLightTextPrimary};\n                ${attachTokens.iconButtonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n\n                ${attachTokens.iconButtonDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.iconButtonCancelColor}: ${textSecondary};\n                ${attachTokens.iconButtonCancelBackgroundColor}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n                ${attachTokens.iconButtonCancelColorHover}: ${textSecondaryHover};\n                ${attachTokens.iconButtonCancelBackgroundColorHover}: ${surfaceClear};\n                ${attachTokens.iconButtonCancelColorActive}: ${textSecondaryActive};\n                ${attachTokens.iconButtonCancelBackgroundColorActive}: ${surfaceClear};\n\n                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;\n                ${attachTokens.iconButtonCancelFocusColor}: ${surfaceAccent};\n\n                ${attachTokens.moreIconColor}: ${textPrimary};\n            `,\n        },\n        helperTextView: {\n            default: css`\n                ${attachTokens.helperTextColor}: ${textSecondary};\n            `,\n            negative: css`\n                ${attachTokens.helperTextColor}: ${textNegative};\n            `,\n        },\n        size: {\n            l: css`\n                ${attachTokens.horizontalGap}: 1.5rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2.125rem;\n                ${attachTokens.buttonHeight}: 3.5rem;\n                ${attachTokens.buttonWidth}: 12.5rem;\n                ${attachTokens.buttonPadding}: 1.5rem;\n                ${attachTokens.buttonRadius}: 0.875rem;\n                ${attachTokens.buttonFontFamily}: ${bodyL.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyL.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyL.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodyLBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyL.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyL.lineHeight};\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: ${bodyM.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyM.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyM.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyM.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyM.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyM.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyL.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyL.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyL.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyL.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyL.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyL.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyM.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyM.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyM.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyM.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyM.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 3.5rem;\n                ${attachTokens.iconButtonWidth}: 3.5rem;\n                ${attachTokens.iconButtonPadding}: 1.5rem;\n                ${attachTokens.iconButtonRadius}: 0.875rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyL.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyL.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyL.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodyLBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyL.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyL.lineHeight};\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.75rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.875rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 1rem;\n            `,\n            m: css`\n                ${attachTokens.horizontalGap}: 1.25rem;\n                ${attachTokens.verticalGap}: 0.5rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.625rem;\n\n                ${attachTokens.filenameWrapperHeight}: 3rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 3rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1.25rem;\n                ${attachTokens.buttonRadius}: 0.75rem;\n                ${attachTokens.buttonFontFamily}: ${bodyM.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyM.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyM.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodyMBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyM.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyM.lineHeight};\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                ${attachTokens.cellLabelFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.cellLabelFontSize}: ${bodyS.fontSize};\n                ${attachTokens.cellLabelFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.cellLabelFontWeight}: ${bodyS.fontWeight};\n                ${attachTokens.cellLabelLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.cellLabelLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyM.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyM.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyM.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyM.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyM.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyM.lineHeight};\n\n                ${attachTokens.cellSubtitleFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.cellSubtitleFontSize}: ${bodyS.fontSize};\n                ${attachTokens.cellSubtitleFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.cellSubtitleFontWeight}: ${bodyS.fontWeight};\n                ${attachTokens.cellSubtitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.cellSubtitleLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.iconButtonHeight}: 3rem;\n                ${attachTokens.iconButtonWidth}: 3rem;\n                ${attachTokens.iconButtonPadding}: 1.25rem;\n                ${attachTokens.iconButtonRadius}: 0.75rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyM.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyM.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyM.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodyMBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyM.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyM.lineHeight};\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.5rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.75rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.5rem 0.875rem;\n            `,\n            s: css`\n                ${attachTokens.horizontalGap}: 1rem;\n                ${attachTokens.verticalGap}: 0.375rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.5rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2.5rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2.5rem;\n                ${attachTokens.buttonWidth}: 11.25rem;\n                ${attachTokens.buttonPadding}: 1rem;\n                ${attachTokens.buttonRadius}: 0.625rem;\n                ${attachTokens.buttonFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.buttonSpinnerSize}: 1.375rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.375rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.cellTitleFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.cellTitleFontSize}: ${bodyS.fontSize};\n                ${attachTokens.cellTitleFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.cellTitleFontWeight}: ${bodyS.fontWeight};\n                ${attachTokens.cellTitleLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.cellTitleLineHeight}: ${bodyS.lineHeight};\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2.5rem;\n                ${attachTokens.iconButtonWidth}: 2.5rem;\n                ${attachTokens.iconButtonPadding}: 1rem;\n                ${attachTokens.iconButtonRadius}: 0.625rem;\n                ${attachTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n                ${attachTokens.iconButtonFontSize}: ${bodyS.fontSize};\n                ${attachTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n                ${attachTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${attachTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${attachTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\n\n                ${attachTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.625rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.25rem 0.75rem;\n            `,\n            xs: css`\n                ${attachTokens.horizontalGap}: 0.75rem;\n                ${attachTokens.verticalGap}: 0.25rem;\n                ${attachTokens.verticalGapWithHelperText}: 1.375rem;\n\n                ${attachTokens.filenameWrapperHeight}: 2rem;\n                ${attachTokens.filenameDropdownWrapperHeight}: 2rem;\n                ${attachTokens.buttonHeight}: 2rem;\n                ${attachTokens.buttonWidth}: 10rem;\n                ${attachTokens.buttonPadding}: 0.75rem;\n                ${attachTokens.buttonRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.buttonSpinnerSize}: 1rem;\n                ${attachTokens.buttonSpinnerColor}: inherit;\n\n                ${attachTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${attachTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${attachTokens.buttonValueMargin}: 0 0 0 0.25rem;\n\n                ${attachTokens.cellWidth}: fit-content;\n\n                ${attachTokens.cellPadding}: 0rem;\n                ${attachTokens.cellPaddingLeftContent}: 0rem;\n                ${attachTokens.cellPaddingContent}: 0rem;\n                ${attachTokens.cellPaddingRightContent}: 0rem;\n\n                ${attachTokens.cellTextboxGap}: 0.125rem;\n                ${attachTokens.cellGap}: 0.25rem;\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.cellSubtitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonHeight}: 2rem;\n                ${attachTokens.iconButtonWidth}: 2rem;\n                ${attachTokens.iconButtonPadding}: 0.75rem;\n                ${attachTokens.iconButtonRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonSpinnerColor}: inherit;\n\n                ${attachTokens.iconButtonCancelHeight}: 2rem;\n                ${attachTokens.iconButtonCancelWidth}: 2rem;\n                ${attachTokens.iconButtonCancelPadding}: 0.75rem;\n                ${attachTokens.iconButtonCancelRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${attachTokens.iconButtonCancelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${attachTokens.iconButtonCancelSpinnerSize}: 1rem;\n                ${attachTokens.iconButtonCancelSpinnerColor}: inherit;\n\n                ${attachTokens.moreIconPadding}: 0.25rem;\n\n                ${attachTokens.dropdownBorderRadius}: 0.5rem;\n                ${attachTokens.dropdownPadding}: 0.125rem;\n                ${attachTokens.dropdownItemPadding}: 0.125rem 0.5rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","helperTextView","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","negative","l","m","s","xs"],"mappings":"AAmDA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0CN;AACDC,MAAAA,MAAM,EAAA,SA0CL;AACDC,MAAAA,SAAS,EAAA,SA0CR;AACDC,MAAAA,KAAK,EAAA,SA0CJ;AACDC,MAAAA,OAAO,EAAA,SA0CN;AACDC,MAAAA,OAAO,EAAA,UA0CN;AACDC,MAAAA,QAAQ,EAAA,SAuCP;AACDC,MAAAA,IAAI,EAAA,SA0CH;AACDC,MAAAA,KAAK,EAAA,UA0CJ;AACDC,MAAAA,KAAK,EAAA;KA2CR;AACDb,IAAAA,cAAc,EAAE;AACZI,MAAAA,SAAAA,EAAO,UAEN;AACDU,MAAAA,QAAQ,EAAA;KAGX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UA+FA;AACDC,MAAAA,CAAC,EAAA,SA+FA;AACDC,MAAAA,CAAC,EAAA,SA2GA;AACDC,MAAAA,EAAE,EAAA;AA8HN;AACJ;AACJ;;;;"}

package/dist/css/es/components/Attach/Attach.config_1a6ddr6.css

@@ -0,0 +1,16 @@
+.dh2upgr{--plasma-attach-button-color:var(--inverse-text-primary,#15110FFC);--plasma-attach-button-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-attach-button-background-color:var(--surface-solid-default,#F6F2F0);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-attach-button-background-color-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-attach-button-color-active:var(--inverse-text-primary,#15110FFC);--plasma-attach-button-background-color-active:var(--surface-solid-default-active,#F2ECE9FF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--inverse-text-primary,#15110FFC);--plasma-attach-icon-button-background-color:var(--surface-solid-default,#F6F2F0);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-attach-icon-button-background-color-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-attach-icon-button-color-active:var(--inverse-text-primary,#15110FFC);--plasma-attach-icon-button-background-color-active:var(--surface-solid-default-active,#F2ECE9FF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.a8wsq7j{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-accent,#0BA686);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--surface-accent-active,#0A9E81FF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--surface-accent-active,#0A9E81FF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.s5x2wim{--plasma-attach-button-color:var(--text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-attach-button-color-active:var(--text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-attach-icon-button-color-active:var(--text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.c7t1r9b{--plasma-attach-button-color:var(--text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-attach-button-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-button-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-attach-button-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-attach-icon-button-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-attach-icon-button-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.savuac0{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-positive,#A6D2A2);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-positive,#A6D2A2);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.w1xds7bq{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-warning,#F8AD80);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--surface-warning-active,#F8A977FF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-warning,#F8AD80);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--surface-warning-active,#F8A977FF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.c5nbujf{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--surface-negative,#F8A6A9);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--surface-negative-active,#F79C9FFF);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--surface-negative,#F8A6A9);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--surface-negative-active,#F79C9FFF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.drovqmd{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--on-light-surface-transparent-deep-hover,#FFFFFFC2);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--on-light-surface-transparent-deep-active,#FFFFFFC7);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover,#FFFFFFC2);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active,#FFFFFFC7);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.b1r56d65{--plasma-attach-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-attach-button-background-color:var(--on-light-surface-solid-default,#15110F);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-hover:var(--on-light-surface-solid-default-hover,#271F1CFF);--plasma-attach-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-button-background-color-active:var(--on-light-surface-solid-default-active,#090706FF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color:var(--on-light-surface-solid-default,#15110F);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover,#271F1CFF);--plasma-attach-icon-button-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-attach-icon-button-background-color-active:var(--on-light-surface-solid-default-active,#090706FF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.w106agwf{--plasma-attach-button-color:var(--on-light-text-primary,#15110FFC);--plasma-attach-button-value-color:var(--on-light-text-secondary,#15110FA3);--plasma-attach-button-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-attach-button-loading-background-color:var(--plasma-attach-button-background-color);--plasma-attach-button-color-hover:var(--on-light-text-primary,#15110FFC);--plasma-attach-button-background-color-hover:var(--on-dark-surface-solid-default-hover,#F9F7F5FF);--plasma-attach-button-color-active:var(--on-light-text-primary,#15110FFC);--plasma-attach-button-background-color-active:var(--on-dark-surface-solid-default-active,#F2ECE9FF);--plasma-attach-button-disabled-opacity:0.4;--plasma-attach-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-cell-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-label-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-title-color:var(--text-primary,#FFFFFFFC);--plasma-attach-cell-subtitle-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--on-light-text-primary,#15110FFC);--plasma-attach-icon-button-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-attach-icon-button-loading-background-color:var(--plasma-attach-icon-button-background-color);--plasma-attach-icon-button-color-hover:var(--on-light-text-primary,#15110FFC);--plasma-attach-icon-button-background-color-hover:var(--on-dark-surface-solid-default-hover,#F9F7F5FF);--plasma-attach-icon-button-color-active:var(--on-light-text-primary,#15110FFC);--plasma-attach-icon-button-background-color-active:var(--on-dark-surface-solid-default-active,#F2ECE9FF);--plasma-attach-icon-button-disabled-opacity:0.4;--plasma-attach-icon-button-focus-color:var(--surface-accent,#0BA686);--plasma-attach-icon-button-cancel-color:var(--text-secondary,#F6F2F0A3);--plasma-attach-icon-button-cancel-background-color:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-loading-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-attach-icon-button-cancel-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-attach-icon-button-cancel-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-attach-icon-button-cancel-background-color-active:var(--surface-clear,#FFFFFF00);--plasma-attach-icon-button-cancel-disabled-opacity:0.4;--plasma-attach-icon-button-cancel-focus-color:var(--surface-accent,#0BA686);--plasma-attach-more-icon-color:var(--text-primary,#FFFFFFFC);}
+.d1x8glsz{--plasma-attach-helper-text-color:var(--text-secondary,#F6F2F0A3);}
+.n1gytn7q{--plasma-attach-helper-text-color:var(--text-negative,#F57E83);}
+.l19ojacu{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-vertical-gap-with-helper-text:1.625rem;--plasma-attach-filename-wrapper-height:3.5rem;--plasma-attach-filename-dropdown-wrapper-height:2.125rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;--plasma-attach-more-icon-padding:0.75rem;--plasma-attach-dropdown-border-radius:0.875rem;--plasma-attach-dropdown-padding:0.125rem;--plasma-attach-dropdown-item-padding:1rem;}
+.m7sr79d{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-vertical-gap-with-helper-text:1.625rem;--plasma-attach-filename-wrapper-height:3rem;--plasma-attach-filename-dropdown-wrapper-height:2rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:3rem;--plasma-attach-icon-button-width:3rem;--plasma-attach-icon-button-padding:1.25rem;--plasma-attach-icon-button-radius:0.75rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;--plasma-attach-more-icon-padding:0.5rem;--plasma-attach-dropdown-border-radius:0.75rem;--plasma-attach-dropdown-padding:0.125rem;--plasma-attach-dropdown-item-padding:0.5rem 0.875rem;}
+.sonqgjr{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-vertical-gap-with-helper-text:1.5rem;--plasma-attach-filename-wrapper-height:2.5rem;--plasma-attach-filename-dropdown-wrapper-height:2rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-button-spinner-size:1.375rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-spinner-size:1.375rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;--plasma-attach-more-icon-padding:0.25rem;--plasma-attach-dropdown-border-radius:0.625rem;--plasma-attach-dropdown-padding:0.125rem;--plasma-attach-dropdown-item-padding:0.25rem 0.75rem;}
+.xbwe2dq{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-vertical-gap-with-helper-text:1.375rem;--plasma-attach-filename-wrapper-height:2rem;--plasma-attach-filename-dropdown-wrapper-height:2rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-button-spinner-size:1rem;--plasma-attach-button-spinner-color:inherit;--plasma-attach-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-attach-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-attach-button-value-margin:0 0 0 0.25rem;--plasma-attach-cell-width:fit-content;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-spinner-size:1rem;--plasma-attach-icon-button-spinner-color:inherit;--plasma-attach-icon-button-cancel-height:2rem;--plasma-attach-icon-button-cancel-width:2rem;--plasma-attach-icon-button-cancel-padding:0.75rem;--plasma-attach-icon-button-cancel-radius:0.5rem;--plasma-attach-icon-button-cancel-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-cancel-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-cancel-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-cancel-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-cancel-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-cancel-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-cancel-spinner-size:1rem;--plasma-attach-icon-button-cancel-spinner-color:inherit;--plasma-attach-more-icon-padding:0.25rem;--plasma-attach-dropdown-border-radius:0.5rem;--plasma-attach-dropdown-padding:0.125rem;--plasma-attach-dropdown-item-padding:0.125rem 0.5rem;}