@goodhood-web/ui 1.1.0 → 1.2.0-development.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fonts/inter/Inter-Black.woff2 +0 -0
- package/fonts/inter/Inter-BlackItalic.woff2 +0 -0
- package/fonts/inter/Inter-Bold.woff2 +0 -0
- package/fonts/inter/Inter-BoldItalic.woff2 +0 -0
- package/fonts/inter/Inter-ExtraBold.woff2 +0 -0
- package/fonts/inter/Inter-ExtraBoldItalic.woff +0 -0
- package/fonts/inter/Inter-ExtraBoldItalic.woff2 +0 -0
- package/fonts/inter/Inter-ExtraLight.woff2 +0 -0
- package/fonts/inter/Inter-ExtraLightItalic.woff +0 -0
- package/fonts/inter/Inter-ExtraLightItalic.woff2 +0 -0
- package/fonts/inter/Inter-Italic.woff2 +0 -0
- package/fonts/inter/Inter-Light.woff2 +0 -0
- package/fonts/inter/Inter-LightItalic.woff2 +0 -0
- package/fonts/inter/Inter-Medium.woff2 +0 -0
- package/fonts/inter/Inter-MediumItalic.woff2 +0 -0
- package/fonts/inter/Inter-Regular.woff2 +0 -0
- package/fonts/inter/Inter-SemiBold.woff2 +0 -0
- package/fonts/inter/Inter-SemiBoldItalic.woff2 +0 -0
- package/fonts/inter/Inter-Thin.woff2 +0 -0
- package/fonts/inter/Inter-ThinItalic.woff2 +0 -0
- package/fonts/inter/Inter-italic.var.woff2 +0 -0
- package/fonts/inter/Inter-roman.var.woff2 +0 -0
- package/fonts/inter/Inter.var.woff2 +0 -0
- package/index.d.ts +9 -2
- package/index.js +31 -16
- package/index.mjs +9933 -1635
- package/lib/BaseButton/BaseButton.d.ts +5 -3
- package/lib/Card/Card.types.d.ts +2 -2
- package/lib/Card/Card.utils.d.ts +3 -3
- package/lib/Card/CardBody/CardBody.types.d.ts +2 -2
- package/lib/Card/CardHeader/CardHeader.type.d.ts +3 -3
- package/lib/Fieldset/Fieldset.types.d.ts +2 -2
- package/lib/Form/Form.types.d.ts +2 -2
- package/lib/IconButton/IconButton.d.ts +1 -1
- package/lib/IconButton/IconButton.types.d.ts +2 -2
- package/lib/LabelPill/LabelPill.d.ts +1 -1
- package/lib/LabelPill/LabelPill.types.d.ts +1 -0
- package/lib/Markdown/Markdown.d.ts +6 -0
- package/lib/Markdown/Markdown.types.d.ts +0 -0
- package/lib/NavBar/NavBar.d.ts +3 -0
- package/lib/NavBar/NavBar.types.d.ts +6 -0
- package/lib/NavBar/NavItem/NavItem.d.ts +3 -0
- package/lib/NavBar/NavItem/NavItem.types.d.ts +10 -0
- package/lib/PlaceholderThumbnail/PlaceholderThumbnail.d.ts +3 -0
- package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts +7 -0
- package/lib/Popup/Popup.d.ts +3 -0
- package/lib/Popup/Popup.types.d.ts +14 -0
- package/lib/SmartLink/SmartLink.d.ts +3 -0
- package/lib/SmartLink/SmartLink.types.d.ts +9 -0
- package/lib/TextButton/TextButton.d.ts +8 -0
- package/lib/TextButton/TextButton.types.d.ts +11 -0
- package/lib/TextInput/TextInput.d.ts +3 -0
- package/lib/TextInput/TextInput.types.d.ts +11 -0
- package/lib/Typography/Typography.types.d.ts +2 -2
- package/package.json +3 -3
- package/style.css +1 -1
- package/styles/_functions.scss +14 -0
- package/lib/ContentCreatorButton/ContentCreatorButton.d.ts +0 -3
- package/lib/ContentCreatorButton/ContentCreatorButton.types.d.ts +0 -5
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { ButtonOwnProps } from '@mui/base';
|
|
2
|
-
import { AriaRole } from 'react';
|
|
2
|
+
import { AriaRole, ForwardedRef, MouseEvent } from 'react';
|
|
3
3
|
export interface BaseButtonProps extends ButtonOwnProps {
|
|
4
4
|
ariaLabel?: string;
|
|
5
5
|
ariaLabelledBy?: string;
|
|
6
6
|
className?: string;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onClick: (event: MouseEvent<HTMLElement>) => void;
|
|
9
|
+
ref?: ForwardedRef<null>;
|
|
9
10
|
role?: AriaRole;
|
|
11
|
+
selected?: boolean;
|
|
10
12
|
}
|
|
11
13
|
declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export default BaseButton;
|
package/lib/Card/Card.types.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { CardBodyProps } from './CardBody/CardBody.types';
|
|
3
3
|
import { CardHeaderProps } from './CardHeader/CardHeader.type';
|
|
4
4
|
export interface CardProps {
|
|
5
5
|
ariaLabel?: string;
|
|
6
6
|
as?: Extract<keyof JSX.IntrinsicElements, 'section' | 'div'>;
|
|
7
7
|
borderRadius?: boolean;
|
|
8
|
-
children:
|
|
8
|
+
children: ReactElement<CardBodyProps | CardHeaderProps> | ReactElement<CardBodyProps | CardHeaderProps>[];
|
|
9
9
|
className?: string;
|
|
10
10
|
role?: string;
|
|
11
11
|
}
|
package/lib/Card/Card.utils.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const findAllowedElement: (elements:
|
|
3
|
-
export declare const filterAllowedElements: (elements:
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
export declare const findAllowedElement: (elements: ReactNode, type: ElementType) => ReactNode;
|
|
3
|
+
export declare const filterAllowedElements: (elements: ReactNode, allowedElements: ElementType[]) => ReactNode[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { BaseButtonProps } from '../../BaseButton/BaseButton';
|
|
3
3
|
import { IconProps } from '../../Icon/Icon.types';
|
|
4
4
|
import { IconButtonProps } from '../../IconButton/IconButton.types';
|
|
@@ -6,7 +6,7 @@ import { TypographyProps } from '../../Typography/Typography.types';
|
|
|
6
6
|
export type CardHeaderProps = {
|
|
7
7
|
as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
|
|
8
8
|
headline: string;
|
|
9
|
-
leftElement?:
|
|
10
|
-
rightElement?:
|
|
9
|
+
leftElement?: ReactElement<IconProps | IconButtonProps>;
|
|
10
|
+
rightElement?: ReactElement<BaseButtonProps>;
|
|
11
11
|
type?: Exclude<TypographyProps['type'], 'h1'>;
|
|
12
12
|
};
|
package/lib/Form/Form.types.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { HTMLProps } from 'react';
|
|
1
|
+
import { HTMLProps, ReactNode } from 'react';
|
|
2
2
|
type NativeFormProps = HTMLProps<HTMLFormElement>;
|
|
3
3
|
export type FormProps = {
|
|
4
4
|
ariaLabel?: NativeFormProps['aria-label'];
|
|
5
5
|
ariaLabelledBy?: NativeFormProps['aria-labelledby'];
|
|
6
|
-
children?:
|
|
6
|
+
children?: ReactNode;
|
|
7
7
|
className?: NativeFormProps['className'];
|
|
8
8
|
id?: NativeFormProps['id'];
|
|
9
9
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IconButtonProps } from './IconButton.types';
|
|
2
|
-
declare const IconButton: ({ icon, size,
|
|
2
|
+
declare const IconButton: ({ icon, size, variant, ...baseButtonProps }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default IconButton;
|
|
@@ -8,12 +8,12 @@ type BaseIconButtonProps = Omit<BaseButtonProps, 'children' | 'ref' | 'className
|
|
|
8
8
|
type IconButtonIcon24Props = {
|
|
9
9
|
icon: Icon24;
|
|
10
10
|
size?: 'small';
|
|
11
|
-
|
|
11
|
+
variant?: 'circular';
|
|
12
12
|
} & BaseIconButtonProps;
|
|
13
13
|
type IconButtonIcon32Props = {
|
|
14
14
|
icon: Icon32;
|
|
15
15
|
size: 'medium' | 'large';
|
|
16
|
-
|
|
16
|
+
variant?: 'circular';
|
|
17
17
|
} & BaseIconButtonProps;
|
|
18
18
|
export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
|
|
19
19
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { LabelPillProps } from './LabelPill.types';
|
|
2
|
-
declare const LabelPill: ({ label, size }: LabelPillProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const LabelPill: ({ className, label, size }: LabelPillProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default LabelPill;
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Icon24, Icon32 } from '../../Icon/Icon.types';
|
|
3
|
+
export type NavItemProps = {
|
|
4
|
+
active?: boolean;
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
icon: ReactElement<Icon32 | Icon24>;
|
|
7
|
+
id: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
onChange?: (id: string) => void;
|
|
10
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface PopupProps {
|
|
3
|
+
anchor?: HTMLElement | null;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
id?: string;
|
|
6
|
+
offset?: 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
open: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare enum OffsetMap {
|
|
10
|
+
lg = 16,
|
|
11
|
+
md = 12,
|
|
12
|
+
sm = 8,
|
|
13
|
+
xl = 24
|
|
14
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BaseButtonProps } from '../BaseButton/BaseButton';
|
|
3
|
+
export interface SmartLinkProps extends Omit<BaseButtonProps, 'type' | 'role' | 'onClick'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
href?: string;
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
rel?: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextButtonProps } from './TextButton.types';
|
|
2
|
+
export declare const typographyType: {
|
|
3
|
+
large: string;
|
|
4
|
+
medium: string;
|
|
5
|
+
small: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function TextButton({ ariaLabel, ariaLabelledBy, color, disabled, leftIcon, onClick, ref, rightIcon, size, text, }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default TextButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { BaseButtonProps } from '../BaseButton/BaseButton';
|
|
3
|
+
import { IconProps } from '../Icon/Icon.types';
|
|
4
|
+
import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
|
|
5
|
+
export interface TextButtonProps extends Omit<BaseButtonProps, 'role' | 'className'> {
|
|
6
|
+
color: 'green' | 'blue' | 'text';
|
|
7
|
+
leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
|
|
8
|
+
rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
|
|
9
|
+
size: 'large' | 'medium' | 'small';
|
|
10
|
+
text: string;
|
|
11
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { UseInputParameters } from '@mui/base/useInput';
|
|
2
|
+
import { ForwardedRef } from 'react';
|
|
3
|
+
export interface TextInputProps extends UseInputParameters {
|
|
4
|
+
colorScheme: 'light' | 'dark';
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
id: string;
|
|
7
|
+
label: string;
|
|
8
|
+
name?: string;
|
|
9
|
+
ref?: ForwardedRef<null>;
|
|
10
|
+
size: 'small' | 'medium';
|
|
11
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
|
-
export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case';
|
|
2
|
+
export type TypographyType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
|
|
3
3
|
export interface TypographyProps {
|
|
4
4
|
as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
|
|
5
|
-
children: string;
|
|
5
|
+
children: string | number | (string | number)[];
|
|
6
6
|
className?: string;
|
|
7
7
|
type: TypographyType;
|
|
8
8
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@goodhood-web/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0-development.10",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"private": false,
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@mui/base": "
|
|
19
|
-
"@goodhood/design-tokens": "dev"
|
|
18
|
+
"@mui/base": "~5.0.0-beta.36",
|
|
19
|
+
"@goodhood/design-tokens": "1.0.0-dev.26"
|
|
20
20
|
}
|
|
21
21
|
}
|
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._baseBtn_ip10j_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_ip10j_16{background:#b1b1b1}._root_k9ng1_9{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_k9ng1_19{border-radius:8px}._root_1eufb_9{padding:8px 0;color:inherit}._iconComponent_wm21j_9{display:block}._iconComponent_wm21j_9 path{stroke:currentColor}._iconButton_o1yeb_9{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_o1yeb_9:disabled{background:none}._iconButton_o1yeb_9:hover,._iconButton_o1yeb_9:active{background:none}._iconButton--circular_o1yeb_29{border-radius:50%;background:#cae85d}._iconButton--circular_o1yeb_29:disabled{background:#ffffff}._iconButton--circular_o1yeb_29:hover{background:#b5d622}._iconButton--circular_o1yeb_29:active{background:#cae85d}._iconButton--circular-small_o1yeb_42{width:40px;height:40px}._iconButton--circular-medium_o1yeb_46{width:48px;height:48px}._iconButton--circular-large_o1yeb_50{width:56px;height:56px}._root_cl70z_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_cl70z_17{flex-grow:1;margin:0}._h1_1ez1w_9{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_1ez1w_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1ez1w_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1ez1w_45{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_1ez1w_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1ez1w_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1ez1w_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1ez1w_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1ez1w_105{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_1ez1w_117{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1ez1w_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1ez1w_141{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1ez1w_153{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_1ez1w_165{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_1ez1w_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_m1hy4_9{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_wdc7c_9{display:flex;align-items:center}._dividerLine_wdc7c_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_rrcgx_9{border:none}._labelPill_g855k_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_g855k_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_g855k_21{height:20px;padding:0 8px}._labelPill--small_g855k_21 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_g855k_30{padding:4px 8px}._labelPill--medium_g855k_30 span{font-size:12px;font-weight:700}._legend_pd0i8_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_pd0i8_9 ._text_pd0i8_15{color:#635c80}._menuItem_17k22_9{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;cursor:pointer;gap:8px;text-decoration:none}._menuItem_17k22_9 ._highlightFrame_17k22_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_17k22_9 ._rightIcon_17k22_29{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_17k22_34 ._highlightFrame_17k22_21{background-color:#f2fbc4}._menuItem--selected_17k22_34:hover{color:#738c00}._menuItem_17k22_9:not(._menuItem--selected_17k22_34):hover{color:#635c80}._menuItem_17k22_9:not(._menuItem--selected_17k22_34):hover ._highlightFrame_17k22_21{background-color:#f4f3f6}._bubbleContent_3brht_9{position:relative;display:inline-block}._bubble_3brht_9{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_3brht_34{width:12px;height:12px}._root_5rtyd_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_5rtyd_23{width:24px;height:24px}._root--28_5rtyd_27{width:28px;height:28px}._root--32_5rtyd_31{width:32px;height:32px}._root--40_5rtyd_35{width:40px;height:40px}._root--48_5rtyd_39{width:48px;height:48px}._root--56_5rtyd_43{width:56px;height:56px}._root--64_5rtyd_47{width:64px;height:64px}._root--80_5rtyd_51{width:80px;height:80px}._root--120_5rtyd_55{width:120px;height:120px}._root--280_5rtyd_59{width:280px;height:280px}._root--square_5rtyd_63._root--24_5rtyd_23,._root--square_5rtyd_63._root--32_5rtyd_31{border-radius:4px}._root--square_5rtyd_63._root--40_5rtyd_35,._root--square_5rtyd_63._root--48_5rtyd_39{border-radius:8px}._root--square_5rtyd_63._root--56_5rtyd_43,._root--square_5rtyd_63._root--64_5rtyd_47{border-radius:12px}._root--square_5rtyd_63._root--80_5rtyd_51,._root--square_5rtyd_63._root--120_5rtyd_55{border-radius:16px}._root--circular_5rtyd_75{border-radius:50%}._root--isPlaceholder_5rtyd_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_5rtyd_16 img{width:100%;height:100%;object-fit:cover}._switch_e5ui2_9{position:relative;display:inline-block;width:48px;height:28px}._switch_e5ui2_9 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_e5ui2_9 input:not(:disabled){cursor:pointer}._switch_e5ui2_9 ._slider_e5ui2_25{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;transition:.4s}._switch_e5ui2_9 ._slider_e5ui2_25:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_e5ui2_9 ._slider_e5ui2_25._focusVisible_e5ui2_48{box-shadow:0 0 0 3px #cae85d}._switch_e5ui2_9 input:checked+._slider_e5ui2_25{background-color:#201649}._switch_e5ui2_9 input:checked+._slider_e5ui2_25:before{transform:translate(0)}._toggleInput_1yd5q_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1yd5q_9 svg{flex-shrink:0}._toggleInput_1yd5q_9 ._textLabel_1yd5q_22{flex-grow:1}._toggleInput_1yd5q_9 ._switch_1yd5q_25{flex-shrink:0}._toggleInput--checked_1yd5q_28{color:#201649}._toggleInput--disabled_1yd5q_31{cursor:unset}._toggleInput--withBorder_1yd5q_34{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|
|
1
|
+
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._baseBtn_2vws3_108{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._root_7p9wv_108{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_7p9wv_118{border-radius:8px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._root_11wmj_108{padding:8px 0;color:inherit}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._iconComponent_1g3rx_108{display:block}._iconComponent_1g3rx_108 path{stroke:currentColor}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._iconButton_1n11m_108{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_1n11m_108:disabled{background:none}._iconButton_1n11m_108:hover,._iconButton_1n11m_108:active{background:none}._iconButton--circular_1n11m_128{border-radius:999px;background:#cae85d}._iconButton--circular_1n11m_128:disabled{background:#fff}._iconButton--circular_1n11m_128:hover{background:#b5d622}._iconButton--circular_1n11m_128:active{background:#cae85d}._iconButton--circular-small_1n11m_141{width:40px;height:40px}._iconButton--circular-medium_1n11m_145{width:48px;height:48px}._iconButton--circular-large_1n11m_149{width:56px;height:56px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._root_y59ga_108{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_y59ga_116{flex-grow:1;margin:0}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._dividerContainer_1y8zj_108{display:flex;align-items:center}._dividerLine_1y8zj_113{height:1px;flex-grow:1;background-color:#d2d0db}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._fieldset_1uels_108{border:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._labelPill_14opg_108{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819c}._labelPill_14opg_108 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_14opg_120{height:20px;padding:0 8px}._labelPill--medium_14opg_124{padding:4px 8px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._legend_1qhj3_108{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_1qhj3_108 ._text_1qhj3_114{color:#635c80}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._menuItem_337tl_108{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;cursor:pointer;gap:8px;text-decoration:none}._menuItem_337tl_108 ._highlightFrame_337tl_120{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_337tl_108 ._rightIcon_337tl_128{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_337tl_133{color:#201649}._menuItem--selected_337tl_133 ._leftIcon_337tl_136{color:#738c00}._menuItem--selected_337tl_133 ._highlightFrame_337tl_120{background-color:#f2fbc4}._menuItem--selected_337tl_133:hover{color:#738c00}._menuItem_337tl_108:not(._menuItem--selected_337tl_133):hover{color:#635c80}._menuItem_337tl_108:not(._menuItem--selected_337tl_133):hover ._highlightFrame_337tl_120{background-color:#f4f3f6}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._navBar_dx0zv_108{display:grid;padding:0 4px 24px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._h1_uqdc5_108{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_uqdc5_121{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:24px;font-weight:600;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_uqdc5_134{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_uqdc5_147{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_uqdc5_160{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_uqdc5_173{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:14px;font-weight:700;letter-spacing:1px;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_uqdc5_186{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:12px;font-weight:800;letter-spacing:1px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_uqdc5_199{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_uqdc5_212{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_uqdc5_225{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_uqdc5_238{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:14px;font-weight:600;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_uqdc5_251{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_uqdc5_264{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_uqdc5_277{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_uqdc5_290{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:10px;font-weight:800;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._detail-regular_uqdc5_303{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._listItem_b6xjh_108{list-style:none}._listItem_b6xjh_108 ._navItem_b6xjh_111{display:flex;width:100%;flex-direction:column;align-items:center;padding:0 4px 4px;color:#635c80;cursor:pointer}@media (min-width: 768px){._listItem_b6xjh_108 ._navItem_b6xjh_111{padding:0 8px 8px}}._listItem_b6xjh_108 ._navItem_b6xjh_111 ._selector_b6xjh_125{height:4px;align-self:stretch;border-radius:0 0 4px 4px;margin-bottom:4px;background-color:#cae85d;visibility:hidden}._listItem_b6xjh_108 ._navItem--active_b6xjh_133{padding-right:4px;padding-left:4px;color:#738c00}._listItem_b6xjh_108 ._navItem--active_b6xjh_133 ._selector_b6xjh_125{height:4px;align-self:stretch;border-radius:0 0 4px 4px;background-color:#cae85d;visibility:visible}._label_b6xjh_146{display:block;overflow:hidden;max-width:calc(100% - 1px);text-overflow:ellipsis;white-space:nowrap}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._bubbleContent_w1nn2_108{position:relative;display:inline-block;margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:10px;font-weight:800;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._bubble_w1nn2_108{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background-color:#ff9de2;color:#201649;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_w1nn2_141{width:12px;height:12px}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._wrapper_1dauz_108{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:8px}._wrapper_1dauz_108 path{stroke:#797392}._wrapper--large_1dauz_119{background-color:#d2d0db}._wrapper--small_1dauz_122{border:1px solid #d2d0db;background-color:#f4f3f6}._wrapper--iconWrapper_1dauz_126{width:72px;height:72px;border-radius:999px}._wrapper_1dauz_108._wrapper--iconWrapper_1dauz_126{background-color:#f4f3f6}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._smartLink_1yug2_108{color:inherit;text-decoration:none}._smartLinkButton_1yug2_113{min-width:unset;min-height:unset;color:inherit}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._textButton_vt89i_108{display:flex;height:1.5rem;min-height:1.5rem;align-items:center;justify-content:center;gap:8px}._textButton--green_vt89i_116{color:#cae85d}._textButton--green_vt89i_116:active{color:#b5d622}._textButton--blue_vt89i_122,._textButton--blue_vt89i_122:active{color:#01819c}._textButton--text_vt89i_128{color:#635c80}._textButton_vt89i_108:active{background:none}._textButton_vt89i_108:disabled{color:#d2d0db}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._wrapper_1c8yd_108{width:100%}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111{position:relative}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 label{position:absolute;top:50%;right:16px;left:16px;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);transition:top .3s,font-size .3s;white-space:nowrap}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111{overflow:hidden;width:100%;color:#201649;outline:none;text-overflow:ellipsis;white-space:nowrap}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111+label{color:#635c80}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111:focus+label,._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111:not(:placeholder-shown)+label{top:16px}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111:focus+label>span,._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput_1c8yd_111:not(:placeholder-shown)+label>span{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--medium_1c8yd_151{height:56px;padding:16px;border-radius:16px;margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:16px;font-weight:500;letter-spacing:0;text-decoration:none;text-indent:0px;text-transform:none;line-height:24px}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--medium_1c8yd_151:focus,._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--medium_1c8yd_151:not(:placeholder-shown){padding-top:26px;padding-bottom:6px}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--small_1c8yd_171{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-feature-settings:"salt";font-size:14px;font-weight:600;letter-spacing:0;text-decoration:none;text-indent:0px;text-transform:none;height:40px;padding:0 16px;border-radius:12px;line-height:20px}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--small_1c8yd_171:focus+label,._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--small_1c8yd_171:not(:placeholder-shown)+label{display:none}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--dark_1c8yd_190{background-color:#f4f3f6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--dark_1c8yd_190:hover{background-color:#e9e8ed}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--dark_1c8yd_190:disabled{color:#a6a2b6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--dark_1c8yd_190:disabled:hover{background-color:#f4f3f6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--dark_1c8yd_190:disabled+label{color:#a6a2b6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--light_1c8yd_205{border:1px solid #a6a2b6;background-color:#fff}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--light_1c8yd_205:hover{border-color:#797392;background-color:#f4f3f6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--light_1c8yd_205:disabled{border-color:#d2d0db;color:#a6a2b6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--light_1c8yd_205:disabled:hover{background-color:#fff}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--light_1c8yd_205:disabled+label{color:#a6a2b6}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--error_1c8yd_223{border:1px solid #CC339F;background-color:#fde6f7;color:#201649}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--error_1c8yd_223:focus{border-color:#cc339f}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--error_1c8yd_223:hover{border-color:#cc339f;background-color:#fde6f7}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--error_1c8yd_223:disabled{border-color:#cc339f}._wrapper_1c8yd_108 ._textInputContainer_1c8yd_111 ._textInput--error_1c8yd_223:disabled:hover{background-color:#fde6f7}._wrapper_1c8yd_108 ._textInputContainer--errorMessage_1c8yd_241{display:block;margin-top:4px;margin-left:8px;color:#cc339f;text-transform:capitalize}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._root_1ajn6_115{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_1ajn6_122{width:24px;height:24px}._root--28_1ajn6_126{width:28px;height:28px}._root--32_1ajn6_130{width:32px;height:32px}._root--40_1ajn6_134{width:40px;height:40px}._root--48_1ajn6_138{width:48px;height:48px}._root--56_1ajn6_142{width:56px;height:56px}._root--64_1ajn6_146{width:64px;height:64px}._root--80_1ajn6_150{width:80px;height:80px}._root--120_1ajn6_154{width:120px;height:120px}._root--280_1ajn6_158{width:280px;height:280px}._root--square_1ajn6_162._root--24_1ajn6_122,._root--square_1ajn6_162._root--32_1ajn6_130{border-radius:4px}._root--square_1ajn6_162._root--40_1ajn6_134,._root--square_1ajn6_162._root--48_1ajn6_138{border-radius:8px}._root--square_1ajn6_162._root--56_1ajn6_142,._root--square_1ajn6_162._root--64_1ajn6_146{border-radius:12px}._root--square_1ajn6_162._root--80_1ajn6_150,._root--square_1ajn6_162._root--120_1ajn6_154{border-radius:16px}._root--circular_1ajn6_174{border-radius:50%}._root--isPlaceholder_1ajn6_177:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_1ajn6_115 img{width:100%;height:100%;object-fit:cover}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._switch_1kz1h_108{position:relative;display:inline-block;width:48px;height:28px}._switch_1kz1h_108 ._slider_1kz1h_114{z-index:1;display:block;width:100%;height:100%;border-radius:999px;background-color:#d2d0db;box-shadow:inset 0 0 0 1.5px #a6a2b6;transition:.4s}._switch_1kz1h_108 ._slider_1kz1h_114:before{position:absolute;right:0;bottom:2px;width:24px;height:24px;border-radius:999px;background-color:#fff;content:"";transform:translate(calc(-100% + 2px));transition:.4s}._switch_1kz1h_108 ._slider_1kz1h_114._focusVisible_1kz1h_136{box-shadow:inset 0 0 0 1.5px #43adc3!important}._switch_1kz1h_108 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_1kz1h_108 input:not(:disabled){cursor:pointer}._switch_1kz1h_108 input:hover+._slider_1kz1h_114{box-shadow:inset 0 0 0 1.5px #797392}._switch_1kz1h_108 input:disabled+._slider_1kz1h_114{opacity:.4}._switch_1kz1h_108 input:checked+._slider_1kz1h_114{background-color:#201649;box-shadow:inset 0 0 0 1.5px #201649}._switch_1kz1h_108 input:checked+._slider_1kz1h_114:before{transform:translate(-2px)}._switch_1kz1h_108 input:checked:hover+._slider_1kz1h_114{background-color:#635c80;box-shadow:inset 0 0 0 1.5px #635c80}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(fonts/inter/Inter-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(fonts/inter/Inter-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(fonts/inter/Inter-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(fonts/inter/Inter-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(fonts/inter/Inter-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(fonts/inter/Inter-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(fonts/inter/Inter-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(fonts/inter/Inter-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(fonts/inter/Inter-Black.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Regular";font-style:normal;font-weight:100 900;src:url(fonts/inter/Inter-roman.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var;font-named-instance:"Italic";font-style:italic;font-weight:100 900;src:url(fonts/inter/Inter-italic.var.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(fonts/inter/Inter.var.woff2) format("woff2")}._toggleInput_68ebr_108{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_68ebr_108 svg{flex-shrink:0}._toggleInput_68ebr_108 ._textLabel_68ebr_121{flex-grow:1}._toggleInput_68ebr_108 ._switch_68ebr_124{flex-shrink:0}._toggleInput--checked_68ebr_127{color:#201649}._toggleInput--disabled_68ebr_130{cursor:unset}._toggleInput--withBorder_68ebr_133{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
|
package/styles/_functions.scss
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use 'sass:color';
|
|
1
2
|
@use 'sass:map';
|
|
2
3
|
|
|
3
4
|
@forward 'design-tokens';
|
|
@@ -20,6 +21,19 @@
|
|
|
20
21
|
@return mapGet($tokens, spacing, $spacingType);
|
|
21
22
|
}
|
|
22
23
|
|
|
24
|
+
@function getBoxShadow($type, $variant) {
|
|
25
|
+
@return mapGet($tokens, $type, $variant);
|
|
26
|
+
}
|
|
27
|
+
|
|
23
28
|
@function getBorderRadius($spacingType) {
|
|
24
29
|
@return mapGet($tokens, borderRadius, $spacingType);
|
|
25
30
|
}
|
|
31
|
+
|
|
32
|
+
@function getFontFamily($type, $level) {
|
|
33
|
+
$typo-settings: map.get(map.get($tokens, $type), $level);
|
|
34
|
+
@return map.get($typo-settings, 'fontFamily'), 'Helvetica Neue', 'Arial', sans-serif;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@function hex2rgb($hex) {
|
|
38
|
+
@return red($hex), green($hex), blue($hex);
|
|
39
|
+
}
|