@doist/reactist 28.4.0 → 28.5.0

package/es/box/box.js

@@ -9,7 +9,7 @@ import modules_131405ac from './margin.module.css.js';
 import modules_89b7671c from './width.module.css.js';
 import modules_8b5c09cb from './gap.module.css.js';
 
-const _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "className", "children"];
+const _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"];
 
 function getBoxClassNames({
   position = 'static',
@@ -45,6 +45,7 @@ function getBoxClassNames({
   marginRight,
   marginBottom,
   marginLeft,
+  overlayScroll,
   className
 }) {
   var _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8;
@@ -62,7 +63,7 @@ function getBoxClassNames({
   getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
   getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
   omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), alignSelf != null ? getClassNames(modules_54d944f2, 'alignSelf', alignSelf) : null, flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, gap ? getClassNames(modules_8b5c09cb, 'gap', gap) : null, // other props
-  getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null);
+  getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null, overlayScroll ? modules_54d944f2.overlayScroll : null);
 }
 
 const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
@@ -101,6 +102,7 @@ const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
     marginRight,
     marginBottom,
     marginLeft,
+    overlayScroll,
     className,
     children
   } = _ref9,
@@ -141,6 +143,7 @@ const Box = /*#__PURE__*/polymorphicComponent(function Box(_ref9, ref) {
       marginRight,
       marginBottom,
       marginLeft,
+      overlayScroll,
       className
     }),
     ref

package/es/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React","createElement"],"mappings":"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"}
+{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n    /**\n     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n     *\n     * Scrollbar appearance may be affected by macOS system settings,\n     * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n     * This can override or change the effect of these styles on Mac devices.\n     */\n    overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    overlayScroll,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n        overlayScroll ? styles.overlayScroll : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        overlayScroll,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                overlayScroll,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","ref","as","component","children","props","React","createElement"],"mappings":"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"}

package/es/box/box.module.css.js

@@ -1,4 +1,4 @@
-var modules_54d944f2 = {"box":"fc42413d","position-absolute":"fae81daf","position-fixed":"a5bc8416","position-relative":"fc1a1048","position-sticky":"bf792080","tablet-position-absolute":"_077996a2","tablet-position-fixed":"fa51626b","tablet-position-relative":"fbe5cea1","tablet-position-sticky":"_78273192","desktop-position-absolute":"_0683335b","desktop-position-fixed":"bcf9a7db","desktop-position-relative":"dab014b0","desktop-position-sticky":"e55b598a","display-block":"bf535c88","display-flex":"_27c1200b","display-inline":"_1ef58463","display-inlineBlock":"a895e180","display-inlineFlex":"_02433984","display-none":"_19b230db","tablet-display-block":"_2eb0ba1d","tablet-display-flex":"_69ab5292","tablet-display-inline":"_09a172d4","tablet-display-inlineBlock":"c867403c","tablet-display-inlineFlex":"a06f5b03","tablet-display-none":"_308a410d","desktop-display-block":"b5ea9f74","desktop-display-flex":"_81a526b3","desktop-display-inline":"_33230982","desktop-display-inlineBlock":"c7c28f1c","desktop-display-inlineFlex":"_5dfe6a6a","desktop-display-none":"fa742bb1","flexDirection-column":"_4e77e331","flexDirection-row":"c5d6948b","tablet-flexDirection-column":"_722ad9d8","tablet-flexDirection-row":"d84857d6","desktop-flexDirection-column":"d210a0a6","desktop-flexDirection-row":"a595b7c2","flexWrap-wrap":"_5cf75136","flexWrap-nowrap":"c6d608b1","flexShrink-0":"_939846ab","flexGrow-0":"f395bbe4","flexGrow-1":"cdffd92b","alignItems-flexStart":"da077e1e","alignItems-center":"_7c11de88","alignItems-flexEnd":"_09800955","alignItems-baseline":"_56fe7031","tablet-alignItems-flexStart":"_4c1e3df8","tablet-alignItems-center":"b8ba195f","tablet-alignItems-flexEnd":"_458238a7","tablet-alignItems-baseline":"f6955d23","desktop-alignItems-flexStart":"_8e366cca","desktop-alignItems-center":"e80b2a2b","desktop-alignItems-flexEnd":"e6f78987","desktop-alignItems-baseline":"f743fd7d","justifyContent-flexStart":"_2cd556a2","justifyContent-center":"_77dba57f","justifyContent-flexEnd":"_7ead66ef","justifyContent-spaceAround":"_427c6b6d","justifyContent-spaceBetween":"_9c70828c","justifyContent-spaceEvenly":"_78d2888b","tablet-justifyContent-flexStart":"b0f972a3","tablet-justifyContent-center":"d7cc571a","tablet-justifyContent-flexEnd":"_9d4cb75e","tablet-justifyContent-spaceAround":"d2908336","tablet-justifyContent-spaceBetween":"efa22111","tablet-justifyContent-spaceEvenly":"fad3882e","desktop-justifyContent-flexStart":"_82791437","desktop-justifyContent-center":"_3eede6d0","desktop-justifyContent-flexEnd":"_1317e3be","desktop-justifyContent-spaceBetween":"_162f8f46","alignSelf-stretch":"_5a4d7786","alignSelf-flexStart":"_23686007","alignSelf-center":"_8c629ed6","alignSelf-flexEnd":"_1a1362d5","alignSelf-baseline":"_931e11af","tablet-alignSelf-stretch":"_074adf9d","tablet-alignSelf-flexStart":"_10b3c4c3","tablet-alignSelf-center":"ec7bfaa3","tablet-alignSelf-flexEnd":"_082cde15","tablet-alignSelf-baseline":"_8364dd8d","desktop-alignSelf-stretch":"_59829012","desktop-alignSelf-flexStart":"_1a16b466","desktop-alignSelf-center":"_14dfc484","desktop-alignSelf-flexEnd":"cbb32b7a","desktop-alignSelf-baseline":"f20b993e","overflow-hidden":"_38c1c8db","overflow-auto":"e2ecdf44","overflow-visible":"_59aa1494","overflow-scroll":"b9d7368e","height-full":"_16a71a93","bg-default":"_823d82e1","bg-aside":"a04264ee","bg-highlight":"_37ba068e","bg-selected":"_9d78e1a8","bg-toast":"_386112c4","borderRadius-standard":"_922c85d2","borderRadius-full":"_39557ce4","border-primary":"_5c33734d","border-secondary":"_933e6ebb","border-tertiary":"_5a5e0ae6","textAlign-start":"_0302f2e4","textAlign-center":"daebe850","textAlign-end":"_98e44132","textAlign-justify":"e49be40c","tablet-textAlign-start":"_7ec524c5","tablet-textAlign-center":"ce28df84","tablet-textAlign-end":"_77593dc2","tablet-textAlign-justify":"_69855088","desktop-textAlign-start":"c11d2bf7","desktop-textAlign-center":"_793b791a","desktop-textAlign-end":"_28ec2d24","desktop-textAlign-justify":"_14e4fc76"};
+var modules_54d944f2 = {"box":"_19abae45","position-absolute":"c77f2a47","position-fixed":"_2fe771e3","position-relative":"_7fb159a0","position-sticky":"_1b0c2c53","tablet-position-absolute":"fbfd01f5","tablet-position-fixed":"_718d00e5","tablet-position-relative":"ce0fef03","tablet-position-sticky":"_8ede9d51","desktop-position-absolute":"_5037d59d","desktop-position-fixed":"_2cf38f34","desktop-position-relative":"bf2d89a9","desktop-position-sticky":"_0a00a995","display-block":"_5e944bac","display-flex":"a7c6de33","display-inline":"_8ed03dfe","display-inlineBlock":"d7c72ae2","display-inlineFlex":"baf095bf","display-none":"fdecf61b","tablet-display-block":"e67bff4d","tablet-display-flex":"cd8908ce","tablet-display-inline":"_859da319","tablet-display-inlineBlock":"_9cfe10c7","tablet-display-inlineFlex":"bdc812ae","tablet-display-none":"_21f0dae7","desktop-display-block":"d94bf997","desktop-display-flex":"e6925ae5","desktop-display-inline":"_57151837","desktop-display-inlineBlock":"_7721cd07","desktop-display-inlineFlex":"_0e197a41","desktop-display-none":"dc1fe7a5","flexDirection-column":"_1e47f652","flexDirection-row":"_194d8611","tablet-flexDirection-column":"_11ca3004","tablet-flexDirection-row":"_7e4f2f2b","desktop-flexDirection-column":"fbca1929","desktop-flexDirection-row":"_50dd05a2","flexWrap-wrap":"afd15909","flexWrap-nowrap":"_7682c7ed","flexShrink-0":"b834b77e","flexGrow-0":"_89d517e2","flexGrow-1":"bfa58fdf","alignItems-flexStart":"_4e2075e2","alignItems-center":"_8ad6a17c","alignItems-flexEnd":"a6235493","alignItems-baseline":"_1e964f8a","tablet-alignItems-flexStart":"_87c0c7f8","tablet-alignItems-center":"_812a2195","tablet-alignItems-flexEnd":"_207fa4f7","tablet-alignItems-baseline":"_6415fbe8","desktop-alignItems-flexStart":"_84ec8c58","desktop-alignItems-center":"afdff695","desktop-alignItems-flexEnd":"_78607c32","desktop-alignItems-baseline":"_57428c98","justifyContent-flexStart":"_9e8363f8","justifyContent-center":"f88bdaf1","justifyContent-flexEnd":"_0315ed60","justifyContent-spaceAround":"_81fc01b2","justifyContent-spaceBetween":"_54d85bfe","justifyContent-spaceEvenly":"b09b6390","tablet-justifyContent-flexStart":"bea77b61","tablet-justifyContent-center":"_2f6925fc","tablet-justifyContent-flexEnd":"_462a9e07","tablet-justifyContent-spaceAround":"_1c555ae4","tablet-justifyContent-spaceBetween":"_7a9768a8","tablet-justifyContent-spaceEvenly":"_859b8158","desktop-justifyContent-flexStart":"c190fc20","desktop-justifyContent-center":"_73777561","desktop-justifyContent-flexEnd":"d2151eb8","desktop-justifyContent-spaceBetween":"b8ec7870","alignSelf-stretch":"d607c41c","alignSelf-flexStart":"_30b9c3a2","alignSelf-center":"f1f37bf1","alignSelf-flexEnd":"_341847ab","alignSelf-baseline":"_2c7dfaf8","tablet-alignSelf-stretch":"_8be172b1","tablet-alignSelf-flexStart":"_84af0ad2","tablet-alignSelf-center":"_2fb0b3f1","tablet-alignSelf-flexEnd":"d8b98da0","tablet-alignSelf-baseline":"_096c96ed","desktop-alignSelf-stretch":"_217cc45f","desktop-alignSelf-flexStart":"_29964d59","desktop-alignSelf-center":"e76ee627","desktop-alignSelf-flexEnd":"_7435c694","desktop-alignSelf-baseline":"_84758309","overflow-hidden":"_47471e4e","overflow-auto":"_37460640","overflow-visible":"_73d1ede9","overflow-scroll":"a39c32d7","height-full":"_5cede05a","bg-default":"b50b47ee","bg-aside":"_5912d165","bg-highlight":"c4b77c63","bg-selected":"_7ab4d8a9","bg-toast":"_9ce2e0c1","borderRadius-standard":"f6a2af5a","borderRadius-full":"_7e67e1f6","border-primary":"f5b8570f","border-secondary":"_5dd76b5f","border-tertiary":"_7c14c801","textAlign-start":"_57086b20","textAlign-center":"b7f35b86","textAlign-end":"_6596dbcd","textAlign-justify":"d5210e4f","tablet-textAlign-start":"_97da11d5","tablet-textAlign-center":"_9add5f3d","tablet-textAlign-end":"f8b12189","tablet-textAlign-justify":"d5acd111","desktop-textAlign-start":"b33bdab7","desktop-textAlign-center":"_0fc7972b","desktop-textAlign-end":"a0f648ae","desktop-textAlign-justify":"a0bdba20","overlayScroll":"d19e99ad"};
 
 export { modules_54d944f2 as default };
 //# sourceMappingURL=box.module.css.js.map

package/lib/box/box.d.ts

@@ -57,8 +57,17 @@ interface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginPro
     overflow?: BoxOverflow;
     height?: 'full';
     textAlign?: ResponsiveProp<BoxTextAlign>;
+    /**
+     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden
+     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.
+     *
+     * Scrollbar appearance may be affected by macOS system settings,
+     * such as "Show scroll bars: Automatically/When scrolling/Always".
+     * This can override or change the effect of these styles on Mac devices.
+     */
+    overlayScroll?: boolean;
 }
-declare function getBoxClassNames({ position, display, flexDirection, flexWrap, flexGrow, flexShrink, gap, alignItems, justifyContent, alignSelf, overflow, width, height, background, border, borderRadius, minWidth, maxWidth, textAlign, padding, paddingY, paddingX, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginY, marginX, marginTop, marginRight, marginBottom, marginLeft, className, }: BoxProps): string;
+declare function getBoxClassNames({ position, display, flexDirection, flexWrap, flexGrow, flexShrink, gap, alignItems, justifyContent, alignSelf, overflow, width, height, background, border, borderRadius, minWidth, maxWidth, textAlign, padding, paddingY, paddingX, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginY, marginX, marginTop, marginRight, marginBottom, marginLeft, overlayScroll, className, }: BoxProps): string;
 declare const Box: import("../utils/polymorphism").PolymorphicComponent<"div", BoxProps, "keepClassName">;
 export type { BoxProps, BoxPaddingProps, BoxMarginProps, ReusableBoxProps, BoxMinWidth, BoxMaxWidth, BoxDisplay, BoxPosition, BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxOverflow, BoxTextAlign, BoxBackground, BoxBorderRadius, };
 export { Box, getBoxClassNames };

package/lib/box/box.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),a=require("react"),t=require("classnames"),l=require("../utils/polymorphism.js"),i=require("../utils/responsive-props.js"),n=require("./box.module.css.js"),s=require("./padding.module.css.js"),r=require("./margin.module.css.js"),d=require("./width.module.css.js"),g=require("./gap.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,a}var m=u(a),f=o(t);const p=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","children"];function c({position:e="static",display:a,flexDirection:t="row",flexWrap:l,flexGrow:o,flexShrink:u,gap:m,alignItems:p,justifyContent:c,alignSelf:h,overflow:x,width:C,height:N,background:b,border:j,borderRadius:w,minWidth:y,maxWidth:S,textAlign:W,padding:R,paddingY:v,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,className:I}){var P,E,M,F,H,z,J,K;const Q=null!=(P=null!=k?k:v)?P:R,U=null!=(E=null!=q?q:B)?E:R,V=null!=(M=null!=L?L:v)?M:R,Z=null!=(F=null!=T?T:B)?F:R,$=null!=(H=null!=O?O:Y)?H:X,ee=null!=(z=null!=_?_:D)?z:X,ae=null!=(J=null!=A?A:Y)?J:X,te=null!=(K=null!=G?G:D)?K:X,le=!a||"string"==typeof a&&"flex"!==a&&"inlineFlex"!==a;return f.default(I,n.default.box,a?i.getClassNames(n.default,"display",a):null,"static"!==e?i.getClassNames(n.default,"position",e):null,null!=y?i.getClassNames(d.default,"minWidth",String(y)):null,i.getClassNames(d.default,"maxWidth",S),i.getClassNames(n.default,"textAlign",W),i.getClassNames(s.default,"paddingTop",Q),i.getClassNames(s.default,"paddingRight",U),i.getClassNames(s.default,"paddingBottom",V),i.getClassNames(s.default,"paddingLeft",Z),i.getClassNames(r.default,"marginTop",$),i.getClassNames(r.default,"marginRight",ee),i.getClassNames(r.default,"marginBottom",ae),i.getClassNames(r.default,"marginLeft",te),le?null:i.getClassNames(n.default,"flexDirection",t),le?null:i.getClassNames(n.default,"flexWrap",l),le?null:i.getClassNames(n.default,"alignItems",p),le?null:i.getClassNames(n.default,"justifyContent",c),null!=h?i.getClassNames(n.default,"alignSelf",h):null,null!=u?i.getClassNames(n.default,"flexShrink",String(u)):null,null!=o?i.getClassNames(n.default,"flexGrow",String(o)):null,m?i.getClassNames(g.default,"gap",m):null,i.getClassNames(n.default,"overflow",x),null!=C?i.getClassNames(d.default,"width",String(C)):null,i.getClassNames(n.default,"height",N),i.getClassNames(n.default,"bg",b),"none"!==w?i.getClassNames(n.default,"borderRadius",w):null,"none"!==j?i.getClassNames(n.default,"border",j):null)}exports.Box=l.polymorphicComponent((function(a,t){let{as:l="div",position:i="static",display:n,flexDirection:s="row",flexWrap:r,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:j,borderRadius:w,minWidth:y,maxWidth:S,textAlign:W,padding:R,paddingY:v,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,className:I,children:P}=a,E=e.objectWithoutProperties(a,p);return m.createElement(l,e.objectSpread2(e.objectSpread2({},E),{},{className:c({position:i,display:n,flexDirection:s,flexWrap:r,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:j,borderRadius:w,minWidth:y,maxWidth:S,textAlign:W,padding:R,paddingY:v,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,className:I}),ref:t}),P)})),exports.getBoxClassNames=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),a=require("react"),l=require("classnames"),t=require("../utils/polymorphism.js"),i=require("../utils/responsive-props.js"),n=require("./box.module.css.js"),r=require("./padding.module.css.js"),s=require("./margin.module.css.js"),d=require("./width.module.css.js"),g=require("./gap.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var t=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,t.get?t:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,a}var m=u(a),f=o(l);const p=["as","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","children"];function c({position:e="static",display:a,flexDirection:l="row",flexWrap:t,flexGrow:o,flexShrink:u,gap:m,alignItems:p,justifyContent:c,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:v,textAlign:w,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P}){var E,M,F,H,z,J,K,Q;const U=null!=(E=null!=k?k:R)?E:W,V=null!=(M=null!=q?q:B)?M:W,Z=null!=(F=null!=L?L:R)?F:W,$=null!=(H=null!=T?T:B)?H:W,ee=null!=(z=null!=O?O:Y)?z:X,ae=null!=(J=null!=_?_:D)?J:X,le=null!=(K=null!=A?A:Y)?K:X,te=null!=(Q=null!=G?G:D)?Q:X,ie=!a||"string"==typeof a&&"flex"!==a&&"inlineFlex"!==a;return f.default(P,n.default.box,a?i.getClassNames(n.default,"display",a):null,"static"!==e?i.getClassNames(n.default,"position",e):null,null!=S?i.getClassNames(d.default,"minWidth",String(S)):null,i.getClassNames(d.default,"maxWidth",v),i.getClassNames(n.default,"textAlign",w),i.getClassNames(r.default,"paddingTop",U),i.getClassNames(r.default,"paddingRight",V),i.getClassNames(r.default,"paddingBottom",Z),i.getClassNames(r.default,"paddingLeft",$),i.getClassNames(s.default,"marginTop",ee),i.getClassNames(s.default,"marginRight",ae),i.getClassNames(s.default,"marginBottom",le),i.getClassNames(s.default,"marginLeft",te),ie?null:i.getClassNames(n.default,"flexDirection",l),ie?null:i.getClassNames(n.default,"flexWrap",t),ie?null:i.getClassNames(n.default,"alignItems",p),ie?null:i.getClassNames(n.default,"justifyContent",c),null!=h?i.getClassNames(n.default,"alignSelf",h):null,null!=u?i.getClassNames(n.default,"flexShrink",String(u)):null,null!=o?i.getClassNames(n.default,"flexGrow",String(o)):null,m?i.getClassNames(g.default,"gap",m):null,i.getClassNames(n.default,"overflow",x),null!=C?i.getClassNames(d.default,"width",String(C)):null,i.getClassNames(n.default,"height",N),i.getClassNames(n.default,"bg",b),"none"!==j?i.getClassNames(n.default,"borderRadius",j):null,"none"!==y?i.getClassNames(n.default,"border",y):null,I?n.default.overlayScroll:null)}exports.Box=t.polymorphicComponent((function(a,l){let{as:t="div",position:i="static",display:n,flexDirection:r="row",flexWrap:s,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:v,textAlign:w,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P,children:E}=a,M=e.objectWithoutProperties(a,p);return m.createElement(t,e.objectSpread2(e.objectSpread2({},M),{},{className:c({position:i,display:n,flexDirection:r,flexWrap:s,flexGrow:d,flexShrink:g,gap:o,alignItems:u,justifyContent:f,alignSelf:h,overflow:x,width:C,height:N,background:b,border:y,borderRadius:j,minWidth:S,maxWidth:v,textAlign:w,padding:W,paddingY:R,paddingX:B,paddingTop:k,paddingRight:q,paddingBottom:L,paddingLeft:T,margin:X,marginY:Y,marginX:D,marginTop:O,marginRight:_,marginBottom:A,marginLeft:G,overlayScroll:I,className:P}),ref:l}),E)})),exports.getBoxClassNames=c;
 //# sourceMappingURL=box.js.map

package/lib/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","className","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","polymorphicComponent","_ref9","ref","as","component","children","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement"],"mappings":"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"}
+{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport type { ResponsiveProp } from '../utils/responsive-props'\nimport type {\n    DividerWeight,\n    Space,\n    SpaceWithNegatives,\n    WithEnhancedClassName,\n} from '../utils/common-types'\n\nimport styles from './box.module.css'\nimport paddingStyles from './padding.module.css'\nimport marginStyles from './margin.module.css'\nimport widthStyles from './width.module.css'\nimport gapStyles from './gap.module.css'\n\ninterface BoxPaddingProps {\n    padding?: ResponsiveProp<Space>\n    paddingX?: ResponsiveProp<Space>\n    paddingY?: ResponsiveProp<Space>\n    paddingTop?: ResponsiveProp<Space>\n    paddingRight?: ResponsiveProp<Space>\n    paddingBottom?: ResponsiveProp<Space>\n    paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n    margin?: ResponsiveProp<SpaceWithNegatives>\n    marginX?: ResponsiveProp<SpaceWithNegatives>\n    marginY?: ResponsiveProp<SpaceWithNegatives>\n    marginTop?: ResponsiveProp<SpaceWithNegatives>\n    marginRight?: ResponsiveProp<SpaceWithNegatives>\n    marginBottom?: ResponsiveProp<SpaceWithNegatives>\n    marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n    | 'center'\n    | 'flexEnd'\n    | 'flexStart'\n    | 'spaceAround'\n    | 'spaceBetween'\n    | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n    borderRadius?: BoxBorderRadius\n    border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n    minWidth?: BoxMinWidth\n    maxWidth?: BoxMaxWidth\n    width?: BoxWidth\n    background?: BoxBackground\n    flexGrow?: 0 | 1\n    flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n    position?: ResponsiveProp<BoxPosition>\n    display?: ResponsiveProp<BoxDisplay>\n    flexDirection?: ResponsiveProp<BoxFlexDirection>\n    flexWrap?: BoxFlexWrap\n    gap?: ResponsiveProp<Space | 'none'>\n    alignItems?: ResponsiveProp<BoxAlignItems>\n    alignSelf?: ResponsiveProp<BoxAlignSelf>\n    justifyContent?: ResponsiveProp<BoxJustifyContent>\n    overflow?: BoxOverflow\n    height?: 'full'\n    textAlign?: ResponsiveProp<BoxTextAlign>\n    /**\n     * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n     * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n     *\n     * Scrollbar appearance may be affected by macOS system settings,\n     * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n     * This can override or change the effect of these styles on Mac devices.\n     */\n    overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n    position = 'static',\n    display,\n    flexDirection = 'row',\n    flexWrap,\n    flexGrow,\n    flexShrink,\n    gap,\n    alignItems,\n    justifyContent,\n    alignSelf,\n    overflow,\n    width,\n    height,\n    background,\n    border,\n    borderRadius,\n    minWidth,\n    maxWidth,\n    textAlign,\n    padding,\n    paddingY,\n    paddingX,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    margin,\n    marginY,\n    marginX,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n    overlayScroll,\n    className,\n}: BoxProps) {\n    const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n    const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n    const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n    const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n    const resolvedMarginTop = marginTop ?? marginY ?? margin\n    const resolvedMarginRight = marginRight ?? marginX ?? margin\n    const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n    const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n    const omitFlex =\n        !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n    return classNames(\n        className,\n        styles.box,\n        display ? getClassNames(styles, 'display', display) : null,\n        position !== 'static' ? getClassNames(styles, 'position', position) : null,\n        minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n        getClassNames(widthStyles, 'maxWidth', maxWidth),\n        getClassNames(styles, 'textAlign', textAlign),\n        // padding\n        getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n        getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n        getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n        getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n        // margin\n        getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n        getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n        getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n        getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n        // flex props\n        omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n        omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n        omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n        omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n        alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n        flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n        flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n        gap ? getClassNames(gapStyles, 'gap', gap) : null,\n        // other props\n        getClassNames(styles, 'overflow', overflow),\n        width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n        getClassNames(styles, 'height', height),\n        getClassNames(styles, 'bg', background),\n        borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n        border !== 'none' ? getClassNames(styles, 'border', border) : null,\n        overlayScroll ? styles.overlayScroll : null,\n    )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n    {\n        as: component = 'div',\n        position = 'static',\n        display,\n        flexDirection = 'row',\n        flexWrap,\n        flexGrow,\n        flexShrink,\n        gap,\n        alignItems,\n        justifyContent,\n        alignSelf,\n        overflow,\n        width,\n        height,\n        background,\n        border,\n        borderRadius,\n        minWidth,\n        maxWidth,\n        textAlign,\n        padding,\n        paddingY,\n        paddingX,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        margin,\n        marginY,\n        marginX,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        overlayScroll,\n        className,\n        children,\n        ...props\n    },\n    ref,\n) {\n    return React.createElement(\n        component,\n        {\n            ...props,\n            className: getBoxClassNames({\n                position,\n                display,\n                flexDirection,\n                flexWrap,\n                flexGrow,\n                flexShrink,\n                gap,\n                alignItems,\n                justifyContent,\n                alignSelf,\n                overflow,\n                width,\n                height,\n                background,\n                border,\n                borderRadius,\n                minWidth,\n                maxWidth,\n                textAlign,\n                padding,\n                paddingY,\n                paddingX,\n                paddingTop,\n                paddingRight,\n                paddingBottom,\n                paddingLeft,\n                margin,\n                marginY,\n                marginX,\n                marginTop,\n                marginRight,\n                marginBottom,\n                marginLeft,\n                overlayScroll,\n                className,\n            }),\n            ref,\n        },\n        children,\n    )\n})\n\nexport type {\n    BoxProps,\n    BoxPaddingProps,\n    BoxMarginProps,\n    ReusableBoxProps,\n    BoxMinWidth,\n    BoxMaxWidth,\n    BoxDisplay,\n    BoxPosition,\n    BoxFlexDirection,\n    BoxFlexWrap,\n    BoxAlignItems,\n    BoxJustifyContent,\n    BoxOverflow,\n    BoxTextAlign,\n    BoxBackground,\n    BoxBorderRadius,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","_ref","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","polymorphicComponent","_ref9","ref","as","component","children","props","_objectWithoutProperties","objectWithoutProperties","_excluded","React","createElement"],"mappings":"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"}

package/lib/box/box.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={box:"fc42413d","position-absolute":"fae81daf","position-fixed":"a5bc8416","position-relative":"fc1a1048","position-sticky":"bf792080","tablet-position-absolute":"_077996a2","tablet-position-fixed":"fa51626b","tablet-position-relative":"fbe5cea1","tablet-position-sticky":"_78273192","desktop-position-absolute":"_0683335b","desktop-position-fixed":"bcf9a7db","desktop-position-relative":"dab014b0","desktop-position-sticky":"e55b598a","display-block":"bf535c88","display-flex":"_27c1200b","display-inline":"_1ef58463","display-inlineBlock":"a895e180","display-inlineFlex":"_02433984","display-none":"_19b230db","tablet-display-block":"_2eb0ba1d","tablet-display-flex":"_69ab5292","tablet-display-inline":"_09a172d4","tablet-display-inlineBlock":"c867403c","tablet-display-inlineFlex":"a06f5b03","tablet-display-none":"_308a410d","desktop-display-block":"b5ea9f74","desktop-display-flex":"_81a526b3","desktop-display-inline":"_33230982","desktop-display-inlineBlock":"c7c28f1c","desktop-display-inlineFlex":"_5dfe6a6a","desktop-display-none":"fa742bb1","flexDirection-column":"_4e77e331","flexDirection-row":"c5d6948b","tablet-flexDirection-column":"_722ad9d8","tablet-flexDirection-row":"d84857d6","desktop-flexDirection-column":"d210a0a6","desktop-flexDirection-row":"a595b7c2","flexWrap-wrap":"_5cf75136","flexWrap-nowrap":"c6d608b1","flexShrink-0":"_939846ab","flexGrow-0":"f395bbe4","flexGrow-1":"cdffd92b","alignItems-flexStart":"da077e1e","alignItems-center":"_7c11de88","alignItems-flexEnd":"_09800955","alignItems-baseline":"_56fe7031","tablet-alignItems-flexStart":"_4c1e3df8","tablet-alignItems-center":"b8ba195f","tablet-alignItems-flexEnd":"_458238a7","tablet-alignItems-baseline":"f6955d23","desktop-alignItems-flexStart":"_8e366cca","desktop-alignItems-center":"e80b2a2b","desktop-alignItems-flexEnd":"e6f78987","desktop-alignItems-baseline":"f743fd7d","justifyContent-flexStart":"_2cd556a2","justifyContent-center":"_77dba57f","justifyContent-flexEnd":"_7ead66ef","justifyContent-spaceAround":"_427c6b6d","justifyContent-spaceBetween":"_9c70828c","justifyContent-spaceEvenly":"_78d2888b","tablet-justifyContent-flexStart":"b0f972a3","tablet-justifyContent-center":"d7cc571a","tablet-justifyContent-flexEnd":"_9d4cb75e","tablet-justifyContent-spaceAround":"d2908336","tablet-justifyContent-spaceBetween":"efa22111","tablet-justifyContent-spaceEvenly":"fad3882e","desktop-justifyContent-flexStart":"_82791437","desktop-justifyContent-center":"_3eede6d0","desktop-justifyContent-flexEnd":"_1317e3be","desktop-justifyContent-spaceBetween":"_162f8f46","alignSelf-stretch":"_5a4d7786","alignSelf-flexStart":"_23686007","alignSelf-center":"_8c629ed6","alignSelf-flexEnd":"_1a1362d5","alignSelf-baseline":"_931e11af","tablet-alignSelf-stretch":"_074adf9d","tablet-alignSelf-flexStart":"_10b3c4c3","tablet-alignSelf-center":"ec7bfaa3","tablet-alignSelf-flexEnd":"_082cde15","tablet-alignSelf-baseline":"_8364dd8d","desktop-alignSelf-stretch":"_59829012","desktop-alignSelf-flexStart":"_1a16b466","desktop-alignSelf-center":"_14dfc484","desktop-alignSelf-flexEnd":"cbb32b7a","desktop-alignSelf-baseline":"f20b993e","overflow-hidden":"_38c1c8db","overflow-auto":"e2ecdf44","overflow-visible":"_59aa1494","overflow-scroll":"b9d7368e","height-full":"_16a71a93","bg-default":"_823d82e1","bg-aside":"a04264ee","bg-highlight":"_37ba068e","bg-selected":"_9d78e1a8","bg-toast":"_386112c4","borderRadius-standard":"_922c85d2","borderRadius-full":"_39557ce4","border-primary":"_5c33734d","border-secondary":"_933e6ebb","border-tertiary":"_5a5e0ae6","textAlign-start":"_0302f2e4","textAlign-center":"daebe850","textAlign-end":"_98e44132","textAlign-justify":"e49be40c","tablet-textAlign-start":"_7ec524c5","tablet-textAlign-center":"ce28df84","tablet-textAlign-end":"_77593dc2","tablet-textAlign-justify":"_69855088","desktop-textAlign-start":"c11d2bf7","desktop-textAlign-center":"_793b791a","desktop-textAlign-end":"_28ec2d24","desktop-textAlign-justify":"_14e4fc76"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={box:"_19abae45","position-absolute":"c77f2a47","position-fixed":"_2fe771e3","position-relative":"_7fb159a0","position-sticky":"_1b0c2c53","tablet-position-absolute":"fbfd01f5","tablet-position-fixed":"_718d00e5","tablet-position-relative":"ce0fef03","tablet-position-sticky":"_8ede9d51","desktop-position-absolute":"_5037d59d","desktop-position-fixed":"_2cf38f34","desktop-position-relative":"bf2d89a9","desktop-position-sticky":"_0a00a995","display-block":"_5e944bac","display-flex":"a7c6de33","display-inline":"_8ed03dfe","display-inlineBlock":"d7c72ae2","display-inlineFlex":"baf095bf","display-none":"fdecf61b","tablet-display-block":"e67bff4d","tablet-display-flex":"cd8908ce","tablet-display-inline":"_859da319","tablet-display-inlineBlock":"_9cfe10c7","tablet-display-inlineFlex":"bdc812ae","tablet-display-none":"_21f0dae7","desktop-display-block":"d94bf997","desktop-display-flex":"e6925ae5","desktop-display-inline":"_57151837","desktop-display-inlineBlock":"_7721cd07","desktop-display-inlineFlex":"_0e197a41","desktop-display-none":"dc1fe7a5","flexDirection-column":"_1e47f652","flexDirection-row":"_194d8611","tablet-flexDirection-column":"_11ca3004","tablet-flexDirection-row":"_7e4f2f2b","desktop-flexDirection-column":"fbca1929","desktop-flexDirection-row":"_50dd05a2","flexWrap-wrap":"afd15909","flexWrap-nowrap":"_7682c7ed","flexShrink-0":"b834b77e","flexGrow-0":"_89d517e2","flexGrow-1":"bfa58fdf","alignItems-flexStart":"_4e2075e2","alignItems-center":"_8ad6a17c","alignItems-flexEnd":"a6235493","alignItems-baseline":"_1e964f8a","tablet-alignItems-flexStart":"_87c0c7f8","tablet-alignItems-center":"_812a2195","tablet-alignItems-flexEnd":"_207fa4f7","tablet-alignItems-baseline":"_6415fbe8","desktop-alignItems-flexStart":"_84ec8c58","desktop-alignItems-center":"afdff695","desktop-alignItems-flexEnd":"_78607c32","desktop-alignItems-baseline":"_57428c98","justifyContent-flexStart":"_9e8363f8","justifyContent-center":"f88bdaf1","justifyContent-flexEnd":"_0315ed60","justifyContent-spaceAround":"_81fc01b2","justifyContent-spaceBetween":"_54d85bfe","justifyContent-spaceEvenly":"b09b6390","tablet-justifyContent-flexStart":"bea77b61","tablet-justifyContent-center":"_2f6925fc","tablet-justifyContent-flexEnd":"_462a9e07","tablet-justifyContent-spaceAround":"_1c555ae4","tablet-justifyContent-spaceBetween":"_7a9768a8","tablet-justifyContent-spaceEvenly":"_859b8158","desktop-justifyContent-flexStart":"c190fc20","desktop-justifyContent-center":"_73777561","desktop-justifyContent-flexEnd":"d2151eb8","desktop-justifyContent-spaceBetween":"b8ec7870","alignSelf-stretch":"d607c41c","alignSelf-flexStart":"_30b9c3a2","alignSelf-center":"f1f37bf1","alignSelf-flexEnd":"_341847ab","alignSelf-baseline":"_2c7dfaf8","tablet-alignSelf-stretch":"_8be172b1","tablet-alignSelf-flexStart":"_84af0ad2","tablet-alignSelf-center":"_2fb0b3f1","tablet-alignSelf-flexEnd":"d8b98da0","tablet-alignSelf-baseline":"_096c96ed","desktop-alignSelf-stretch":"_217cc45f","desktop-alignSelf-flexStart":"_29964d59","desktop-alignSelf-center":"e76ee627","desktop-alignSelf-flexEnd":"_7435c694","desktop-alignSelf-baseline":"_84758309","overflow-hidden":"_47471e4e","overflow-auto":"_37460640","overflow-visible":"_73d1ede9","overflow-scroll":"a39c32d7","height-full":"_5cede05a","bg-default":"b50b47ee","bg-aside":"_5912d165","bg-highlight":"c4b77c63","bg-selected":"_7ab4d8a9","bg-toast":"_9ce2e0c1","borderRadius-standard":"f6a2af5a","borderRadius-full":"_7e67e1f6","border-primary":"f5b8570f","border-secondary":"_5dd76b5f","border-tertiary":"_7c14c801","textAlign-start":"_57086b20","textAlign-center":"b7f35b86","textAlign-end":"_6596dbcd","textAlign-justify":"d5210e4f","tablet-textAlign-start":"_97da11d5","tablet-textAlign-center":"_9add5f3d","tablet-textAlign-end":"f8b12189","tablet-textAlign-justify":"d5acd111","desktop-textAlign-start":"b33bdab7","desktop-textAlign-center":"_0fc7972b","desktop-textAlign-end":"a0f648ae","desktop-textAlign-justify":"a0bdba20",overlayScroll:"d19e99ad"};
 //# sourceMappingURL=box.module.css.js.map

package/package.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "28.4.0",
+    "version": "28.5.0",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package/styles/avatar.css

@@ -1,5 +1,5 @@
 :root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}

package/styles/badge.css

@@ -1,4 +1,4 @@
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}

package/styles/banner.css

@@ -1,4 +1,4 @@
-.fc42413d{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fc42413d{font-family:var(--reactist-font-family-monospace)}.fc42413d[hidden]{display:none!important}.fae81daf{position:absolute}.a5bc8416{position:fixed}.fc1a1048{position:relative}.bf792080{position:-webkit-sticky;position:sticky}@media (min-width:768px){._077996a2{position:absolute}.fa51626b{position:fixed}.fbe5cea1{position:relative}._78273192{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._0683335b{position:absolute}.bcf9a7db{position:fixed}.dab014b0{position:relative}.e55b598a{position:-webkit-sticky;position:sticky}}.bf535c88{display:block}._27c1200b{display:flex}._1ef58463{display:inline}.a895e180{display:inline-block}._02433984{display:inline-flex}._19b230db{display:none}@media (min-width:768px){._2eb0ba1d{display:block}._69ab5292{display:flex}._09a172d4{display:inline}.c867403c{display:inline-block}.a06f5b03{display:inline-flex}._308a410d{display:none}}@media (min-width:992px){.b5ea9f74{display:block}._81a526b3{display:flex}._33230982{display:inline}.c7c28f1c{display:inline-block}._5dfe6a6a{display:inline-flex}.fa742bb1{display:none}}._4e77e331{flex-direction:column}.c5d6948b{flex-direction:row}@media (min-width:768px){._722ad9d8{flex-direction:column}.d84857d6{flex-direction:row}}@media (min-width:992px){.d210a0a6{flex-direction:column}.a595b7c2{flex-direction:row}}._5cf75136{flex-wrap:wrap}.c6d608b1{flex-wrap:nowrap}._939846ab{flex-shrink:0}.f395bbe4{flex-grow:0}.cdffd92b{flex-grow:1}.da077e1e{align-items:flex-start}._7c11de88{align-items:center}._09800955{align-items:flex-end}._56fe7031{align-items:baseline}@media (min-width:768px){._4c1e3df8{align-items:flex-start}.b8ba195f{align-items:center}._458238a7{align-items:flex-end}.f6955d23{align-items:baseline}}@media (min-width:992px){._8e366cca{align-items:flex-start}.e80b2a2b{align-items:center}.e6f78987{align-items:flex-end}.f743fd7d{align-items:baseline}}._2cd556a2{justify-content:flex-start}._77dba57f{justify-content:center}._7ead66ef{justify-content:flex-end}._427c6b6d{justify-content:space-around}._9c70828c{justify-content:space-between}._78d2888b{justify-content:space-evenly}@media (min-width:768px){.b0f972a3{justify-content:flex-start}.d7cc571a{justify-content:center}._9d4cb75e{justify-content:flex-end}.d2908336{justify-content:space-around}.efa22111{justify-content:space-between}.fad3882e{justify-content:space-evenly}}@media (min-width:992px){._82791437{justify-content:flex-start}._3eede6d0{justify-content:center}._1317e3be{justify-content:flex-end}.d2908336{justify-content:space-around}._162f8f46{justify-content:space-between}.fad3882e{justify-content:space-evenly}}._5a4d7786{align-self:stretch}._23686007{align-self:flex-start}._8c629ed6{align-self:center}._1a1362d5{align-self:flex-end}._931e11af{align-self:baseline}@media (min-width:768px){._074adf9d{align-self:stretch}._10b3c4c3{align-self:flex-start}.ec7bfaa3{align-self:center}._082cde15{align-self:flex-end}._8364dd8d{align-self:baseline}}@media (min-width:992px){._59829012{align-self:stretch}._1a16b466{align-self:flex-start}._14dfc484{align-self:center}.cbb32b7a{align-self:flex-end}.f20b993e{align-self:baseline}}._38c1c8db{overflow:hidden}.e2ecdf44{overflow:auto}._59aa1494{overflow:visible}.b9d7368e{overflow:scroll}._16a71a93{height:100%}._823d82e1{background-color:var(--reactist-bg-default)}.a04264ee{background-color:var(--reactist-bg-aside)}._37ba068e{background-color:var(--reactist-bg-highlight)}._9d78e1a8{background-color:var(--reactist-bg-selected)}._386112c4{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._922c85d2{border-radius:var(--reactist-border-radius-small)}._39557ce4{border-radius:var(--reactist-border-radius-large)}._5c33734d{border:1px solid var(--reactist-divider-primary)}._933e6ebb{border:1px solid var(--reactist-divider-secondary)}._5a5e0ae6{border:1px solid var(--reactist-divider-tertiary)}._0302f2e4{text-align:start}.daebe850{text-align:center}._98e44132{text-align:end}.e49be40c{text-align:justify}@media (min-width:768px){._7ec524c5{text-align:start}.ce28df84{text-align:center}._77593dc2{text-align:end}._69855088{text-align:justify}}@media (min-width:992px){.c11d2bf7{text-align:start}._793b791a{text-align:center}._28ec2d24{text-align:end}._14e4fc76{text-align:justify}}
+._19abae45{box-sizing:border-box;border:0;margin:0;padding:0;font-size:inherit;font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._19abae45{font-family:var(--reactist-font-family-monospace)}._19abae45[hidden]{display:none!important}.c77f2a47{position:absolute}._2fe771e3{position:fixed}._7fb159a0{position:relative}._1b0c2c53{position:-webkit-sticky;position:sticky}@media (min-width:768px){.fbfd01f5{position:absolute}._718d00e5{position:fixed}.ce0fef03{position:relative}._8ede9d51{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._5037d59d{position:absolute}._2cf38f34{position:fixed}.bf2d89a9{position:relative}._0a00a995{position:-webkit-sticky;position:sticky}}._5e944bac{display:block}.a7c6de33{display:flex}._8ed03dfe{display:inline}.d7c72ae2{display:inline-block}.baf095bf{display:inline-flex}.fdecf61b{display:none}@media (min-width:768px){.e67bff4d{display:block}.cd8908ce{display:flex}._859da319{display:inline}._9cfe10c7{display:inline-block}.bdc812ae{display:inline-flex}._21f0dae7{display:none}}@media (min-width:992px){.d94bf997{display:block}.e6925ae5{display:flex}._57151837{display:inline}._7721cd07{display:inline-block}._0e197a41{display:inline-flex}.dc1fe7a5{display:none}}._1e47f652{flex-direction:column}._194d8611{flex-direction:row}@media (min-width:768px){._11ca3004{flex-direction:column}._7e4f2f2b{flex-direction:row}}@media (min-width:992px){.fbca1929{flex-direction:column}._50dd05a2{flex-direction:row}}.afd15909{flex-wrap:wrap}._7682c7ed{flex-wrap:nowrap}.b834b77e{flex-shrink:0}._89d517e2{flex-grow:0}.bfa58fdf{flex-grow:1}._4e2075e2{align-items:flex-start}._8ad6a17c{align-items:center}.a6235493{align-items:flex-end}._1e964f8a{align-items:baseline}@media (min-width:768px){._87c0c7f8{align-items:flex-start}._812a2195{align-items:center}._207fa4f7{align-items:flex-end}._6415fbe8{align-items:baseline}}@media (min-width:992px){._84ec8c58{align-items:flex-start}.afdff695{align-items:center}._78607c32{align-items:flex-end}._57428c98{align-items:baseline}}._9e8363f8{justify-content:flex-start}.f88bdaf1{justify-content:center}._0315ed60{justify-content:flex-end}._81fc01b2{justify-content:space-around}._54d85bfe{justify-content:space-between}.b09b6390{justify-content:space-evenly}@media (min-width:768px){.bea77b61{justify-content:flex-start}._2f6925fc{justify-content:center}._462a9e07{justify-content:flex-end}._1c555ae4{justify-content:space-around}._7a9768a8{justify-content:space-between}._859b8158{justify-content:space-evenly}}@media (min-width:992px){.c190fc20{justify-content:flex-start}._73777561{justify-content:center}.d2151eb8{justify-content:flex-end}._1c555ae4{justify-content:space-around}.b8ec7870{justify-content:space-between}._859b8158{justify-content:space-evenly}}.d607c41c{align-self:stretch}._30b9c3a2{align-self:flex-start}.f1f37bf1{align-self:center}._341847ab{align-self:flex-end}._2c7dfaf8{align-self:baseline}@media (min-width:768px){._8be172b1{align-self:stretch}._84af0ad2{align-self:flex-start}._2fb0b3f1{align-self:center}.d8b98da0{align-self:flex-end}._096c96ed{align-self:baseline}}@media (min-width:992px){._217cc45f{align-self:stretch}._29964d59{align-self:flex-start}.e76ee627{align-self:center}._7435c694{align-self:flex-end}._84758309{align-self:baseline}}._47471e4e{overflow:hidden}._37460640{overflow:auto}._73d1ede9{overflow:visible}.a39c32d7{overflow:scroll}._5cede05a{height:100%}.b50b47ee{background-color:var(--reactist-bg-default)}._5912d165{background-color:var(--reactist-bg-aside)}.c4b77c63{background-color:var(--reactist-bg-highlight)}._7ab4d8a9{background-color:var(--reactist-bg-selected)}._9ce2e0c1{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}.f6a2af5a{border-radius:var(--reactist-border-radius-small)}._7e67e1f6{border-radius:var(--reactist-border-radius-large)}.f5b8570f{border:1px solid var(--reactist-divider-primary)}._5dd76b5f{border:1px solid var(--reactist-divider-secondary)}._7c14c801{border:1px solid var(--reactist-divider-tertiary)}._57086b20{text-align:start}.b7f35b86{text-align:center}._6596dbcd{text-align:end}.d5210e4f{text-align:justify}@media (min-width:768px){._97da11d5{text-align:start}._9add5f3d{text-align:center}.f8b12189{text-align:end}.d5acd111{text-align:justify}}@media (min-width:992px){.b33bdab7{text-align:start}._0fc7972b{text-align:center}.a0f648ae{text-align:end}.a0bdba20{text-align:justify}}.d19e99ad{overflow:auto}.d19e99ad::-webkit-scrollbar{width:var(--reactist-spacing-small)}.d19e99ad::-webkit-scrollbar-track{background:transparent}.d19e99ad::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--reactist-border-radius-large)}.d19e99ad:hover::-webkit-scrollbar-thumb{background-color:var(--reactist-scrollbar-thumb-idle)}.d19e99ad{scrollbar-width:thin;scrollbar-color:transparent transparent}.d19e99ad:hover{scrollbar-color:var(--reactist-scrollbar-thumb-idle) transparent}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}