@salutejs/sdds-netology 0.371.0-dev.0 → 0.372.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js +46 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config.js.map +1 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.clear.config_i3xl37.css +15 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config_17nmegl.css +15 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.css +30 -14
- package/dist/css/cjs/components/Autocomplete/Autocomplete.js +10 -1
- package/dist/css/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config.js.map +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config_1loro97.css +13 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/cjs/components/DatePicker/DatePicker.config_1lye6oj.css +13 -0
- package/dist/css/cjs/components/DatePicker/DatePicker.css +26 -26
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config_1ewsske.css +13 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config_dz4vom.css +13 -0
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +26 -26
- package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js +1 -1
- package/dist/css/cjs/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/dist/css/{es/components/InformationWrapper/InformationWrapper.config_1nkiapm.css → cjs/components/InformationWrapper/InformationWrapper.config_1sg5q77.css} +4 -4
- package/dist/css/cjs/components/InformationWrapper/InformationWrapper.css +12 -12
- package/dist/css/cjs/components/Mask/Mask.css +42 -42
- package/dist/css/cjs/components/Range/Range.clear.config.js +1 -1
- package/dist/css/cjs/components/Range/Range.clear.config.js.map +1 -1
- package/dist/css/{es/components/Range/Range.clear.config_1lf8a97.css → cjs/components/Range/Range.clear.config_yxjwde.css} +5 -5
- package/dist/css/cjs/components/Range/Range.config.js +1 -1
- package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
- package/dist/css/{es/components/Range/Range.config_19aj8he.css → cjs/components/Range/Range.config_1989bap.css} +5 -5
- package/dist/css/cjs/components/Range/Range.css +22 -22
- package/dist/css/cjs/components/Select/Select.clear.config.js +60 -0
- package/dist/css/cjs/components/Select/Select.clear.config.js.map +1 -0
- package/dist/css/cjs/components/Select/Select.clear.config_r6f2e1.css +24 -0
- package/dist/css/cjs/components/Select/Select.config.js +1 -1
- package/dist/css/cjs/components/Select/Select.config.js.map +1 -1
- package/dist/css/cjs/components/Select/Select.config_1gh1wx6.css +24 -0
- package/dist/css/cjs/components/Select/Select.css +48 -23
- package/dist/css/cjs/components/Select/Select.js +8 -1
- package/dist/css/cjs/components/Select/Select.js.map +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.clear.config_jo5cwc.css → TextArea.clear.config_1ifcn4f.css} +5 -5
- package/dist/css/cjs/components/TextArea/TextArea.config.js +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/cjs/components/TextArea/{TextArea.config_1sig12k.css → TextArea.config_1xh1eno.css} +5 -5
- package/dist/css/cjs/components/TextArea/TextArea.css +28 -28
- package/dist/css/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/dist/css/cjs/components/TextField/TextField.clear.config.js.map +1 -1
- package/dist/css/cjs/components/TextField/TextField.clear.config_iq6b9z.css +22 -0
- package/dist/css/cjs/components/TextField/TextField.config.js +1 -1
- package/dist/css/cjs/components/TextField/TextField.config.js.map +1 -1
- package/dist/css/cjs/components/TextField/{TextField.config_mbvwa9.css → TextField.config_1bhtwv8.css} +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.config.js +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.config.js.map +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.config_3sjb2z.css +10 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.css +10 -10
- package/dist/css/cjs/index.css +255 -214
- package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js +42 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.clear.config.js.map +1 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.clear.config_i3xl37.css +15 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
- package/dist/css/es/components/Autocomplete/Autocomplete.config_17nmegl.css +15 -0
- package/dist/css/es/components/Autocomplete/Autocomplete.css +30 -14
- package/dist/css/es/components/Autocomplete/Autocomplete.js +12 -5
- package/dist/css/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.clear.config.js +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.clear.config.js.map +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.clear.config_1loro97.css +13 -0
- package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/dist/css/es/components/DatePicker/DatePicker.config_1lye6oj.css +13 -0
- package/dist/css/es/components/DatePicker/DatePicker.css +26 -26
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config_1ewsske.css +13 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config_dz4vom.css +13 -0
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +26 -26
- package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js +1 -1
- package/dist/css/es/components/InformationWrapper/InformationWrapper.config.js.map +1 -1
- package/dist/css/{cjs/components/InformationWrapper/InformationWrapper.config_1nkiapm.css → es/components/InformationWrapper/InformationWrapper.config_1sg5q77.css} +4 -4
- package/dist/css/es/components/InformationWrapper/InformationWrapper.css +12 -12
- package/dist/css/es/components/Mask/Mask.css +42 -42
- package/dist/css/es/components/Range/Range.clear.config.js +1 -1
- package/dist/css/es/components/Range/Range.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/Range/Range.clear.config_1lf8a97.css → es/components/Range/Range.clear.config_yxjwde.css} +5 -5
- package/dist/css/es/components/Range/Range.config.js +1 -1
- package/dist/css/es/components/Range/Range.config.js.map +1 -1
- package/dist/css/{cjs/components/Range/Range.config_19aj8he.css → es/components/Range/Range.config_1989bap.css} +5 -5
- package/dist/css/es/components/Range/Range.css +22 -22
- package/dist/css/es/components/Select/Select.clear.config.js +56 -0
- package/dist/css/es/components/Select/Select.clear.config.js.map +1 -0
- package/dist/css/es/components/Select/Select.clear.config_r6f2e1.css +24 -0
- package/dist/css/es/components/Select/Select.config.js +1 -1
- package/dist/css/es/components/Select/Select.config.js.map +1 -1
- package/dist/css/es/components/Select/Select.config_1gh1wx6.css +24 -0
- package/dist/css/es/components/Select/Select.css +48 -23
- package/dist/css/es/components/Select/Select.js +11 -4
- package/dist/css/es/components/Select/Select.js.map +1 -1
- package/dist/css/es/components/TextArea/TextArea.clear.config.js +1 -1
- package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.clear.config_jo5cwc.css → TextArea.clear.config_1ifcn4f.css} +5 -5
- package/dist/css/es/components/TextArea/TextArea.config.js +1 -1
- package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/es/components/TextArea/{TextArea.config_1sig12k.css → TextArea.config_1xh1eno.css} +5 -5
- package/dist/css/es/components/TextArea/TextArea.css +28 -28
- package/dist/css/es/components/TextField/TextField.clear.config.js +1 -1
- package/dist/css/es/components/TextField/TextField.clear.config.js.map +1 -1
- package/dist/css/es/components/TextField/TextField.clear.config_iq6b9z.css +22 -0
- package/dist/css/es/components/TextField/TextField.config.js +1 -1
- package/dist/css/es/components/TextField/TextField.config.js.map +1 -1
- package/dist/css/es/components/TextField/{TextField.config_mbvwa9.css → TextField.config_1bhtwv8.css} +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.config.js +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.config.js.map +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.config_3sjb2z.css +10 -0
- package/dist/css/es/components/TimePicker/TimePicker.css +10 -10
- package/dist/css/es/index.css +255 -214
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.clear.config.js +624 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +33 -0
- package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +14 -1
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +4 -0
- package/dist/styled-components/cjs/components/Range/Range.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/Range/Range.config.js +5 -0
- package/dist/styled-components/cjs/components/Select/Select.clear.config.js +1105 -0
- package/dist/styled-components/cjs/components/Select/Select.config.js +32 -0
- package/dist/styled-components/cjs/components/Select/Select.js +8 -1
- package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +5 -0
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +5 -0
- package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +23 -3
- package/dist/styled-components/cjs/components/TextField/TextField.config.js +5 -0
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +30 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.clear.config.js +614 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +33 -0
- package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +9 -2
- package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +5 -0
- package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +5 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +5 -0
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -0
- package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +4 -0
- package/dist/styled-components/es/components/Range/Range.clear.config.js +5 -0
- package/dist/styled-components/es/components/Range/Range.config.js +5 -0
- package/dist/styled-components/es/components/Select/Select.clear.config.js +1095 -0
- package/dist/styled-components/es/components/Select/Select.config.js +32 -0
- package/dist/styled-components/es/components/Select/Select.js +9 -2
- package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +5 -0
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +5 -0
- package/dist/styled-components/es/components/TextField/TextField.clear.config.js +23 -3
- package/dist/styled-components/es/components/TextField/TextField.config.js +5 -0
- package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +30 -0
- package/package.json +10 -10
- package/types/components/Autocomplete/Autocomplete.clear.config.d.ts +38 -0
- package/types/components/Autocomplete/Autocomplete.d.ts +2000 -10
- package/types/components/Calendar/Calendar.d.ts +3 -1
- package/types/components/DatePicker/DatePicker.d.ts +36 -36
- package/types/components/DateTimePicker/DateTimePicker.d.ts +8 -8
- package/types/components/Select/Select.clear.config.d.ts +52 -0
- package/types/components/Select/Select.d.ts +36 -10
- package/types/components/TimePicker/TimePicker.d.ts +2 -0
- package/dist/css/cjs/components/Autocomplete/Autocomplete.config_1vojpd2.css +0 -15
- package/dist/css/cjs/components/DatePicker/DatePicker.clear.config_12f7j72.css +0 -13
- package/dist/css/cjs/components/DatePicker/DatePicker.config_1pqfs0p.css +0 -13
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config_1m9wgvj.css +0 -13
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config_1n0sd5x.css +0 -13
- package/dist/css/cjs/components/Select/Select.config_18cj47u.css +0 -24
- package/dist/css/cjs/components/TextField/TextField.clear.config_1yutivs.css +0 -22
- package/dist/css/cjs/components/TimePicker/TimePicker.config_19myh96.css +0 -10
- package/dist/css/es/components/Autocomplete/Autocomplete.config_1vojpd2.css +0 -15
- package/dist/css/es/components/DatePicker/DatePicker.clear.config_12f7j72.css +0 -13
- package/dist/css/es/components/DatePicker/DatePicker.config_1pqfs0p.css +0 -13
- package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config_1m9wgvj.css +0 -13
- package/dist/css/es/components/DateTimePicker/DateTimePicker.config_1n0sd5x.css +0 -13
- package/dist/css/es/components/Select/Select.config_18cj47u.css +0 -24
- package/dist/css/es/components/TextField/TextField.clear.config_1yutivs.css +0 -22
- package/dist/css/es/components/TimePicker/TimePicker.config_19myh96.css +0 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.clear.config.js","sources":["../../../../../src-css/components/Range/Range.clear.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCardBrightness,\n surfaceTransparentPrimary,\n surfaceTransparentTertiary,\n textAccent,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/plasma-themes/tokens/plasma_b2c';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: transparent;\n ${tokens.backgroundError}: transparent;\n ${tokens.backgroundSuccess}: transparent;\n\n ${tokens.clearDividerColor}: ${surfaceTransparentTertiary};\n\n ${tokens.dividerColor}: ${surfaceClear};\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.leftHelperColor}: ${textSecondary};\n ${tokens.leftHelperColorError}: ${textNegative};\n ${tokens.leftHelperColorSuccess}: ${textPositive};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.contentSlotColor}: ${textPrimary};\n ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n ${tokens.contentSlotRightColor}: ${textPrimary};\n ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n ${tokens.contentSlotColorSuccess}: ${textPositive};\n ${tokens.contentSlotColorSuccessHover}: ${textPositiveHover};\n ${tokens.contentSlotColorSuccessActive}: ${textPositiveActive};\n\n ${tokens.textFieldContentSlotColorSuccess}: ${textPositive};\n ${tokens.textFieldContentSlotColorSuccessHover}: ${textPositiveHover};\n ${tokens.textFieldContentSlotColorSuccessActive}: ${textPositiveActive};\n\n ${tokens.contentSlotColorError}: ${textNegative};\n ${tokens.contentSlotColorErrorHover}: ${textNegativeHover};\n ${tokens.contentSlotColorErrorActive}: ${textNegativeActive};\n\n ${tokens.textFieldContentSlotColorError}: ${textNegative};\n ${tokens.textFieldContentSlotColorErrorHover}: ${textNegativeHover};\n ${tokens.textFieldContentSlotColorErrorActive}: ${textNegativeActive};\n\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldColorSuccess}: ${textPositive};\n ${tokens.textFieldColorError}: ${textNegative};\n ${tokens.focusColor}: ${textAccent};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColorHover}: transparent;\n ${tokens.textFieldBackgroundErrorColorFocus}: transparent;\n ${tokens.textFieldBackgroundSuccessColor}: transparent;\n ${tokens.textFieldBackgroundSuccessColorHover}: transparent;\n ${tokens.textFieldBackgroundSuccessColorFocus}: transparent;\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColorSuccess}: ${surfacePositive};\n ${tokens.textFieldDividerColorError}: ${surfaceNegative};\n ${tokens.textFieldDividerColorHover}: ${textSecondary};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 1.5rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 1.125rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 4rem;\n ${tokens.embedIconButtonWidth}: 2.25rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.563rem -1.25rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.563rem auto auto -1.25rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.563rem -3.5rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 1.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 1.125rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3.5rem;\n ${tokens.embedIconButtonWidth}: 2.25rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.313rem -1.125rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.313rem auto auto -1.125rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.313rem -3.375rem auto auto;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 1.25rem;\n ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n ${tokens.dividerFontSize}: ${bodyM.fontSize};\n ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.875rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3rem;\n ${tokens.embedIconButtonWidth}: 2.375rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.875rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.063rem -1rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.063rem auto auto -1rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.063rem -3.25rem auto auto;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 1.125rem;\n ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.75rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2.5rem;\n ${tokens.embedIconButtonWidth}: 2.5rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.813rem -0.875rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.813rem auto auto -0.875rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.813rem -3.125rem auto auto;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.875rem;\n ${tokens.dividerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyXS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.5rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2rem;\n ${tokens.embedIconButtonWidth}: 1.5rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.5rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.875rem -0.75rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.625rem auto auto -0.75rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.625rem -2rem auto auto;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: ${textPrimary};\n ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n\n ${tokens.dividerColorReadOnly}: ${textSecondary};\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":";;;;AA6BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KA4EV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UA4ED;AACDC,MAAAA,CAAC,EAAA,UA4EA;AACDC,MAAAA,CAAC,EAAA,UA4EA;AACDC,MAAAA,CAAC,EAAA,SA4EA;AACDC,MAAAA,EAAE,EAAA;KA6EL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Range.clear.config.js","sources":["../../../../../src-css/components/Range/Range.clear.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCardBrightness,\n surfaceTransparentPrimary,\n surfaceTransparentTertiary,\n textAccent,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/plasma-themes/tokens/plasma_b2c';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: transparent;\n ${tokens.backgroundError}: transparent;\n ${tokens.backgroundSuccess}: transparent;\n\n ${tokens.clearDividerColor}: ${surfaceTransparentTertiary};\n\n ${tokens.dividerColor}: ${surfaceClear};\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.leftHelperColor}: ${textSecondary};\n ${tokens.leftHelperColorError}: ${textNegative};\n ${tokens.leftHelperColorSuccess}: ${textPositive};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.contentSlotColor}: ${textPrimary};\n ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n ${tokens.contentSlotRightColor}: ${textPrimary};\n ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n ${tokens.contentSlotColorSuccess}: ${textPositive};\n ${tokens.contentSlotColorSuccessHover}: ${textPositiveHover};\n ${tokens.contentSlotColorSuccessActive}: ${textPositiveActive};\n\n ${tokens.textFieldContentSlotColorSuccess}: ${textPositive};\n ${tokens.textFieldContentSlotColorSuccessHover}: ${textPositiveHover};\n ${tokens.textFieldContentSlotColorSuccessActive}: ${textPositiveActive};\n\n ${tokens.contentSlotColorError}: ${textNegative};\n ${tokens.contentSlotColorErrorHover}: ${textNegativeHover};\n ${tokens.contentSlotColorErrorActive}: ${textNegativeActive};\n\n ${tokens.textFieldContentSlotColorError}: ${textNegative};\n ${tokens.textFieldContentSlotColorErrorHover}: ${textNegativeHover};\n ${tokens.textFieldContentSlotColorErrorActive}: ${textNegativeActive};\n\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldColorSuccess}: ${textPositive};\n ${tokens.textFieldColorError}: ${textNegative};\n ${tokens.focusColor}: ${textAccent};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColorHover}: transparent;\n ${tokens.textFieldBackgroundErrorColorFocus}: transparent;\n ${tokens.textFieldBackgroundSuccessColor}: transparent;\n ${tokens.textFieldBackgroundSuccessColorHover}: transparent;\n ${tokens.textFieldBackgroundSuccessColorFocus}: transparent;\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColorSuccess}: ${surfacePositive};\n ${tokens.textFieldDividerColorError}: ${surfaceNegative};\n ${tokens.textFieldDividerColorHover}: ${textSecondary};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 1.5rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 1.125rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 0;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 4rem;\n ${tokens.embedIconButtonWidth}: 2.25rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionMargin}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.563rem -1.25rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.563rem auto auto -1.25rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.563rem -3.5rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 1.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 1.125rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 0;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3.5rem;\n ${tokens.embedIconButtonWidth}: 2.25rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionMargin}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.313rem -1.125rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.313rem auto auto -1.125rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.313rem -3.375rem auto auto;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 1.25rem;\n ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n ${tokens.dividerFontSize}: ${bodyM.fontSize};\n ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.875rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 0;\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3rem;\n ${tokens.embedIconButtonWidth}: 2.375rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.875rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionMargin}: 0.3125rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.063rem -1rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.063rem auto auto -1rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.063rem -3.25rem auto auto;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 1.125rem;\n ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.75rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0;\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2.5rem;\n ${tokens.embedIconButtonWidth}: 2.5rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionMargin}: 0.1875rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.813rem -0.875rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.813rem auto auto -0.875rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.813rem -3.125rem auto auto;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.875rem;\n ${tokens.dividerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyXS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0.5rem 0 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0;\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2rem;\n ${tokens.embedIconButtonWidth}: 1.5rem;\n ${tokens.embedIconButtonPadding}: 0 0 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.5rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.25rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionMargin}: 0;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.875rem -0.75rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.625rem auto auto -0.75rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.625rem -2rem auto auto;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: ${textPrimary};\n ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n\n ${tokens.dividerColorReadOnly}: ${textSecondary};\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":";;;;AA6BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KA4EV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UA6ED;AACDC,MAAAA,CAAC,EAAA,UA6EA;AACDC,MAAAA,CAAC,EAAA,UA6EA;AACDC,MAAAA,CAAC,EAAA,SA6EA;AACDC,MAAAA,EAAE,EAAA;KA8EL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.d8gr24f{--plasma-range-background:transparent;--plasma-range-background-error:transparent;--plasma-range-background-success:transparent;--plasma-range-clear__divider-color:var(--surface-transparent-tertiary,#FFFFFF33);--plasma-range__divider-color:var(--surface-clear,#FFFFFF00);--plasma-range-info-wrapper-label-color:var(--text-primary,#FFFFFFF5);--plasma-range-info-wrapper-left-helper-color:var(--text-secondary,#FFFFFF8F);--plasma-range-info-wrapper-left-helper--error:var(--text-negative,#FF293E);--plasma-range-info-wrapper-left-helper--success:var(--text-positive,#1A9E32);--plasma-range-info-wrapper-title-caption-color:var(--text-secondary,#FFFFFF8F);--plasma-range-info-wrapper-hint-icon-color:var(--text-secondary,#FFFFFF8F);--plasma-range-content-slot-color:var(--text-primary,#FFFFFFF5);--plasma-range-content-slot-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-range-content-slot-color-active:var(--text-primary-active,#FFFFFFC4);--plasma-range-embed-icon-button-focus-color:var(--surface-accent,#3F81FD);--plasma-range-content-right-slot-color:var(--text-primary,#FFFFFFF5);--plasma-range-content-right-slot-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-range-content-right-slot-color-active:var(--text-primary-active,#FFFFFFC4);--plasma-textfield-content-slot-color:var(--text-secondary,#FFFFFF8F);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover,#FFFFFFFF);--plasma-textfield-content-slot-color-active:var(--text-secondary-active,#FFFFFFAB);--plasma-textfield-content-right-slot-color:var(--text-secondary,#FFFFFF8F);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#FFFFFFFF);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active,#FFFFFFAB);--plasma-range-content-slot-color-success:var(--text-positive,#1A9E32);--plasma-range-content-slot-color-success-hover:var(--text-positive-hover,#1EB83AFF);--plasma-range-content-slot-color-success-active:var(--text-positive-active,#15842AFF);--plasma-textfield-content-slot-color-success:var(--text-positive,#1A9E32);--plasma-textfield-content-slot-color-success-hover:var(--text-positive-hover,#1EB83AFF);--plasma-textfield-content-slot-color-success-active:var(--text-positive-active,#15842AFF);--plasma-range-content-slot-color-error:var(--text-negative,#FF293E);--plasma-range-content-slot-color-error-hover:var(--text-negative-hover,#FF475AFF);--plasma-range-content-slot-color-error-active:var(--text-negative-active,#FF0A23FF);--plasma-textfield-content-slot-color-error:var(--text-negative,#FF293E);--plasma-textfield-content-slot-color-error-hover:var(--text-negative-hover,#FF475AFF);--plasma-textfield-content-slot-color-error-active:var(--text-negative-active,#FF0A23FF);--plasma-range-textfield-color:var(--text-primary,#FFFFFFF5);--plasma-range-textfield-color-success:var(--text-positive,#1A9E32);--plasma-range-textfield-color-error:var(--text-negative,#FF293E);--plasma-range-focus-color:var(--text-accent,#3F81FD);--plasma-range-textfield-placeholder-color:var(--text-secondary,#FFFFFF8F);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary,#FFFFFF47);--plasma-range-textfield-clear-placeholder-color-focus:var(--text-tertiary,#FFFFFF47);--plasma-range-textfield-caret-color:var(--text-accent,#3F81FD);--plasma-range-textfield-background-color-hover:transparent;--plasma-range-textfield-background-color-focus:transparent;--plasma-range-textfield-background-color-error:transparent;--plasma-range-textfield-background-color-error-hover:transparent;--plasma-range-textfield-background-color-error-focus:transparent;--plasma-range-textfield-background-color-success:transparent;--plasma-range-textfield-background-color-success-hover:transparent;--plasma-range-textfield-background-color-success-focus:transparent;--plasma-range-textfield__before-text-color:var(--text-tertiary,#FFFFFF47);--plasma-range-textfield__after-text-color:var(--text-tertiary,#FFFFFF47);--plasma-range-textfield__divider-color-success:var(--surface-positive,#1A9E32);--plasma-range-textfield__divider-color-error:var(--surface-negative,#FF293E);--plasma-range-textfield__divider-color-hover:var(--text-secondary,#FFFFFF8F);--plasma-range-textfield__divider-color-focus:var(--surface-accent,#3F81FD);--plasma-range-info-wrapper-indicator-color:var(--surface-negative,#FF293E);}
|
|
2
|
-
.x1o6gqcb{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 1.5rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 1.125rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:4rem;--plasma-range-embed-icon-button-width:2.25rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.563rem -1.25rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.563rem auto auto -1.25rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.563rem -3.5rem auto auto;}
|
|
3
|
-
.l10h3yah{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 1.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 1.125rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:3.5rem;--plasma-range-embed-icon-button-width:2.25rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.313rem -1.125rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.313rem auto auto -1.125rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.313rem -3.375rem auto auto;}
|
|
4
|
-
.m15z3isz{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 1.25rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0.875rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-embed-icon-button-height:3rem;--plasma-range-embed-icon-button-width:2.375rem;--plasma-range-embed-icon-button-padding:0 0 0.875rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.063rem -1rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.063rem auto auto -1rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.063rem -3.25rem auto auto;}
|
|
5
|
-
.s13i67c{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 1.125rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0.75rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-embed-icon-button-height:2.5rem;--plasma-range-embed-icon-button-width:2.5rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.813rem -0.875rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.813rem auto auto -0.875rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.813rem -3.125rem auto auto;}
|
|
6
|
-
.x17tesvn{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.875rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0.5rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-embed-icon-button-height:2rem;--plasma-range-embed-icon-button-width:1.5rem;--plasma-range-embed-icon-button-padding:0 0 0.5rem;--plasma-range-embed-icon-button-radius:0.5rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.875rem -0.75rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.625rem auto auto -0.75rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.625rem -2rem auto auto;}
|
|
2
|
+
.x1o6gqcb{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 1.5rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 1.125rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:4rem;--plasma-range-embed-icon-button-width:2.25rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-margin:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.563rem -1.25rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.563rem auto auto -1.25rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.563rem -3.5rem auto auto;}
|
|
3
|
+
.l10h3yah{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 1.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 1.125rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:3.5rem;--plasma-range-embed-icon-button-width:2.25rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-margin:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.313rem -1.125rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.313rem auto auto -1.125rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.313rem -3.375rem auto auto;}
|
|
4
|
+
.m15z3isz{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 1.25rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0.875rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-embed-icon-button-height:3rem;--plasma-range-embed-icon-button-width:2.375rem;--plasma-range-embed-icon-button-padding:0 0 0.875rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-margin:0.3125rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.063rem -1rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.063rem auto auto -1rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.063rem -3.25rem auto auto;}
|
|
5
|
+
.s13i67c{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 1.125rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0.75rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-embed-icon-button-height:2.5rem;--plasma-range-embed-icon-button-width:2.5rem;--plasma-range-embed-icon-button-padding:0 0 0.75rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-margin:0.1875rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.813rem -0.875rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.813rem auto auto -0.875rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.813rem -3.125rem auto auto;}
|
|
6
|
+
.x17tesvn{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.875rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0.5rem 0 0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-embed-icon-button-height:2rem;--plasma-range-embed-icon-button-width:1.5rem;--plasma-range-embed-icon-button-padding:0 0 0.5rem;--plasma-range-embed-icon-button-radius:0.5rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.25rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-margin:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.875rem -0.75rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.625rem auto auto -0.75rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.625rem -2rem auto auto;}
|
|
7
7
|
.d117xsxl{--plasma-range-info-wrapper-tooltip-background-color:var(--surface-solid-card-brightness,#262626FF);--plasma-range-info-wrapper-tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-range-info-wrapper-tooltip-color:var(--text-primary,#FFFFFFF5);--plasma-range-info-wrapper-tooltip-arrow-background:var(--surface-solid-card-brightness,#262626FF);}
|
|
8
8
|
.mrpx6of{--plasma-range-info-wrapper-tooltip-padding-top:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-right:0.875rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-left:0.875rem;--plasma-range-info-wrapper-tooltip-min-height:2.5rem;--plasma-range-info-wrapper-tooltip-border-radius:0.625rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-range-info-wrapper-tooltip-arrow-height:0.5rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.625rem;}
|
|
9
9
|
.s18ypdbp{--plasma-range-info-wrapper-tooltip-padding-top:0.5rem;--plasma-range-info-wrapper-tooltip-padding-right:0.75rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.5rem;--plasma-range-info-wrapper-tooltip-padding-left:0.75rem;--plasma-range-info-wrapper-tooltip-min-height:2rem;--plasma-range-info-wrapper-tooltip-border-radius:0.5rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-range-info-wrapper-tooltip-arrow-height:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.5625rem;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.config.js","sources":["../../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentNegativeHover,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPositiveHover,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/plasma-themes/tokens/plasma_b2c';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: ${surfaceTransparentPrimary};\n ${tokens.backgroundError}: ${surfaceTransparentNegative};\n ${tokens.backgroundSuccess}: ${surfaceTransparentPositive};\n\n ${tokens.dividerColor}: ${textPrimary};\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.leftHelperColor}: ${textSecondary};\n ${tokens.leftHelperColorError}: ${textNegative};\n ${tokens.leftHelperColorSuccess}: ${textPositive};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.contentSlotColor}: ${textPrimary};\n ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n ${tokens.contentSlotRightColor}: ${textPrimary};\n ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n ${tokens.textFieldBackgroundErrorColorHover}: ${surfaceTransparentNegativeHover};\n ${tokens.textFieldBackgroundErrorColorFocus}: ${surfaceTransparentNegativeActive};\n ${tokens.textFieldBackgroundSuccessColor}: ${surfaceTransparentPositive};\n ${tokens.textFieldBackgroundSuccessColorHover}: ${surfaceTransparentPositiveHover};\n ${tokens.textFieldBackgroundSuccessColorFocus}: ${surfaceTransparentPositiveActive};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n\n ${tokens.focusColor}: ${textAccent};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 4rem;\n ${tokens.embedIconButtonWidth}: 4rem;\n ${tokens.embedIconButtonPadding}: 1.25rem;\n ${tokens.embedIconButtonRadius}: 1rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3.5rem;\n ${tokens.embedIconButtonWidth}: 3.5rem;\n ${tokens.embedIconButtonPadding}: 1rem;\n ${tokens.embedIconButtonRadius}: 0.875rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n ${tokens.dividerFontSize}: ${bodyM.fontSize};\n ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3rem;\n ${tokens.embedIconButtonWidth}: 3rem;\n ${tokens.embedIconButtonPadding}: 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.75rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.625rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2.5rem;\n ${tokens.embedIconButtonWidth}: 2.5rem;\n ${tokens.embedIconButtonPadding}: 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.5rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyXS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2rem;\n ${tokens.embedIconButtonWidth}: 2rem;\n ${tokens.embedIconButtonPadding}: 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.5rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.375rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.375rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.375rem 0;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: ${textPrimary};\n ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n\n ${tokens.dividerColorReadOnly}: ${textSecondary};\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":";;;;AA8BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KAmDV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,SA2ED;AACDC,MAAAA,CAAC,EAAA,SA2EA;AACDC,MAAAA,CAAC,EAAA,UA2EA;AACDC,MAAAA,CAAC,EAAA,SA2EA;AACDC,MAAAA,EAAE,EAAA;KA4EL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Range.config.js","sources":["../../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceNegative,\n surfaceSolidCardBrightness,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentNegativeHover,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPositiveHover,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/plasma-themes/tokens/plasma_b2c';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: ${surfaceTransparentPrimary};\n ${tokens.backgroundError}: ${surfaceTransparentNegative};\n ${tokens.backgroundSuccess}: ${surfaceTransparentPositive};\n\n ${tokens.dividerColor}: ${textPrimary};\n ${tokens.labelColor}: ${textPrimary};\n ${tokens.leftHelperColor}: ${textSecondary};\n ${tokens.leftHelperColorError}: ${textNegative};\n ${tokens.leftHelperColorSuccess}: ${textPositive};\n ${tokens.titleCaptionColor}: ${textSecondary};\n ${tokens.hintIconColor}: ${textSecondary};\n\n ${tokens.contentSlotColor}: ${textPrimary};\n ${tokens.contentSlotColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotColorActive}: ${textPrimaryActive};\n\n ${tokens.embedIconButtonFocusColor}: ${surfaceAccent};\n ${tokens.contentSlotRightColor}: ${textPrimary};\n ${tokens.contentSlotRightColorHover}: ${textPrimaryHover};\n ${tokens.contentSlotRightColorActive}: ${textPrimaryActive};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondaryActive};\n\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldCaretColor}: ${textAccent};\n\n ${tokens.textFieldBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n ${tokens.textFieldBackgroundColorFocus}: ${surfaceTransparentSecondary};\n ${tokens.textFieldBackgroundErrorColor}: ${surfaceTransparentNegative};\n ${tokens.textFieldBackgroundErrorColorHover}: ${surfaceTransparentNegativeHover};\n ${tokens.textFieldBackgroundErrorColorFocus}: ${surfaceTransparentNegativeActive};\n ${tokens.textFieldBackgroundSuccessColor}: ${surfaceTransparentPositive};\n ${tokens.textFieldBackgroundSuccessColorHover}: ${surfaceTransparentPositiveHover};\n ${tokens.textFieldBackgroundSuccessColorFocus}: ${surfaceTransparentPositiveActive};\n\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n\n ${tokens.indicatorColor}: ${surfaceNegative};\n\n ${tokens.focusColor}: ${textAccent};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 4rem;\n ${tokens.embedIconButtonWidth}: 4rem;\n ${tokens.embedIconButtonPadding}: 1.25rem;\n ${tokens.embedIconButtonRadius}: 1rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionMargin}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyL.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyL.fontStyle};\n ${tokens.dividerFontSize}: ${bodyL.fontSize};\n ${tokens.dividerFontWeight}: ${bodyL.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: ${bodyL.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyL.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyL.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyL.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyL.fontFamily};\n ${tokens.labelFontSize}: ${bodyL.fontSize};\n ${tokens.labelFontStyle}: ${bodyL.fontStyle};\n ${tokens.labelFontWeight}: ${bodyL.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3.5rem;\n ${tokens.embedIconButtonWidth}: 3.5rem;\n ${tokens.embedIconButtonPadding}: 1rem;\n ${tokens.embedIconButtonRadius}: 0.875rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionMargin}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyM.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyM.fontStyle};\n ${tokens.dividerFontSize}: ${bodyM.fontSize};\n ${tokens.dividerFontWeight}: ${bodyM.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: ${bodyM.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyM.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyM.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyM.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyM.fontFamily};\n ${tokens.labelFontSize}: ${bodyM.fontSize};\n ${tokens.labelFontStyle}: ${bodyM.fontStyle};\n ${tokens.labelFontWeight}: ${bodyM.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 3rem;\n ${tokens.embedIconButtonWidth}: 3rem;\n ${tokens.embedIconButtonPadding}: 0.75rem;\n ${tokens.embedIconButtonRadius}: 0.75rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.625rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionMargin}: 0.3125rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyS.fontFamily};\n ${tokens.labelFontSize}: ${bodyS.fontSize};\n ${tokens.labelFontStyle}: ${bodyS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2.5rem;\n ${tokens.embedIconButtonWidth}: 2.5rem;\n ${tokens.embedIconButtonPadding}: 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.625rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.5rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionMargin}: 0.1875rem;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.dividerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.dividerFontSize}: ${bodyXS.fontSize};\n ${tokens.dividerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.dividerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.dividerLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.labelFontSize}: ${bodyXS.fontSize};\n ${tokens.labelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.labelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.labelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.embedIconButtonHeight}: 2rem;\n ${tokens.embedIconButtonWidth}: 2rem;\n ${tokens.embedIconButtonPadding}: 0.5rem;\n ${tokens.embedIconButtonRadius}: 0.5rem;\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.375rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionMargin}: 0;\n ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.leftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.leftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.leftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.leftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.leftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.375rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.375rem 0;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: ${textPrimary};\n ${tokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};\n\n ${tokens.dividerColorReadOnly}: ${textSecondary};\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":";;;;AA8BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KAmDV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,SA4ED;AACDC,MAAAA,CAAC,EAAA,SA4EA;AACDC,MAAAA,CAAC,EAAA,UA4EA;AACDC,MAAAA,CAAC,EAAA,SA4EA;AACDC,MAAAA,EAAE,EAAA;KA6EL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.d1nh97pi{--plasma-range-background:var(--surface-transparent-primary,#FFFFFF0F);--plasma-range-background-error:var(--surface-transparent-negative,#FF293E33);--plasma-range-background-success:var(--surface-transparent-positive,#1A9E3233);--plasma-range__divider-color:var(--text-primary,#FFFFFFF5);--plasma-range-info-wrapper-label-color:var(--text-primary,#FFFFFFF5);--plasma-range-info-wrapper-left-helper-color:var(--text-secondary,#FFFFFF8F);--plasma-range-info-wrapper-left-helper--error:var(--text-negative,#FF293E);--plasma-range-info-wrapper-left-helper--success:var(--text-positive,#1A9E32);--plasma-range-info-wrapper-title-caption-color:var(--text-secondary,#FFFFFF8F);--plasma-range-info-wrapper-hint-icon-color:var(--text-secondary,#FFFFFF8F);--plasma-range-content-slot-color:var(--text-primary,#FFFFFFF5);--plasma-range-content-slot-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-range-content-slot-color-active:var(--text-primary-active,#FFFFFFC4);--plasma-range-embed-icon-button-focus-color:var(--surface-accent,#3F81FD);--plasma-range-content-right-slot-color:var(--text-primary,#FFFFFFF5);--plasma-range-content-right-slot-color-hover:var(--text-primary-hover,#FFFFFF93);--plasma-range-content-right-slot-color-active:var(--text-primary-active,#FFFFFFC4);--plasma-textfield-content-slot-color:var(--text-secondary,#FFFFFF8F);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover,#FFFFFFFF);--plasma-textfield-content-slot-color-active:var(--text-secondary-active,#FFFFFFAB);--plasma-textfield-content-right-slot-color:var(--text-secondary,#FFFFFF8F);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover,#FFFFFFFF);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active,#FFFFFFAB);--plasma-range-textfield-color:var(--text-primary,#FFFFFFF5);--plasma-range-textfield-placeholder-color:var(--text-secondary,#FFFFFF8F);--plasma-range-textfield-caret-color:var(--text-accent,#3F81FD);--plasma-range-textfield-background-color-hover:var(--surface-transparent-primary-hover,#FFFFFF1F);--plasma-range-textfield-background-color-focus:var(--surface-transparent-secondary,#FFFFFF1F);--plasma-range-textfield-background-color-error:var(--surface-transparent-negative,#FF293E33);--plasma-range-textfield-background-color-error-hover:var(--surface-transparent-negative-hover,#FF293E52);--plasma-range-textfield-background-color-error-focus:var(--surface-transparent-negative-active,#FF293E24);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive,#1A9E3233);--plasma-range-textfield-background-color-success-hover:var(--surface-transparent-positive-hover,#1A9E3252);--plasma-range-textfield-background-color-success-focus:var(--surface-transparent-positive-active,#1A9E3224);--plasma-range-textfield__before-text-color:var(--text-tertiary,#FFFFFF47);--plasma-range-textfield__after-text-color:var(--text-tertiary,#FFFFFF47);--plasma-range-info-wrapper-indicator-color:var(--surface-negative,#FF293E);--plasma-range-focus-color:var(--text-accent,#3F81FD);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary,#FFFFFF47);}
|
|
2
|
-
.xcttcgt{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1.125rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:4rem;--plasma-range-embed-icon-button-width:4rem;--plasma-range-embed-icon-button-padding:1.25rem;--plasma-range-embed-icon-button-radius:1rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.813rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
3
|
-
.l7jroee{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:3.5rem;--plasma-range-embed-icon-button-width:3.5rem;--plasma-range-embed-icon-button-padding:1rem;--plasma-range-embed-icon-button-radius:0.875rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.563rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
4
|
-
.m1r89e6n{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0 0 0.875rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-embed-icon-button-height:3rem;--plasma-range-embed-icon-button-width:3rem;--plasma-range-embed-icon-button-padding:0.75rem;--plasma-range-embed-icon-button-radius:0.75rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.625rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.313rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
5
|
-
.sc5cn5n{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0 0 0.75rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-embed-icon-button-height:2.5rem;--plasma-range-embed-icon-button-width:2.5rem;--plasma-range-embed-icon-button-padding:0.5rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.5rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.063rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
6
|
-
.x3pjoau{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0 0 0.5rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-embed-icon-button-height:2rem;--plasma-range-embed-icon-button-width:2rem;--plasma-range-embed-icon-button-padding:0.5rem;--plasma-range-embed-icon-button-radius:0.5rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.375rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.188rem 0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.375rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.375rem 0;}
|
|
2
|
+
.xcttcgt{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1.125rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:4rem;--plasma-range-embed-icon-button-width:4rem;--plasma-range-embed-icon-button-padding:1.25rem;--plasma-range-embed-icon-button-radius:1rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.813rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-margin:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
3
|
+
.l7jroee{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-embed-icon-button-height:3.5rem;--plasma-range-embed-icon-button-width:3.5rem;--plasma-range-embed-icon-button-padding:1rem;--plasma-range-embed-icon-button-radius:0.875rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.563rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-margin:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
4
|
+
.m1r89e6n{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0 0 0.875rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-embed-icon-button-height:3rem;--plasma-range-embed-icon-button-width:3rem;--plasma-range-embed-icon-button-padding:0.75rem;--plasma-range-embed-icon-button-radius:0.75rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.625rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.313rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-margin:0.3125rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
5
|
+
.sc5cn5n{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0 0 0.75rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-embed-icon-button-height:2.5rem;--plasma-range-embed-icon-button-width:2.5rem;--plasma-range-embed-icon-button-padding:0.5rem;--plasma-range-embed-icon-button-radius:0.625rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.5rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.063rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-margin:0.1875rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
|
|
6
|
+
.x3pjoau{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0 0 0.5rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-embed-icon-button-height:2rem;--plasma-range-embed-icon-button-width:2rem;--plasma-range-embed-icon-button-padding:0.5rem;--plasma-range-embed-icon-button-radius:0.5rem;--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.375rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.188rem 0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-margin:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.375rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.375rem 0;}
|
|
7
7
|
.dk9yl84{--plasma-range-info-wrapper-tooltip-background-color:var(--surface-solid-card-brightness,#262626FF);--plasma-range-info-wrapper-tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-range-info-wrapper-tooltip-color:var(--text-primary,#FFFFFFF5);--plasma-range-info-wrapper-tooltip-arrow-background:var(--surface-solid-card-brightness,#262626FF);}
|
|
8
8
|
.mdmkit3{--plasma-range-info-wrapper-tooltip-padding-top:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-right:0.875rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-left:0.875rem;--plasma-range-info-wrapper-tooltip-min-height:2.5rem;--plasma-range-info-wrapper-tooltip-border-radius:0.625rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-range-info-wrapper-tooltip-arrow-height:0.5rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.625rem;}
|
|
9
9
|
.s1rf2kwi{--plasma-range-info-wrapper-tooltip-padding-top:0.5rem;--plasma-range-info-wrapper-tooltip-padding-right:0.75rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.5rem;--plasma-range-info-wrapper-tooltip-padding-left:0.75rem;--plasma-range-info-wrapper-tooltip-min-height:2rem;--plasma-range-info-wrapper-tooltip-border-radius:0.5rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-range-info-wrapper-tooltip-arrow-height:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.5625rem;}
|