@hh.ru/magritte-ui-checkable-card 5.0.48 → 5.1.1

package/CheckableCard.js

@@ -8,10 +8,10 @@ import { CheckableCardSkeleton } from './Skeleton.js';
 import { useGalleryContext, useScrollableControls } from '@hh.ru/magritte-ui-scrollable-container';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import 'classnames';
-import './checkable-card-Cr_dwopd.js';
+import './checkable-card-CoBhkIY_.js';
 import '@hh.ru/magritte-common-use-loading-state';
 
-const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, onFocus, onClick, disabled, type = 'checkbox', flexible, labelDataQa, respectContainer = false, ...inputProps }, ref) => {
+const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, borderLayer, onFocus, onClick, disabled, type = 'checkbox', flexible, labelDataQa, respectContainer = false, ...inputProps }, ref) => {
     const contentRef = useRef(null);
     const inputRef = useRef(null);
     const forceDisabled = useDisabled();
@@ -48,6 +48,7 @@ const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft,
         borderBottomRightRadius,
         disabled,
         toneHover,
+        borderLayer,
         flexible,
         'data-qa': labelDataQa,
     };

package/CheckableCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckableCard.js","sources":["src/CheckableCard.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { CheckableCardSkeleton } from '@hh.ru/magritte-ui-checkable-card/Skeleton';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { useGalleryContext, useScrollableControls } from '@hh.ru/magritte-ui-scrollable-container';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const CheckableCardComponent = forwardRef<HTMLLabelElement, React.PropsWithChildren<CheckableCardProps>>(\n    (\n        {\n            children,\n            padding = 0,\n            paddingLeft,\n            paddingRight,\n            paddingTop,\n            paddingBottom,\n            borderRadius = 0,\n            borderTopLeftRadius,\n            borderTopRightRadius,\n            borderBottomLeftRadius,\n            borderBottomRightRadius,\n            toneHover,\n            onFocus,\n            onClick,\n            disabled,\n            type = 'checkbox',\n            flexible,\n            labelDataQa,\n            respectContainer = false,\n            ...inputProps\n        },\n        ref\n    ) => {\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement>(null);\n        const forceDisabled = useDisabled();\n\n        const { registerItem, removeItem } = useGalleryContext();\n        const { scrollToItem } = useScrollableControls();\n\n        const stopKeyboardEventPropagation: React.KeyboardEventHandler<HTMLLabelElement> = (event) => {\n            if (\n                event.target === inputRef.current ||\n                !keyboardMatches(event as unknown as KeyboardEvent, [keyboardKeys.Space, keyboardKeys.Enter])\n            ) {\n                return;\n            }\n            event.stopPropagation();\n            inputRef.current?.dispatchEvent(new KeyboardEvent(event.type, { key: event.key, code: event.code }));\n        };\n\n        useLayoutEffect(() => {\n            registerItem(contentRef);\n            return () => removeItem(contentRef);\n        }, [registerItem, removeItem]);\n\n        useLayoutEffect(() => {\n            if ((inputProps.checked || inputProps.defaultChecked) && type === 'radio' && contentRef.current) {\n                scrollToItem(contentRef);\n            }\n            // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n        }, []);\n\n        const props = {\n            padding,\n            paddingLeft,\n            paddingRight,\n            paddingTop,\n            paddingBottom,\n            borderRadius,\n            borderTopLeftRadius,\n            borderTopRightRadius,\n            borderBottomLeftRadius,\n            borderBottomRightRadius,\n            disabled,\n            toneHover,\n            flexible,\n            'data-qa': labelDataQa,\n        };\n\n        return (\n            <CheckableCardElement\n                {...props}\n                onClickCapture={(event) => {\n                    if (event.target === inputRef.current || !contentRef.current?.contains(event.target as Node)) {\n                        return;\n                    }\n                    event.preventDefault();\n                    event.stopPropagation();\n                    inputRef.current?.click();\n                }}\n                padding={padding}\n                borderRadius={borderRadius}\n                onKeyDownCapture={stopKeyboardEventPropagation}\n                onKeyPressCapture={stopKeyboardEventPropagation}\n                onKeyUpCapture={stopKeyboardEventPropagation}\n                input={\n                    <input\n                        {...inputProps}\n                        ref={inputRef}\n                        type={type}\n                        disabled={!!disabled || forceDisabled}\n                        onFocus={(event) => {\n                            onFocus?.(event);\n                            scrollToItem(contentRef);\n                        }}\n                        onClick={(event) => {\n                            onClick?.(event);\n                            scrollToItem(contentRef);\n                        }}\n                    />\n                }\n                Element=\"label\"\n                ref={ref}\n                contentRef={contentRef}\n                disabled={!!disabled || forceDisabled}\n                respectContainer={respectContainer}\n            >\n                {children}\n            </CheckableCardElement>\n        );\n    }\n);\n\nCheckableCardComponent.displayName = 'CheckableCard';\n\nexport const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"CheckableCard.js","sources":["src/CheckableCard.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { CheckableCardSkeleton } from '@hh.ru/magritte-ui-checkable-card/Skeleton';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { useGalleryContext, useScrollableControls } from '@hh.ru/magritte-ui-scrollable-container';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const CheckableCardComponent = forwardRef<HTMLLabelElement, React.PropsWithChildren<CheckableCardProps>>(\n    (\n        {\n            children,\n            padding = 0,\n            paddingLeft,\n            paddingRight,\n            paddingTop,\n            paddingBottom,\n            borderRadius = 0,\n            borderTopLeftRadius,\n            borderTopRightRadius,\n            borderBottomLeftRadius,\n            borderBottomRightRadius,\n            toneHover,\n            borderLayer,\n            onFocus,\n            onClick,\n            disabled,\n            type = 'checkbox',\n            flexible,\n            labelDataQa,\n            respectContainer = false,\n            ...inputProps\n        },\n        ref\n    ) => {\n        const contentRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement>(null);\n        const forceDisabled = useDisabled();\n\n        const { registerItem, removeItem } = useGalleryContext();\n        const { scrollToItem } = useScrollableControls();\n\n        const stopKeyboardEventPropagation: React.KeyboardEventHandler<HTMLLabelElement> = (event) => {\n            if (\n                event.target === inputRef.current ||\n                !keyboardMatches(event as unknown as KeyboardEvent, [keyboardKeys.Space, keyboardKeys.Enter])\n            ) {\n                return;\n            }\n            event.stopPropagation();\n            inputRef.current?.dispatchEvent(new KeyboardEvent(event.type, { key: event.key, code: event.code }));\n        };\n\n        useLayoutEffect(() => {\n            registerItem(contentRef);\n            return () => removeItem(contentRef);\n        }, [registerItem, removeItem]);\n\n        useLayoutEffect(() => {\n            if ((inputProps.checked || inputProps.defaultChecked) && type === 'radio' && contentRef.current) {\n                scrollToItem(contentRef);\n            }\n            // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n        }, []);\n\n        const props = {\n            padding,\n            paddingLeft,\n            paddingRight,\n            paddingTop,\n            paddingBottom,\n            borderRadius,\n            borderTopLeftRadius,\n            borderTopRightRadius,\n            borderBottomLeftRadius,\n            borderBottomRightRadius,\n            disabled,\n            toneHover,\n            borderLayer,\n            flexible,\n            'data-qa': labelDataQa,\n        };\n\n        return (\n            <CheckableCardElement\n                {...props}\n                onClickCapture={(event) => {\n                    if (event.target === inputRef.current || !contentRef.current?.contains(event.target as Node)) {\n                        return;\n                    }\n                    event.preventDefault();\n                    event.stopPropagation();\n                    inputRef.current?.click();\n                }}\n                padding={padding}\n                borderRadius={borderRadius}\n                onKeyDownCapture={stopKeyboardEventPropagation}\n                onKeyPressCapture={stopKeyboardEventPropagation}\n                onKeyUpCapture={stopKeyboardEventPropagation}\n                input={\n                    <input\n                        {...inputProps}\n                        ref={inputRef}\n                        type={type}\n                        disabled={!!disabled || forceDisabled}\n                        onFocus={(event) => {\n                            onFocus?.(event);\n                            scrollToItem(contentRef);\n                        }}\n                        onClick={(event) => {\n                            onClick?.(event);\n                            scrollToItem(contentRef);\n                        }}\n                    />\n                }\n                Element=\"label\"\n                ref={ref}\n                contentRef={contentRef}\n                disabled={!!disabled || forceDisabled}\n                respectContainer={respectContainer}\n            >\n                {children}\n            </CheckableCardElement>\n        );\n    }\n);\n\nCheckableCardComponent.displayName = 'CheckableCard';\n\nexport const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);\n"],"names":["_jsx"],"mappings":"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"}

package/CheckableCardContainer.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import classnames from 'classnames';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from './checkable-card-Cr_dwopd.js';
+import { s as styles } from './checkable-card-CoBhkIY_.js';
 
 const CheckableCardScrollableContainer = ({ disableButtons, children, ...containerProps }) => {
     const WrapperComponent = disableButtons ? Fragment : ScrollableContainer.DefaultLayout;

package/CheckableCardElement.js

@@ -3,11 +3,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
-import { s as styles } from './checkable-card-Cr_dwopd.js';
+import { s as styles } from './checkable-card-CoBhkIY_.js';
 
 const genBorderRadiusClasses = (radiusProps) => Object.entries(radiusProps).reduce((acc, [key, value]) => value !== undefined ? [...acc, styles[`border${key}Radius${value}`]] : acc, []);
 const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
-const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, disabled, flexible, Element = 'div', input, contentRef, checked = false, focusVisible = false, respectContainer = false, ...props }, ref) => {
+const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, borderLayer = 'above-content', disabled, flexible, Element = 'div', input, contentRef, checked = false, focusVisible = false, respectContainer = false, ...props }, ref) => {
     const paddingProps = genPaddingProps({
         Left: paddingLeft ?? padding,
         Right: paddingRight ?? padding,
@@ -25,6 +25,7 @@ const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLe
             [styles.cardChecked]: checked,
             [styles.cardHugContent]: !flexible,
             [styles.cardToneHover]: toneHover,
+            [styles.cardBorderBelowContent]: borderLayer === 'below-content',
             'focus-visible': focusVisible,
             [styles.cardRespectContainer]: respectContainer,
         }), "data-interactive": true, ref: ref, tabIndex: input || forceDisabled || !!disabled ? -1 : 0, "aria-disabled": forceDisabled || !!disabled, children: [input, jsx("div", { className: styles.content, ref: contentRef, children: jsx("div", { className: styles.contentBorderContainer, style: paddingProps, children: jsx("div", { className: styles.contentOpacityContainer, children: jsx(DisabledContext.Provider, { value: forceDisabled || !!disabled, children: children }) }) }) })] }));

package/CheckableCardElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckableCardElement.js","sources":["src/CheckableCardElement.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport type {\n    CheckableCardBorderRadius,\n    CheckableCardElementProps,\n    CheckableCardPadding,\n} from '@hh.ru/magritte-ui-checkable-card/types';\n\nimport styles from './checkable-card.less';\n\nconst genBorderRadiusClasses = (radiusProps: {\n    TopLeft?: CheckableCardBorderRadius;\n    TopRight?: CheckableCardBorderRadius;\n    BottomLeft?: CheckableCardBorderRadius;\n    BottomRight?: CheckableCardBorderRadius;\n}) =>\n    Object.entries(radiusProps).reduce<string[]>(\n        (acc, [key, value]) =>\n            value !== undefined ? [...acc, styles[`border${key as keyof typeof radiusProps}Radius${value}`]] : acc,\n        []\n    );\n\nconst genPaddingProps = (paddingProps: {\n    Left?: CheckableCardPadding;\n    Right?: CheckableCardPadding;\n    Top?: CheckableCardPadding;\n    Bottom?: CheckableCardPadding;\n}) =>\n    Object.entries(paddingProps).reduce<Record<string, number>>(\n        (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n        {}\n    );\n\nconst CheckableCardElementForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CheckableCardElementProps, 'div'> = (\n    {\n        children,\n        padding,\n        paddingLeft,\n        paddingRight,\n        paddingTop,\n        paddingBottom,\n        borderRadius,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        toneHover,\n        disabled,\n        flexible,\n        Element = 'div',\n        input,\n        contentRef,\n        checked = false,\n        focusVisible = false,\n        respectContainer = false,\n        ...props\n    },\n    ref\n) => {\n    const paddingProps = genPaddingProps({\n        Left: paddingLeft ?? padding,\n        Right: paddingRight ?? padding,\n        Top: paddingTop ?? padding,\n        Bottom: paddingBottom ?? padding,\n    });\n\n    const forceDisabled = useDisabled();\n\n    return (\n        <Element\n            {...props}\n            className={classnames(\n                styles.card,\n                styles[`borderRadius${borderRadius}`],\n                genBorderRadiusClasses({\n                    TopLeft: borderTopLeftRadius,\n                    TopRight: borderTopRightRadius,\n                    BottomLeft: borderBottomLeftRadius,\n                    BottomRight: borderBottomRightRadius,\n                }),\n                {\n                    [styles.cardDisabled]: forceDisabled || !!disabled,\n                    [styles.cardChecked]: checked,\n                    [styles.cardHugContent]: !flexible,\n                    [styles.cardToneHover]: toneHover,\n                    'focus-visible': focusVisible,\n                    [styles.cardRespectContainer]: respectContainer,\n                }\n            )}\n            data-interactive={true}\n            ref={ref}\n            tabIndex={input || forceDisabled || !!disabled ? -1 : 0}\n            aria-disabled={forceDisabled || !!disabled}\n        >\n            {input}\n            <div className={styles.content} ref={contentRef}>\n                <div className={styles.contentBorderContainer} style={paddingProps}>\n                    <div className={styles.contentOpacityContainer}>\n                        <DisabledContext.Provider value={forceDisabled || !!disabled}>\n                            {children}\n                        </DisabledContext.Provider>\n                    </div>\n                </div>\n            </div>\n        </Element>\n    );\n};\n\nexport const CheckableCardElement = forwardRef(CheckableCardElementForwardRefRenderFunc) as PolymorphicComponentWithRef<\n    CheckableCardElementProps,\n    'div'\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"CheckableCardElement.js","sources":["src/CheckableCardElement.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport type {\n    CheckableCardBorderRadius,\n    CheckableCardElementProps,\n    CheckableCardPadding,\n} from '@hh.ru/magritte-ui-checkable-card/types';\n\nimport styles from './checkable-card.less';\n\nconst genBorderRadiusClasses = (radiusProps: {\n    TopLeft?: CheckableCardBorderRadius;\n    TopRight?: CheckableCardBorderRadius;\n    BottomLeft?: CheckableCardBorderRadius;\n    BottomRight?: CheckableCardBorderRadius;\n}) =>\n    Object.entries(radiusProps).reduce<string[]>(\n        (acc, [key, value]) =>\n            value !== undefined ? [...acc, styles[`border${key as keyof typeof radiusProps}Radius${value}`]] : acc,\n        []\n    );\n\nconst genPaddingProps = (paddingProps: {\n    Left?: CheckableCardPadding;\n    Right?: CheckableCardPadding;\n    Top?: CheckableCardPadding;\n    Bottom?: CheckableCardPadding;\n}) =>\n    Object.entries(paddingProps).reduce<Record<string, number>>(\n        (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n        {}\n    );\n\nconst CheckableCardElementForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CheckableCardElementProps, 'div'> = (\n    {\n        children,\n        padding,\n        paddingLeft,\n        paddingRight,\n        paddingTop,\n        paddingBottom,\n        borderRadius,\n        borderTopLeftRadius,\n        borderTopRightRadius,\n        borderBottomLeftRadius,\n        borderBottomRightRadius,\n        toneHover,\n        borderLayer = 'above-content',\n        disabled,\n        flexible,\n        Element = 'div',\n        input,\n        contentRef,\n        checked = false,\n        focusVisible = false,\n        respectContainer = false,\n        ...props\n    },\n    ref\n) => {\n    const paddingProps = genPaddingProps({\n        Left: paddingLeft ?? padding,\n        Right: paddingRight ?? padding,\n        Top: paddingTop ?? padding,\n        Bottom: paddingBottom ?? padding,\n    });\n\n    const forceDisabled = useDisabled();\n\n    return (\n        <Element\n            {...props}\n            className={classnames(\n                styles.card,\n                styles[`borderRadius${borderRadius}`],\n                genBorderRadiusClasses({\n                    TopLeft: borderTopLeftRadius,\n                    TopRight: borderTopRightRadius,\n                    BottomLeft: borderBottomLeftRadius,\n                    BottomRight: borderBottomRightRadius,\n                }),\n                {\n                    [styles.cardDisabled]: forceDisabled || !!disabled,\n                    [styles.cardChecked]: checked,\n                    [styles.cardHugContent]: !flexible,\n                    [styles.cardToneHover]: toneHover,\n                    [styles.cardBorderBelowContent]: borderLayer === 'below-content',\n                    'focus-visible': focusVisible,\n                    [styles.cardRespectContainer]: respectContainer,\n                }\n            )}\n            data-interactive={true}\n            ref={ref}\n            tabIndex={input || forceDisabled || !!disabled ? -1 : 0}\n            aria-disabled={forceDisabled || !!disabled}\n        >\n            {input}\n            <div className={styles.content} ref={contentRef}>\n                <div className={styles.contentBorderContainer} style={paddingProps}>\n                    <div className={styles.contentOpacityContainer}>\n                        <DisabledContext.Provider value={forceDisabled || !!disabled}>\n                            {children}\n                        </DisabledContext.Provider>\n                    </div>\n                </div>\n            </div>\n        </Element>\n    );\n};\n\nexport const CheckableCardElement = forwardRef(CheckableCardElementForwardRefRenderFunc) as PolymorphicComponentWithRef<\n    CheckableCardElementProps,\n    'div'\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/Skeleton.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
 import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
-import { s as styles } from './checkable-card-Cr_dwopd.js';
+import { s as styles } from './checkable-card-CoBhkIY_.js';
 
 const CheckableCardSkeleton = forwardRef(({ Component: CheckableCard, 
 // skeleton props

package/checkable-card-CoBhkIY_.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"card":"magritte-card___kxw8G_5-1-1","card-skeleton":"magritte-card-skeleton___QeWAi_5-1-1","cardSkeleton":"magritte-card-skeleton___QeWAi_5-1-1","card_disabled":"magritte-card_disabled___VY399_5-1-1","cardDisabled":"magritte-card_disabled___VY399_5-1-1","card_hug-content":"magritte-card_hug-content___5HzPo_5-1-1","cardHugContent":"magritte-card_hug-content___5HzPo_5-1-1","content":"magritte-content___8L-gU_5-1-1","content-border-container":"magritte-content-border-container___nYgS5_5-1-1","contentBorderContainer":"magritte-content-border-container___nYgS5_5-1-1","content-opacity-container":"magritte-content-opacity-container___6F4WI_5-1-1","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_5-1-1","card-border-below-content":"magritte-card-border-below-content___u90k-_5-1-1","cardBorderBelowContent":"magritte-card-border-below-content___u90k-_5-1-1","card_checked":"magritte-card_checked___nN6ga_5-1-1","cardChecked":"magritte-card_checked___nN6ga_5-1-1","card_tone-hover":"magritte-card_tone-hover___t2ICs_5-1-1","cardToneHover":"magritte-card_tone-hover___t2ICs_5-1-1","disabled":"magritte-disabled___Ab4OC_5-1-1","border-radius-0":"magritte-border-radius-0___--hCS_5-1-1","borderRadius0":"magritte-border-radius-0___--hCS_5-1-1","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_5-1-1","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_5-1-1","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_5-1-1","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_5-1-1","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_5-1-1","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_5-1-1","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_5-1-1","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_5-1-1","border-radius-12":"magritte-border-radius-12___ihVXv_5-1-1","borderRadius12":"magritte-border-radius-12___ihVXv_5-1-1","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_5-1-1","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_5-1-1","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_5-1-1","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_5-1-1","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_5-1-1","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_5-1-1","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_5-1-1","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_5-1-1","border-radius-16":"magritte-border-radius-16___6eKmx_5-1-1","borderRadius16":"magritte-border-radius-16___6eKmx_5-1-1","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_5-1-1","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_5-1-1","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_5-1-1","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_5-1-1","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_5-1-1","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_5-1-1","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_5-1-1","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_5-1-1","border-radius-24":"magritte-border-radius-24___ulqxw_5-1-1","borderRadius24":"magritte-border-radius-24___ulqxw_5-1-1","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_5-1-1","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_5-1-1","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_5-1-1","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_5-1-1","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_5-1-1","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_5-1-1","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_5-1-1","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_5-1-1","border-radius-32":"magritte-border-radius-32___Bvm7h_5-1-1","borderRadius32":"magritte-border-radius-32___Bvm7h_5-1-1","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_5-1-1","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_5-1-1","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_5-1-1","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_5-1-1","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_5-1-1","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_5-1-1","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_5-1-1","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_5-1-1","border-radius-40":"magritte-border-radius-40___CSg91_5-1-1","borderRadius40":"magritte-border-radius-40___CSg91_5-1-1","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_5-1-1","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_5-1-1","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_5-1-1","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_5-1-1","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_5-1-1","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_5-1-1","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_5-1-1","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_5-1-1","scroll-container":"magritte-scroll-container___FuttX_5-1-1","scrollContainer":"magritte-scroll-container___FuttX_5-1-1","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_5-1-1","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_5-1-1","card-respect-container":"magritte-card-respect-container___-7bUI_5-1-1","cardRespectContainer":"magritte-card-respect-container___-7bUI_5-1-1"};
+
+export { styles as s };
+//# sourceMappingURL=checkable-card-CoBhkIY_.js.map

package/checkable-card-CoBhkIY_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkable-card-CoBhkIY_.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.css

@@ -53,434 +53,498 @@
   --magritte-color-component-checkable-card-stroke-state-checked-hovered-v25-0-1:#90ACC1;
   --magritte-color-component-checkable-card-stroke-state-checked-pressed-v25-0-1:#7195AF;
 }
-.magritte-card___kxw8G_5-0-48{
+.magritte-card___kxw8G_5-1-1{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
+  position:relative;
   cursor:pointer;
 }
-.magritte-card___kxw8G_5-0-48 > input{
+.magritte-card___kxw8G_5-1-1 > input{
   position:absolute;
   clip-path:inset(100%);
   clip:rect(0 0 0 0);
 }
-.magritte-card-skeleton___QeWAi_5-0-48{
+.magritte-card-skeleton___QeWAi_5-1-1{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
 }
-.magritte-card_disabled___VY399_5-0-48{
+.magritte-card_disabled___VY399_5-1-1{
   cursor:default;
 }
-.magritte-card_hug-content___5HzPo_5-0-48{
+.magritte-card_hug-content___5HzPo_5-1-1{
   flex:0 0 auto;
 }
-.magritte-content___8L-gU_5-0-48{
+.magritte-content___8L-gU_5-1-1{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
   overflow:hidden;
 }
-.magritte-content-border-container___nYgS5_5-0-48{
+.magritte-content-border-container___nYgS5_5-1-1{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
-  position:relative;
   transition:background-color var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-1);
   background-color:var(--magritte-color-component-checkable-card-background-unchecked-v25-0-1);
 }
-.magritte-content-border-container___nYgS5_5-0-48::before{
-  content:'';
+.magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-content-border-container___nYgS5_5-1-1::after{
+  content:none;
   position:absolute;
   top:0;
   right:0;
   bottom:0;
   left:0;
-  z-index:1;
   pointer-events:none;
   transition:border-color var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-1);
   border:1px solid var(--magritte-color-component-checkable-card-stroke-unchecked-v25-0-1);
 }
-.magritte-content-opacity-container___6F4WI_5-0-48{
+.magritte-content-border-container___nYgS5_5-1-1::after{
+  content:'';
+}
+.magritte-content-opacity-container___6F4WI_5-1-1{
   display:flex;
   flex:1 1 auto;
 }
-.magritte-card___kxw8G_5-0-48 > input:checked + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card___kxw8G_5-0-48.magritte-card_checked___nN6ga_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card-border-below-content___u90k-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before{
+  content:'';
+}
+.magritte-card-border-below-content___u90k-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
+  content:none;
+}
+.magritte-card-border-below-content___u90k-_5-1-1 .magritte-content-opacity-container___6F4WI_5-1-1{
+  isolation:auto;
+}
+.magritte-card___kxw8G_5-1-1 > input:checked + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-card_checked___nN6ga_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1 > input:checked + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card___kxw8G_5-1-1.magritte-card_checked___nN6ga_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-checked-v25-0-1);
   border-width:2px;
 }
-.magritte-card___kxw8G_5-0-48 > input.focus-visible + .magritte-content___8L-gU_5-0-48,
-.magritte-card___kxw8G_5-0-48.focus-visible .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input.focus-visible + .magritte-content___8L-gU_5-1-1,
+.magritte-card___kxw8G_5-1-1.focus-visible .magritte-content___8L-gU_5-1-1{
   outline:var(--magritte-color-component-checkable-card-stroke-state-focused-accessible-v25-0-1) solid 4px;
 }
-.magritte-card___kxw8G_5-0-48 > input:disabled + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-card_disabled___VY399_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-disabled-v25-0-1);
 }
-.magritte-card___kxw8G_5-0-48 > input:disabled + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card___kxw8G_5-0-48.magritte-card_disabled___VY399_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1 > input:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1 > input:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card___kxw8G_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v25-0-1);
   border-width:1px;
 }
-.magritte-card___kxw8G_5-0-48 > input:checked:disabled + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-card_checked___nN6ga_5-0-48.magritte-card_disabled___VY399_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input:checked:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-card_checked___nN6ga_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-disabled-v25-0-1);
 }
-.magritte-card___kxw8G_5-0-48 > input:checked:disabled + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card___kxw8G_5-0-48.magritte-card_checked___nN6ga_5-0-48.magritte-card_disabled___VY399_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1 > input:checked:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-card_checked___nN6ga_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1 > input:checked:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card___kxw8G_5-1-1.magritte-card_checked___nN6ga_5-1-1.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-disabled-v25-0-1);
   border-width:2px;
 }
-.magritte-card___kxw8G_5-0-48 > input:disabled + .magritte-content___8L-gU_5-0-48 .magritte-content-opacity-container___6F4WI_5-0-48,
-.magritte-card_disabled___VY399_5-0-48 .magritte-content___8L-gU_5-0-48 .magritte-content-opacity-container___6F4WI_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input:disabled + .magritte-content___8L-gU_5-1-1 .magritte-content-opacity-container___6F4WI_5-1-1,
+.magritte-card_disabled___VY399_5-1-1 .magritte-content___8L-gU_5-1-1 .magritte-content-opacity-container___6F4WI_5-1-1{
   opacity:48%;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v25-0-1);
   }
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before,
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before{
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v25-0-1);
     border-width:1px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v25-0-1);
   }
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v25-0-1);
     border-width:1px;
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v25-0-1);
   }
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before,
-  body.magritte-old-layout .magritte-card___kxw8G_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before{
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after,
+  body.magritte-old-layout .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v25-0-1);
     border-width:2px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v25-0-1);
   }
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48::before{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1::after{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v25-0-1);
     border-width:2px;
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v25-0-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-48:not(:active):not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-1-1 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-1-1:not(:active):not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v25-0-1);
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v25-0-1);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48,
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-48:not(:active).magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48:hover .magritte-content-border-container___nYgS5_5-0-48{
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-1-1 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1,
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-1-1:not(:active).magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1:hover .magritte-content-border-container___nYgS5_5-1-1{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v25-0-1);
   }
 }
-.magritte-card___kxw8G_5-0-48 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input:active:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-pressed-v25-0-1);
 }
-.magritte-card___kxw8G_5-0-48 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card___kxw8G_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1 > input:active:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1 > input:active:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card___kxw8G_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v25-0-1);
   border-width:1px;
 }
-.magritte-card___kxw8G_5-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48:active.magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card___kxw8G_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1:active.magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-pressed-v25-0-1);
 }
-.magritte-card___kxw8G_5-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card___kxw8G_5-0-48:active.magritte-card_checked___nN6ga_5-0-48:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1:active.magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card___kxw8G_5-1-1:active.magritte-card_checked___nN6ga_5-1-1:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v25-0-1);
   border-width:2px;
 }
-.magritte-card_tone-hover___t2ICs_5-0-48 > input:active:not(.magritte-disabled___Ab4OC_5-0-48) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card_tone-hover___t2ICs_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:not(.magritte-disabled___Ab4OC_5-1-1) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card_tone-hover___t2ICs_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v25-0-1);
 }
-.magritte-card_tone-hover___t2ICs_5-0-48 > input:active:not(.magritte-disabled___Ab4OC_5-0-48) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card_tone-hover___t2ICs_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:not(.magritte-disabled___Ab4OC_5-1-1) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card_tone-hover___t2ICs_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:not(.magritte-disabled___Ab4OC_5-1-1) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card_tone-hover___t2ICs_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v25-0-1);
   border-width:1px;
 }
-.magritte-card_tone-hover___t2ICs_5-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card_tone-hover___t2ICs_5-0-48.magritte-card_checked___nN6ga_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48{
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card_tone-hover___t2ICs_5-1-1.magritte-card_checked___nN6ga_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-pressed-v25-0-1);
 }
-.magritte-card_tone-hover___t2ICs_5-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before,
-.magritte-card_tone-hover___t2ICs_5-0-48.magritte-card_checked___nN6ga_5-0-48:active:not(.magritte-card_disabled___VY399_5-0-48) .magritte-content___8L-gU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card_tone-hover___t2ICs_5-1-1.magritte-card_checked___nN6ga_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card_tone-hover___t2ICs_5-1-1 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after,
+.magritte-card_tone-hover___t2ICs_5-1-1.magritte-card_checked___nN6ga_5-1-1:active:not(.magritte-card_disabled___VY399_5-1-1) .magritte-content___8L-gU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v25-0-1);
   border-width:2px;
 }
-.magritte-border-radius-0___--hCS_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-0___--hCS_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-0___--hCS_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-0___--hCS_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:0px;
 }
-.magritte-border-radius-0___--hCS_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-0___--hCS_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-0___--hCS_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-0___IV8UU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-0___IV8UU_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-0___IV8UU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-0___IV8UU_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-0___IV8UU_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-0___IV8UU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-0___IV8UU_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-0___eBVf0_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-0___eBVf0_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-0___eBVf0_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-0___eBVf0_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-0___eBVf0_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-0___eBVf0_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-0___eBVf0_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-0___jmTBk_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-0___jmTBk_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-0___jmTBk_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-0___jmTBk_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-0___jmTBk_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-0___jmTBk_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-0___jmTBk_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-0___D-Fs-_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-0___D-Fs-_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-0___D-Fs-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-0___D-Fs-_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:0px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-0___D-Fs-_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-0___D-Fs-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-0___D-Fs-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:0px;
 }
-.magritte-border-radius-12___ihVXv_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-12___ihVXv_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-12___ihVXv_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-12___ihVXv_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:12px;
 }
-.magritte-border-radius-12___ihVXv_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-12___ihVXv_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-12___ihVXv_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-12___c-jEA_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-12___c-jEA_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-12___c-jEA_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-12___c-jEA_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-12___c-jEA_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-12___c-jEA_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-12___c-jEA_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-12___UA8OT_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-12___UA8OT_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-12___UA8OT_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-12___UA8OT_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-12___UA8OT_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-12___UA8OT_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-12___UA8OT_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-12___fJtJ7_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-12___fJtJ7_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-12___fJtJ7_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-12___fJtJ7_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-12___fJtJ7_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-12___fJtJ7_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-12___fJtJ7_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-12___2FNgs_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-12___2FNgs_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-12___2FNgs_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-12___2FNgs_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:12px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-12___2FNgs_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-12___2FNgs_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-12___2FNgs_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:12px;
 }
-.magritte-border-radius-16___6eKmx_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-16___6eKmx_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-16___6eKmx_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-16___6eKmx_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:16px;
 }
-.magritte-border-radius-16___6eKmx_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-16___6eKmx_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-16___6eKmx_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-16___tZAjN_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-16___tZAjN_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-16___tZAjN_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-16___tZAjN_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-16___tZAjN_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-16___tZAjN_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-16___tZAjN_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-16___1S1ct_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-16___1S1ct_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-16___1S1ct_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-16___1S1ct_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-16___1S1ct_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-16___1S1ct_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-16___1S1ct_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-16___i0GAm_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-16___i0GAm_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-16___i0GAm_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-16___i0GAm_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-16___i0GAm_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-16___i0GAm_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-16___i0GAm_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-16___cGBZM_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-16___cGBZM_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-16___cGBZM_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-16___cGBZM_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:16px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-16___cGBZM_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-16___cGBZM_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-16___cGBZM_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:16px;
 }
-.magritte-border-radius-24___ulqxw_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-24___ulqxw_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-24___ulqxw_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-24___ulqxw_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:24px;
 }
-.magritte-border-radius-24___ulqxw_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-24___ulqxw_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-24___ulqxw_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-24___kJKz-_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-24___kJKz-_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-24___kJKz-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-24___kJKz-_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-24___kJKz-_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-24___kJKz-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-24___kJKz-_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-24___h4WrI_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-24___h4WrI_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-24___h4WrI_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-24___h4WrI_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-24___h4WrI_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-24___h4WrI_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-24___h4WrI_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-24___CwCs8_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-24___CwCs8_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-24___CwCs8_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-24___CwCs8_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-24___CwCs8_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-24___CwCs8_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-24___CwCs8_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-24___PIRfH_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-24___PIRfH_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-24___PIRfH_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-24___PIRfH_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:24px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-24___PIRfH_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-24___PIRfH_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-24___PIRfH_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:24px;
 }
-.magritte-border-radius-32___Bvm7h_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-32___Bvm7h_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-32___Bvm7h_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-32___Bvm7h_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:32px;
 }
-.magritte-border-radius-32___Bvm7h_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-32___Bvm7h_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-32___Bvm7h_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-32___QVqKC_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-32___QVqKC_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-32___QVqKC_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-32___QVqKC_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-32___QVqKC_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-32___QVqKC_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-32___QVqKC_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-32___7a2qq_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-32___7a2qq_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-32___7a2qq_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-32___7a2qq_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-32___7a2qq_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-32___7a2qq_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-32___7a2qq_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-32___cmrmL_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-32___cmrmL_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-32___cmrmL_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-32___cmrmL_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-32___cmrmL_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-32___cmrmL_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-32___cmrmL_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-32___yMDwz_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-32___yMDwz_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-32___yMDwz_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-32___yMDwz_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:32px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-32___yMDwz_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-32___yMDwz_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-32___yMDwz_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:32px;
 }
-.magritte-border-radius-40___CSg91_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-border-radius-40___CSg91_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-border-radius-40___CSg91_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-border-radius-40___CSg91_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-radius:40px;
 }
-.magritte-border-radius-40___CSg91_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-border-radius-40___CSg91_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-border-radius-40___CSg91_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-40___oANEa_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-40___oANEa_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-40___oANEa_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-40___oANEa_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-left-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-left-radius-40___oANEa_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-40___oANEa_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-left-radius-40___oANEa_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-left-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-40___TYtjf_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-40___TYtjf_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-40___TYtjf_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-40___TYtjf_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-top-right-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-top-right-radius-40___TYtjf_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-40___TYtjf_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-top-right-radius-40___TYtjf_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-top-right-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-40___-bPFb_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-40___-bPFb_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-40___-bPFb_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-40___-bPFb_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-left-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-left-radius-40___-bPFb_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-40___-bPFb_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-left-radius-40___-bPFb_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-left-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-40___ArdFn_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-40___ArdFn_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-40___ArdFn_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-40___ArdFn_5-1-1 .magritte-content___8L-gU_5-1-1{
   border-bottom-right-radius:40px;
 }
-.magritte-card___kxw8G_5-0-48.magritte-border-bottom-right-radius-40___ArdFn_5-0-48 .magritte-content-border-container___nYgS5_5-0-48::before{
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-40___ArdFn_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::before,
+.magritte-card___kxw8G_5-1-1.magritte-border-bottom-right-radius-40___ArdFn_5-1-1 .magritte-content-border-container___nYgS5_5-1-1::after{
   border-bottom-right-radius:40px;
 }
-.magritte-scroll-container___FuttX_5-0-48{
+.magritte-scroll-container___FuttX_5-1-1{
   width:200%;
 }
-.magritte-scroll-container___FuttX_5-0-48 > *{
+.magritte-scroll-container___FuttX_5-1-1 > *{
   flex-wrap:wrap;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-scroll-container___FuttX_5-0-48:not(.magritte-scroll-container-mobile___9y-d7_5-0-48){
+  body.magritte-old-layout  .magritte-scroll-container___FuttX_5-1-1:not(.magritte-scroll-container-mobile___9y-d7_5-1-1){
     width:auto;
   }
-  body.magritte-old-layout  .magritte-scroll-container___FuttX_5-0-48:not(.magritte-scroll-container-mobile___9y-d7_5-0-48) > *{
+  body.magritte-old-layout  .magritte-scroll-container___FuttX_5-1-1:not(.magritte-scroll-container-mobile___9y-d7_5-1-1) > *{
     flex-wrap:nowrap;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_5-0-48:not(.magritte-scroll-container-mobile___9y-d7_5-0-48){
+  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_5-1-1:not(.magritte-scroll-container-mobile___9y-d7_5-1-1){
     width:auto;
   }
-  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_5-0-48:not(.magritte-scroll-container-mobile___9y-d7_5-0-48) > *{
+  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_5-1-1:not(.magritte-scroll-container-mobile___9y-d7_5-1-1) > *{
     flex-wrap:nowrap;
   }
 }
-.magritte-card-respect-container___-7bUI_5-0-48{
+.magritte-card-respect-container___-7bUI_5-1-1{
   max-width:100%;
 }
-.magritte-card-respect-container___-7bUI_5-0-48 .magritte-content-border-container___nYgS5_5-0-48,
-.magritte-card-respect-container___-7bUI_5-0-48 .magritte-content-opacity-container___6F4WI_5-0-48,
-.magritte-card-respect-container___-7bUI_5-0-48 .magritte-content___8L-gU_5-0-48{
+.magritte-card-respect-container___-7bUI_5-1-1 .magritte-content-border-container___nYgS5_5-1-1,
+.magritte-card-respect-container___-7bUI_5-1-1 .magritte-content-opacity-container___6F4WI_5-1-1,
+.magritte-card-respect-container___-7bUI_5-1-1 .magritte-content___8L-gU_5-1-1{
   min-width:0;
 }

package/index.js

@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-use-disabled';
 import './CheckableCardElement.js';
 import 'classnames';
-import './checkable-card-Cr_dwopd.js';
+import './checkable-card-CoBhkIY_.js';
 import './Skeleton.js';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-checkable-card",
-  "version": "5.0.48",
+  "version": "5.1.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -34,11 +34,11 @@
     "@hh.ru/magritte-types": "5.0.7",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-scrollable-container": "6.4.4",
+    "@hh.ru/magritte-ui-scrollable-container": "6.4.5",
     "@hh.ru/magritte-ui-skeleton": "3.0.31"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ca6dd4b6ab147bf47045aa7608e7b6f60df53749"
+  "gitHead": "908702cc0743dad7b2875c13c8f7abd8b3ceb011"
 }

package/types.d.ts

@@ -25,6 +25,13 @@ export interface CheckableCardBaseProps {
     flexible?: boolean;
     /** При становке флага фон элемента при наведении мыши становится более темным*/
     toneHover?: boolean;
+    /**
+     * Порядок отрисовки рамки относительно содержимого карточки.
+     * `above-content` — рамка поверх содержимого: остаётся видимой, даже если контент прижат к краям карточки.
+     * `below-content` — рамка под спозиционированным содержимым: элементы с `position: absolute`,
+     * выходящие за пределы карточки, перекрывают рамку, а не обрезаются ею
+     */
+    borderLayer?: 'above-content' | 'below-content';
     /** Флаг отключающий CheckableCard */
     disabled?: boolean;
     /** data-qa для элемента label */

package/checkable-card-Cr_dwopd.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"card":"magritte-card___kxw8G_5-0-48","card-skeleton":"magritte-card-skeleton___QeWAi_5-0-48","cardSkeleton":"magritte-card-skeleton___QeWAi_5-0-48","card_disabled":"magritte-card_disabled___VY399_5-0-48","cardDisabled":"magritte-card_disabled___VY399_5-0-48","card_hug-content":"magritte-card_hug-content___5HzPo_5-0-48","cardHugContent":"magritte-card_hug-content___5HzPo_5-0-48","content":"magritte-content___8L-gU_5-0-48","content-border-container":"magritte-content-border-container___nYgS5_5-0-48","contentBorderContainer":"magritte-content-border-container___nYgS5_5-0-48","content-opacity-container":"magritte-content-opacity-container___6F4WI_5-0-48","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_5-0-48","card_checked":"magritte-card_checked___nN6ga_5-0-48","cardChecked":"magritte-card_checked___nN6ga_5-0-48","card_tone-hover":"magritte-card_tone-hover___t2ICs_5-0-48","cardToneHover":"magritte-card_tone-hover___t2ICs_5-0-48","disabled":"magritte-disabled___Ab4OC_5-0-48","border-radius-0":"magritte-border-radius-0___--hCS_5-0-48","borderRadius0":"magritte-border-radius-0___--hCS_5-0-48","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_5-0-48","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_5-0-48","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_5-0-48","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_5-0-48","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-48","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-48","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-48","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-48","border-radius-12":"magritte-border-radius-12___ihVXv_5-0-48","borderRadius12":"magritte-border-radius-12___ihVXv_5-0-48","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_5-0-48","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_5-0-48","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_5-0-48","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_5-0-48","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-48","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-48","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-48","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-48","border-radius-16":"magritte-border-radius-16___6eKmx_5-0-48","borderRadius16":"magritte-border-radius-16___6eKmx_5-0-48","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_5-0-48","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_5-0-48","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_5-0-48","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_5-0-48","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-48","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-48","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-48","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-48","border-radius-24":"magritte-border-radius-24___ulqxw_5-0-48","borderRadius24":"magritte-border-radius-24___ulqxw_5-0-48","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_5-0-48","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_5-0-48","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_5-0-48","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_5-0-48","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-48","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-48","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-48","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-48","border-radius-32":"magritte-border-radius-32___Bvm7h_5-0-48","borderRadius32":"magritte-border-radius-32___Bvm7h_5-0-48","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_5-0-48","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_5-0-48","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_5-0-48","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_5-0-48","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-48","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-48","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-48","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-48","border-radius-40":"magritte-border-radius-40___CSg91_5-0-48","borderRadius40":"magritte-border-radius-40___CSg91_5-0-48","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_5-0-48","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_5-0-48","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_5-0-48","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_5-0-48","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-48","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-48","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-48","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-48","scroll-container":"magritte-scroll-container___FuttX_5-0-48","scrollContainer":"magritte-scroll-container___FuttX_5-0-48","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_5-0-48","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_5-0-48","card-respect-container":"magritte-card-respect-container___-7bUI_5-0-48","cardRespectContainer":"magritte-card-respect-container___-7bUI_5-0-48"};
-
-export { styles as s };
-//# sourceMappingURL=checkable-card-Cr_dwopd.js.map

package/checkable-card-Cr_dwopd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkable-card-Cr_dwopd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}