@salutejs/plasma-new-hope 0.342.0-canary.2336.19502815560.0 → 0.342.0-canary.2342.19537901143.0

package/cjs/components/Carousel/CarouselOld/CarouselItem.js

@@ -1,4 +1,4 @@
-require('./CarouselItem_uvoxfy.css');
+require('./CarouselItem_eduufx.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n    scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n    scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n    scrollSnapAlign = 'center',\n    scrollSnapStop = 'always',\n    children,\n    ...rest\n}) => {\n    return (\n        <StyledItem\n            scrollSnapAlign={scrollSnapAlign}\n            scrollSnapStop={scrollSnapStop}\n            role=\"group\"\n            aria-roledescription=\"slide\"\n            {...rest}\n        >\n            {children}\n        </StyledItem>\n    );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;;;;;;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAGjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GALzDA,SAKyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAF9G,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACAX,IAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACb,UAAU,EAAAc,iCAAA,CAAA;AACPlB,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,cAAc,EAAEA,cAAe;AAC/BgB,IAAAA,IAAI,EAAC,OAAO;IACZ,sBAAqB,EAAA,OAAA;GACjBJ,EAAAA,IAAI,CAEPD,EAAAA,QACO,CAAC,CAAA;AAErB;;;;"}
+{"version":3,"file":"CarouselItem.js","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { SnapAlign, SnapStop, CarouselItemProps } from './Carousel.types';\n\nconst StyledItem = styled.div<{ scrollSnapAlign: SnapAlign; scrollSnapStop: SnapStop }>`\n    box-sizing: content-box;\n    scroll-snap-align: ${({ scrollSnapAlign }) => scrollSnapAlign || 'none'};\n    scroll-snap-stop: ${({ scrollSnapAlign, scrollSnapStop }) => (scrollSnapAlign ? scrollSnapStop : 'normal')};\n`;\n\nexport const CarouselItem: React.FC<CarouselItemProps> = ({\n    scrollSnapAlign = 'center',\n    scrollSnapStop = 'always',\n    children,\n    ...rest\n}) => {\n    return (\n        <StyledItem\n            scrollSnapAlign={scrollSnapAlign}\n            scrollSnapStop={scrollSnapStop}\n            role=\"group\"\n            aria-roledescription=\"slide\"\n            {...rest}\n        >\n            {children}\n        </StyledItem>\n    );\n};\n"],"names":["_exp","_ref","scrollSnapAlign","_exp2","_ref2","scrollSnapStop","StyledItem","styled","name","class","propsAsIs","vars","CarouselItem","_ref3","_ref3$scrollSnapAlign","_ref3$scrollSnapStop","children","rest","React","createElement","_extends","role"],"mappings":";;;;;;;;;;;;;AAG0E,IAAAA,IAAA,GAFxDA,SAEwDA,IAAAA,GAAA;AAAA,EAAA,OAIjD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,IAAAA,CAAAA,eAAAA,CAAAA;IAAAA,OAAsBA,eAAe,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GANzDA,SAMyDA,KAAAA,GAAA;AAAA,EAAA,OACnD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,eAAe,GAAAE,KAAA,CAAfF,eAAe;MAAEG,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAsBH,eAAe,GAAGG,cAAc,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9G,IAAMC,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEAX,IAAkD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACnDG,KAAsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAC7G,CAAA,CAAA;IAEYS,YAAyC,GAAGA,SAA5CA,YAAyCA,CAAAC,KAAA,EAKhD;AAAA,EAAA,IAAAC,qBAAA,GAAAD,KAAA,CAJFX,eAAe;AAAfA,IAAAA,eAAe,GAAAY,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAAAC,oBAAA,GAAAF,KAAA,CAC1BR,cAAc;AAAdA,IAAAA,cAAc,GAAAU,oBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,oBAAA;IACzBC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;AACLC,IAAAA,IAAAA,GAAAA,iDAAAA,CAAAA,KAAAA,EAAAA,SAAAA,CAAAA,CAAAA;AAEH,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACb,UAAU,EAAAc,iCAAA,CAAA;AACPlB,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,cAAc,EAAEA,cAAe;AAC/BgB,IAAAA,IAAI,EAAC,OAAO;IACZ,sBAAqB,EAAA,OAAA;GACjBJ,EAAAA,IAAI,CAEPD,EAAAA,QACO,CAAC,CAAA;AAErB;;;;"}

package/cjs/components/Carousel/CarouselOld/CarouselItem_eduufx.css

@@ -0,0 +1 @@
+.sossdp0{box-sizing:content-box;-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}

package/cjs/components/Sheet/Sheet.js

@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
+var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "hasScrollEvents", "throttleMs", "className", "view"];
 
 /**
  * Открывает окно-шторку поверх основного экрана.
@@ -44,6 +44,8 @@ var sheetRoot = function sheetRoot(Root) {
       withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
       _ref$withTransition = _ref.withTransition,
       withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
+      _ref$hasScrollEvents = _ref.hasScrollEvents,
+      hasScrollEvents = _ref$hasScrollEvents === void 0 ? true : _ref$hasScrollEvents,
       throttleMs = _ref.throttleMs,
       className = _ref.className,
       view = _ref.view,
@@ -59,6 +61,7 @@ var sheetRoot = function sheetRoot(Root) {
       contentRef: contentRef,
       handleRef: handleRef,
       throttleMs: throttleMs,
+      hasScrollEvents: hasScrollEvents,
       onClose: onClose
     });
     var hasHeader = Boolean(contentHeader);

package/cjs/components/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                children,\n                onClose,\n                hasHandle = true,\n                handlePlacement,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ opened });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = opened ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n                    <StyledContentWrapper\n                        opened={opened}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && opened && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        handlePlacement: {\n            css: handlePlacementCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        handlePlacement: 'outer',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n    StyledContentWrapper,\n    StyledSheetBody,\n    StyledSheetContent,\n    StyledSheetFooter,\n    StyledSheetHandle,\n    StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n    forwardRef<HTMLDivElement, SheetProps>(\n        (\n            {\n                opened,\n                children,\n                onClose,\n                hasHandle = true,\n                handlePlacement,\n                contentHeader,\n                isHeaderFixed = false,\n                contentFooter,\n                isFooterFixed = false,\n                withOverlay = true,\n                withBlur = false,\n                withTransition = true,\n                hasScrollEvents = true,\n                throttleMs,\n                className,\n                view,\n                ...restProps\n            },\n            rootRef,\n        ) => {\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentRef = useRef<HTMLDivElement>(null);\n            const handleRef = useRef<HTMLDivElement>(null);\n\n            useOverflow({ opened });\n            useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n            const hasHeader = Boolean(contentHeader);\n            const hasFooter = Boolean(contentFooter);\n\n            const closedClass = opened ? undefined : `${classes.closed}`;\n\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.sheetOverlayWithBlurColor})`\n                : `var(${tokens.sheetOverlayColor})`;\n\n            return (\n                <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n                    <StyledContentWrapper\n                        opened={opened}\n                        withTransition={withTransition}\n                        className={cx(closedClass, className)}\n                        ref={contentWrapperRef}\n                        {...restProps}\n                    >\n                        {hasHandle && <StyledSheetHandle ref={handleRef} />}\n                        <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n                            {hasHeader && (\n                                <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n                            )}\n                            <StyledSheetBody>{children}</StyledSheetBody>\n                            {hasFooter && (\n                                <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n                            )}\n                        </StyledSheetContent>\n                    </StyledContentWrapper>\n                    {withOverlay && opened && (\n                        <Overlay\n                            zIndex={DEFAULT_Z_INDEX}\n                            backgroundColorProperty={overlayBackgroundToken}\n                            withBlur={withBlur}\n                            isClickable\n                            onOverlayClick={onClose}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const sheetConfig = {\n    name: 'Sheet',\n    tag: 'div',\n    layout: sheetRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        handlePlacement: {\n            css: handlePlacementCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        handlePlacement: 'outer',\n    },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}

package/cjs/components/Sheet/hooks/useSheetSwipe.js

@@ -23,6 +23,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
   var contentWrapperRef = args.contentWrapperRef,
     contentRef = args.contentRef,
     handleRef = args.handleRef,
+    hasScrollEvents = args.hasScrollEvents,
     onClose = args.onClose,
     _args$throttleMs = args.throttleMs,
     throttleMs = _args$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args$throttleMs;
@@ -38,7 +39,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
     var handleEl = handleRef.current;
     var contentEl = contentRef.current;
     var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
-    if (!triggerElement || !contentEl || !contentWrapperEl) {
+    if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
       return;
     }
     var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));

package/cjs/components/Sheet/hooks/useSheetSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n    if (!element) {\n        return false;\n    }\n\n    const style = getComputedStyle(element);\n\n    return (\n        style.overflow === 'scroll' ||\n        style.overflow === 'auto' ||\n        style.overflowY === 'scroll' ||\n        style.overflowY === 'auto'\n    );\n};\n\nexport const useSheetSwipe = (args: {\n    contentWrapperRef: RefObject<HTMLDivElement>;\n    contentRef: RefObject<HTMLDivElement>;\n    handleRef: RefObject<HTMLDivElement>;\n    throttleMs?: number;\n    onClose: () => void;\n}) => {\n    const { contentWrapperRef, contentRef, handleRef, onClose, throttleMs = THROTTLE_DEFAULT_MS } = args;\n    const [isTopScroll, setIsTopScroll] = useState(true);\n    const isOverscroll = useRef(false);\n    const startY = useRef(0);\n    const currentY = useRef(0);\n\n    useEffect(() => {\n        const contentWrapperEl = contentWrapperRef.current;\n        const handleEl = handleRef.current;\n        const contentEl = contentRef.current;\n\n        const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n        if (!triggerElement || !contentEl || !contentWrapperEl) {\n            return;\n        }\n\n        const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n        const scrollableElements = nodes.filter(isScrollable);\n\n        contentWrapperEl.style.willChange = 'transform';\n\n        const onTouchStart = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            startY.current = event.changedTouches[0].clientY;\n            currentY.current = startY.current;\n\n            contentWrapperEl.style.transition = 'none';\n        };\n\n        const onTouchMove = (event: TouchEvent) => {\n            const { clientY } = event.changedTouches[0];\n            currentY.current = Math.max(startY.current, clientY);\n            const offsetY = currentY.current - startY.current;\n\n            if (isOverscroll.current) {\n                startY.current = Infinity;\n                return;\n            }\n\n            if (offsetY !== 0 && event.cancelable) {\n                event.preventDefault();\n            }\n\n            contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n        };\n\n        const onTouchEnd = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            const curtainHeight = contentWrapperEl.offsetHeight;\n            const endY = event.changedTouches[0].clientY;\n            const offsetY = endY - startY.current;\n\n            contentWrapperEl.style.transform = '';\n            contentWrapperEl.style.transition = '';\n\n            if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n                onClose();\n            }\n        };\n\n        const onScroll = throttle((event: Event) => {\n            const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n            if (!onTop) {\n                isOverscroll.current = true;\n            }\n\n            setIsTopScroll(onTop);\n        }, throttleMs);\n\n        triggerElement.addEventListener('touchstart', onTouchStart);\n        triggerElement.addEventListener('touchmove', onTouchMove);\n        triggerElement.addEventListener('touchend', onTouchEnd);\n\n        scrollableElements.forEach((element) => {\n            element.addEventListener('scroll', onScroll);\n        });\n\n        return () => {\n            triggerElement.removeEventListener('touchstart', onTouchStart);\n            triggerElement.removeEventListener('touchmove', onTouchMove);\n            triggerElement.removeEventListener('touchend', onTouchEnd);\n\n            scrollableElements.forEach((element) => {\n                element.removeEventListener('scroll', onScroll);\n            });\n        };\n    }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n    if (!element) {\n        return false;\n    }\n\n    const style = getComputedStyle(element);\n\n    return (\n        style.overflow === 'scroll' ||\n        style.overflow === 'auto' ||\n        style.overflowY === 'scroll' ||\n        style.overflowY === 'auto'\n    );\n};\n\nexport const useSheetSwipe = (args: {\n    contentWrapperRef: RefObject<HTMLDivElement>;\n    contentRef: RefObject<HTMLDivElement>;\n    handleRef: RefObject<HTMLDivElement>;\n    throttleMs?: number;\n    hasScrollEvents?: boolean;\n    onClose: () => void;\n}) => {\n    const {\n        contentWrapperRef,\n        contentRef,\n        handleRef,\n        hasScrollEvents,\n        onClose,\n        throttleMs = THROTTLE_DEFAULT_MS,\n    } = args;\n    const [isTopScroll, setIsTopScroll] = useState(true);\n    const isOverscroll = useRef(false);\n    const startY = useRef(0);\n    const currentY = useRef(0);\n\n    useEffect(() => {\n        const contentWrapperEl = contentWrapperRef.current;\n        const handleEl = handleRef.current;\n        const contentEl = contentRef.current;\n\n        const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n        if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {\n            return;\n        }\n\n        const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n        const scrollableElements = nodes.filter(isScrollable);\n\n        contentWrapperEl.style.willChange = 'transform';\n\n        const onTouchStart = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            startY.current = event.changedTouches[0].clientY;\n            currentY.current = startY.current;\n\n            contentWrapperEl.style.transition = 'none';\n        };\n\n        const onTouchMove = (event: TouchEvent) => {\n            const { clientY } = event.changedTouches[0];\n            currentY.current = Math.max(startY.current, clientY);\n            const offsetY = currentY.current - startY.current;\n\n            if (isOverscroll.current) {\n                startY.current = Infinity;\n                return;\n            }\n\n            if (offsetY !== 0 && event.cancelable) {\n                event.preventDefault();\n            }\n\n            contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n        };\n\n        const onTouchEnd = (event: TouchEvent) => {\n            isOverscroll.current = false;\n\n            const curtainHeight = contentWrapperEl.offsetHeight;\n            const endY = event.changedTouches[0].clientY;\n            const offsetY = endY - startY.current;\n\n            contentWrapperEl.style.transform = '';\n            contentWrapperEl.style.transition = '';\n\n            if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n                onClose();\n            }\n        };\n\n        const onScroll = throttle((event: Event) => {\n            const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n            if (!onTop) {\n                isOverscroll.current = true;\n            }\n\n            setIsTopScroll(onTop);\n        }, throttleMs);\n\n        triggerElement.addEventListener('touchstart', onTouchStart);\n        triggerElement.addEventListener('touchmove', onTouchMove);\n        triggerElement.addEventListener('touchend', onTouchEnd);\n\n        scrollableElements.forEach((element) => {\n            element.addEventListener('scroll', onScroll);\n        });\n\n        return () => {\n            triggerElement.removeEventListener('touchstart', onTouchStart);\n            triggerElement.removeEventListener('touchmove', onTouchMove);\n            triggerElement.removeEventListener('touchend', onTouchEnd);\n\n            scrollableElements.forEach((element) => {\n                element.removeEventListener('scroll', onScroll);\n            });\n        };\n    }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","hasScrollEvents","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}

package/cjs/components/Steps/Steps.css

@@ -5,14 +5,14 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
-.StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
-.StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
-.StepItem_styles_vom1a1_b1kcj14__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.StepItem_styles_vom1a1_b9hdug__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:after{background:var(--plasma-step-item-divider-color);}
-.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
-.StepItem_styles_vom1a1_sxskc3q__531a8e02{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02{background:transparent;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{height:auto;max-height:none;}
-.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
-.StepItem_styles_vom1a1_s12pqpa3__531a8e02{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
+.StepItem_styles_b3maer_snf9dn9__ac118687{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_b3maer_b1kcj14__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:content-box;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_itemHasIndicator__ac118687{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_b3maer_b9hdug__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_b3maer_b9hdug__ac118687::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:after{background:var(--plasma-step-item-divider-color);}
+.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_b3maer_sxskc3q__ac118687{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687{background:transparent;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687.StepItem_styles_b3maer_simple__ac118687{height:auto;max-height:none;}
+.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_b3maer_s12pqpa3__ac118687{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
 
 .Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;}

package/cjs/components/Steps/ui/StepItem/StepItem.css

@@ -5,12 +5,12 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.StepItem_styles_vom1a1_snf9dn9__531a8e02{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
-.StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
-.StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
-.StepItem_styles_vom1a1_b1kcj14__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_b1kcj14__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.StepItem_styles_vom1a1_b9hdug__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02.StepItem_styles_vom1a1_focusVisible__531a8e02:focus::before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:before,.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:after{background:var(--plasma-step-item-divider-color);}
-.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_vom1a1_b1eo1o32__531a8e02.StepItem_styles_vom1a1_b9hdug__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
-.StepItem_styles_vom1a1_sxskc3q__531a8e02{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02{background:transparent;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_vom1a1_sxskc3q__531a8e02.StepItem_styles_vom1a1_indentDivider__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{height:auto;max-height:none;}
-.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_vom1a1_s4zgmmr__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
-.StepItem_styles_vom1a1_s12pqpa3__531a8e02{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02 .StepItem_styles_vom1a1_sxskc3q__531a8e02{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02{cursor:default;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemHasIndicator__531a8e02{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02):not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:not(.StepItem_styles_vom1a1_itemHasIndicator__531a8e02):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_verticalOrientation__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_verticalOrientation__531a8e02:after{margin:0 auto;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isFirst__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isFirst__531a8e02:before{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02.StepItem_styles_vom1a1_isLast__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02).StepItem_styles_vom1a1_isLast__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:after,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isPrevInactive__531a8e02:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_isNextInactive__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:before,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_simple__531a8e02.StepItem_styles_vom1a1_transparentDivider__531a8e02:after{background:transparent;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_isNextActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02:not(.StepItem_styles_vom1a1_simple__531a8e02):not(.StepItem_styles_vom1a1_verticalOrientation__531a8e02).StepItem_styles_vom1a1_itemActive__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_sv5tpso__531a8e02{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02:not(.StepItem_styles_vom1a1_itemActive__531a8e02) .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b9hdug__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02.StepItem_styles_vom1a1_itemInactive__531a8e02 .StepItem_styles_vom1a1_b1eo1o32__531a8e02{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemHovered__531a8e02 .StepItem_styles_vom1a1_b1kcj14__531a8e02{cursor:pointer;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02{width:100%;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_sv5tpso__531a8e02,.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemCentered__531a8e02 .StepItem_styles_vom1a1_s4zgmmr__531a8e02 .StepItem_styles_vom1a1_s529fhk__531a8e02{padding-right:0;text-align:center;}.StepItem_styles_vom1a1_s12pqpa3__531a8e02.StepItem_styles_vom1a1_itemDisabled__531a8e02{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}
+.StepItem_styles_b3maer_snf9dn9__ac118687{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.StepItem_styles_b3maer_b1kcj14__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:content-box;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_itemHasIndicator__ac118687{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687:not(.StepItem_styles_b3maer_simple__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_b1kcj14__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.StepItem_styles_b3maer_b9hdug__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.StepItem_styles_b3maer_b9hdug__ac118687::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687.StepItem_styles_b3maer_focusVisible__ac118687:focus::before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:before,.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_simple__ac118687:after{background:var(--plasma-step-item-divider-color);}
+.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_b3maer_b1eo1o32__ac118687.StepItem_styles_b3maer_b9hdug__ac118687.StepItem_styles_b3maer_itemActive__ac118687{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
+.StepItem_styles_b3maer_sxskc3q__ac118687{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687{background:transparent;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_b3maer_sxskc3q__ac118687.StepItem_styles_b3maer_indentDivider__ac118687.StepItem_styles_b3maer_simple__ac118687{height:auto;max-height:none;}
+.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_b3maer_s4zgmmr__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.StepItem_styles_b3maer_s12pqpa3__ac118687{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687 .StepItem_styles_b3maer_sxskc3q__ac118687{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687{cursor:default;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemHasIndicator__ac118687{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687):not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:not(.StepItem_styles_b3maer_itemHasIndicator__ac118687):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_verticalOrientation__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_verticalOrientation__ac118687:after{margin:0 auto;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isFirst__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isFirst__ac118687:before{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687.StepItem_styles_b3maer_isLast__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687).StepItem_styles_b3maer_isLast__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:after,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isPrevInactive__ac118687:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_isNextInactive__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:before,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_simple__ac118687.StepItem_styles_b3maer_transparentDivider__ac118687:after{background:transparent;}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_isNextActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687:not(.StepItem_styles_b3maer_simple__ac118687):not(.StepItem_styles_b3maer_verticalOrientation__ac118687).StepItem_styles_b3maer_itemActive__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_sv5tpso__ac118687{cursor:pointer;color:var(--plasma-step-item-completed-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687:not(.StepItem_styles_b3maer_itemActive__ac118687) .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b9hdug__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687.StepItem_styles_b3maer_itemInactive__ac118687 .StepItem_styles_b3maer_b1eo1o32__ac118687{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemHovered__ac118687 .StepItem_styles_b3maer_b1kcj14__ac118687{cursor:pointer;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687{width:100%;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_sv5tpso__ac118687,.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemCentered__ac118687 .StepItem_styles_b3maer_s4zgmmr__ac118687 .StepItem_styles_b3maer_s529fhk__ac118687{padding-right:0;text-align:center;}.StepItem_styles_b3maer_s12pqpa3__ac118687.StepItem_styles_b3maer_itemDisabled__ac118687{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}

package/cjs/components/Steps/ui/StepItem/StepItem.styles.js

@@ -1,4 +1,4 @@
-require('./StepItem.styles_vom1a1.css');
+require('./StepItem.styles_b3maer.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n    ${spinnerTokens.size}: ${({ hasIndicator }) =>\n    hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n\n    &:not(.${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            width: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            min-width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.button`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    cursor: pointer;\n    color: var(${tokens.completedIndicatorColor});\n    background: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    ${addFocus({\n        outlineOffset: '-0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: '50%',\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n\n        ${addFocus({\n            outlineOffset: '-0.1875rem',\n            outlineSize: '0.0625rem',\n            outlineRadius: '50%',\n            outlineColor: `var(${tokens.focusColor})`,\n        })}\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &.${classes.simple} {\n            &:before,\n            &:after {\n                background: var(${tokens.dividerColor});\n            }\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n    flex: 1;\n\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    background: var(${tokens.dividerColor});\n\n    &.${classes.inactive} {\n        background: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &.${classes.transparentDivider} {\n        background: transparent;\n    }\n\n    &.${classes.verticalOrientation} {\n        width: var(${tokens.dividerThickness});\n        height: 100%;\n    }\n\n    &.${classes.indentDivider} {\n        height: ${({ indentToken }) => indentToken || ''};\n        min-height: ${({ indentToken }) => indentToken || ''};\n        max-height: ${({ indentToken }) => indentToken || ''};\n\n        &.${classes.simple} {\n            height: auto;\n            max-height: none;\n        }\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n\n    color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    ${StepItemTitle} {\n        color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n    }\n\n    &.${classes.active} {\n        ${BulletIndicator} {\n            cursor: default;\n        }\n\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        align-items: center;\n        justify-content: center;\n        flex-direction: row;\n        height: 100%;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.inactive}, &:not(.${classes.active}) {\n            &:before,\n            &:after {\n                content: '';\n                display: block;\n                width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                height: var(${tokens.dividerThickness});\n                background: var(${tokens.dividerColor});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                &:before,\n                &:after {\n                    width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                }\n            }\n\n            &.${classes.verticalOrientation} {\n                flex-direction: column;\n\n                &:before,\n                &:after {\n                    width: var(${tokens.dividerThickness});\n                    height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                    margin: 0 auto;\n                    align-self: auto;\n                }\n\n                &:not(.${classes.hasIndicator}) {\n                    &:before,\n                    &:after {\n                        height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                    }\n                }\n\n                &:after {\n                    margin: 0 auto;\n                }\n            }\n\n            &.isFirst {\n                &:before {\n                    background: transparent;\n                }\n            }\n\n            &.isLast {\n                &:after {\n                    background: transparent;\n                }\n            }\n        }\n\n        &.${classes.inactive} {\n            &:after,\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isPrevInactive {\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isNextInactive {\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.${classes.disabled} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n                opacity: 1;\n            }\n        }\n\n        &.${classes.transparentDivider} {\n            &:before,\n            &:after {\n                background: transparent;\n            }\n        }\n    }\n\n    &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n        &.isNextActive {\n            ${BulletIndicatorWrapper} {\n                width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n\n        &.${classes.active} {\n            ${BulletIndicatorWrapper} {\n                margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n                width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(.${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.completedTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.disabled} {\n        cursor: default;\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPtBA,SAOsBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GATzBA,SASyBA,KAAAA,GAAA;AAAA,EAAA,OACd,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAC5BA,YAAY,GAAA,MAAA,CAAAC,MAAA,CAAUC,mBAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,mBAAM,CAACE,gBAAgB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFpF,IAAMC,aAAa,gBAAGC,YAAM,CAAAT,IAAA,EAAA,CAAA,CAAA;AAAAU,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACNZ,KAC8D,EAAA,CAAA;AAAA,GAAA;AAAA,CAE1F,EAAA;AAEM,IAAMa,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAcpC,EAAA;AAEM,IAAMI,sBAAsB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmD3C,EAAA;AAEM,IAAMK,eAAe,gBAAGR,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqEpC,EAAA;AAAC,IAAAM,MAAA,GAvKgBA,SAuKhBA,MAAAA,GAAA;AAAA,EAAA,OAE2BD,eAAe,CAAA;AAAA,CAAA,CAAA;AAArC,IAAME,MAAM,gBAAGV,YAAM,CAAAS,MAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAY3B,EAAA;AAAC,IAAAQ,MAAA,GArLgBA,SAqLhBA,MAAAA,GAAA;AAAA,EAAA,OA8BoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAkBA,WAAW,IAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA5BrD,IAAMC,eAAe,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cA4BfO,MAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3D,EAAA;AAEM,IAAMI,sBAAsB,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa3C,EAAA;AAEM,IAAMa,cAAc,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAyNnC;;;;;;;;;;;;"}
+{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n    ${spinnerTokens.size}: ${({ hasIndicator }) =>\n    hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    box-sizing: content-box;\n\n    &:not(.${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            width: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            min-width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.button`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    cursor: pointer;\n    color: var(${tokens.completedIndicatorColor});\n    background: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    ${addFocus({\n        outlineOffset: '-0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: '50%',\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n\n        ${addFocus({\n            outlineOffset: '-0.1875rem',\n            outlineSize: '0.0625rem',\n            outlineRadius: '50%',\n            outlineColor: `var(${tokens.focusColor})`,\n        })}\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &.${classes.simple} {\n            &:before,\n            &:after {\n                background: var(${tokens.dividerColor});\n            }\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n    flex: 1;\n\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    background: var(${tokens.dividerColor});\n\n    &.${classes.inactive} {\n        background: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &.${classes.transparentDivider} {\n        background: transparent;\n    }\n\n    &.${classes.verticalOrientation} {\n        width: var(${tokens.dividerThickness});\n        height: 100%;\n    }\n\n    &.${classes.indentDivider} {\n        height: ${({ indentToken }) => indentToken || ''};\n        min-height: ${({ indentToken }) => indentToken || ''};\n        max-height: ${({ indentToken }) => indentToken || ''};\n\n        &.${classes.simple} {\n            height: auto;\n            max-height: none;\n        }\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n\n    color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    ${StepItemTitle} {\n        color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n    }\n\n    &.${classes.active} {\n        ${BulletIndicator} {\n            cursor: default;\n        }\n\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        align-items: center;\n        justify-content: center;\n        flex-direction: row;\n        height: 100%;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.inactive}, &:not(.${classes.active}) {\n            &:before,\n            &:after {\n                content: '';\n                display: block;\n                width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                height: var(${tokens.dividerThickness});\n                background: var(${tokens.dividerColor});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                &:before,\n                &:after {\n                    width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                }\n            }\n\n            &.${classes.verticalOrientation} {\n                flex-direction: column;\n\n                &:before,\n                &:after {\n                    width: var(${tokens.dividerThickness});\n                    height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                    margin: 0 auto;\n                    align-self: auto;\n                }\n\n                &:not(.${classes.hasIndicator}) {\n                    &:before,\n                    &:after {\n                        height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                    }\n                }\n\n                &:after {\n                    margin: 0 auto;\n                }\n            }\n\n            &.isFirst {\n                &:before {\n                    background: transparent;\n                }\n            }\n\n            &.isLast {\n                &:after {\n                    background: transparent;\n                }\n            }\n        }\n\n        &.${classes.inactive} {\n            &:after,\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isPrevInactive {\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isNextInactive {\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.${classes.disabled} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n                opacity: 1;\n            }\n        }\n\n        &.${classes.transparentDivider} {\n            &:before,\n            &:after {\n                background: transparent;\n            }\n        }\n    }\n\n    &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n        &.isNextActive {\n            ${BulletIndicatorWrapper} {\n                width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n\n        &.${classes.active} {\n            ${BulletIndicatorWrapper} {\n                margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n                width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(.${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.completedTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.disabled} {\n        cursor: default;\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}

package/{es/components/Steps/ui/StepItem/StepItem.styles_vom1a1.css → cjs/components/Steps/ui/StepItem/StepItem.styles_b3maer.css}

@@ -1,7 +1,7 @@
 .snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
 .sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
 .s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
-.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:content-box;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
 .b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.b9hdug::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-divider-color);}
 .b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
 .sxskc3q{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-divider-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}