@goodhood-web/ui 1.2.0-development.1 → 1.2.0-development.11
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 +2 -1
- package/index.js +31 -18
- package/index.mjs +9211 -2511
- package/lib/BaseButton/BaseButton.d.ts +4 -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/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/NavItem/NavItem.types.d.ts +2 -2
- package/lib/PlaceholderThumbnail/PlaceholderThumbnail.d.ts +1 -1
- package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts +1 -1
- package/lib/Popup/Popup.types.d.ts +2 -2
- package/lib/TextButton/TextButton.types.d.ts +3 -3
- package/lib/TextInput/TextInput.types.d.ts +2 -2
- package/lib/Typography/Typography.types.d.ts +1 -1
- package/package.json +2 -2
- package/style.css +1 -1
- package/styles/_functions.scss +11 -1
|
@@ -1,13 +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
7
|
disabled?: boolean;
|
|
8
|
-
onClick: (event:
|
|
9
|
-
ref?:
|
|
8
|
+
onClick: (event: MouseEvent<HTMLElement>) => void;
|
|
9
|
+
ref?: ForwardedRef<null>;
|
|
10
10
|
role?: AriaRole;
|
|
11
|
+
selected?: boolean;
|
|
11
12
|
}
|
|
12
13
|
declare const BaseButton: (props: BaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
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 { 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
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { Icon24, Icon32 } from '../../Icon/Icon.types';
|
|
3
3
|
export type NavItemProps = {
|
|
4
4
|
active?: boolean;
|
|
5
5
|
ariaLabel?: string;
|
|
6
|
-
icon:
|
|
6
|
+
icon: ReactElement<Icon32 | Icon24>;
|
|
7
7
|
id: string;
|
|
8
8
|
label?: string;
|
|
9
9
|
onChange?: (id: string) => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { PlaceholderThumbnailProps } from './PlaceholderThumbnail.type';
|
|
2
|
-
declare const PlaceholderThumbnail: ({ className, icon,
|
|
2
|
+
declare const PlaceholderThumbnail: ({ className, icon, size }: PlaceholderThumbnailProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default PlaceholderThumbnail;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import { BaseButtonProps } from '../BaseButton/BaseButton';
|
|
3
3
|
import { IconProps } from '../Icon/Icon.types';
|
|
4
4
|
import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
|
|
5
5
|
export interface TextButtonProps extends Omit<BaseButtonProps, 'role' | 'className'> {
|
|
6
6
|
color: 'green' | 'blue' | 'text';
|
|
7
|
-
leftIcon?:
|
|
8
|
-
rightIcon?:
|
|
7
|
+
leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
|
|
8
|
+
rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
|
|
9
9
|
size: 'large' | 'medium' | 'small';
|
|
10
10
|
text: string;
|
|
11
11
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UseInputParameters } from '@mui/base/useInput';
|
|
2
|
+
import { ForwardedRef } from 'react';
|
|
3
3
|
export interface TextInputProps extends UseInputParameters {
|
|
4
4
|
colorScheme: 'light' | 'dark';
|
|
5
5
|
errorMessage?: string;
|
|
6
6
|
id: string;
|
|
7
7
|
label: string;
|
|
8
8
|
name?: string;
|
|
9
|
-
ref?:
|
|
9
|
+
ref?: ForwardedRef<null>;
|
|
10
10
|
size: 'small' | 'medium';
|
|
11
11
|
}
|
|
@@ -2,7 +2,7 @@ import { JSX } from 'react';
|
|
|
2
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.2.0-development.
|
|
3
|
+
"version": "1.2.0-development.11",
|
|
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": "
|
|
18
|
+
"@mui/base": "~5.0.0-beta.37",
|
|
19
19
|
"@goodhood/design-tokens": "1.0.0-dev.26"
|
|
20
20
|
}
|
|
21
21
|
}
|
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._baseBtn_ks215_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._root_nfqep_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_nfqep_19{border-radius:8px}._root_1rmrs_9{padding:8px 0;color:inherit}._iconComponent_1ijb5_9{display:block}._iconComponent_1ijb5_9 path{stroke:currentColor}._iconButton_1jy9y_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_1jy9y_9:disabled{background:none}._iconButton_1jy9y_9:hover,._iconButton_1jy9y_9:active{background:none}._iconButton--circular_1jy9y_29{border-radius:999px;background:#cae85d}._iconButton--circular_1jy9y_29:disabled{background:#ffffff}._iconButton--circular_1jy9y_29:hover{background:#b5d622}._iconButton--circular_1jy9y_29:active{background:#cae85d}._iconButton--circular-small_1jy9y_42{width:40px;height:40px}._iconButton--circular-medium_1jy9y_46{width:48px;height:48px}._iconButton--circular-large_1jy9y_50{width:56px;height:56px}._root_1px8g_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_1px8g_17{flex-grow:1;margin:0}._dividerContainer_18af7_9{display:flex;align-items:center}._dividerLine_18af7_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_1aagj_9{border:none}._labelPill_ufypo_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_ufypo_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_ufypo_21{height:20px;padding:0 8px}._labelPill--medium_ufypo_25{padding:4px 8px}._legend_125cz_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_125cz_9 ._text_125cz_15{color:#635c80}._menuItem_1efak_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_1efak_9 ._highlightFrame_1efak_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_1efak_9 ._rightIcon_1efak_29{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_1efak_34{color:#201649}._menuItem--selected_1efak_34 ._leftIcon_1efak_37{color:#738c00}._menuItem--selected_1efak_34 ._highlightFrame_1efak_21{background-color:#f2fbc4}._menuItem--selected_1efak_34:hover{color:#738c00}._menuItem_1efak_9:not(._menuItem--selected_1efak_34):hover{color:#635c80}._menuItem_1efak_9:not(._menuItem--selected_1efak_34):hover ._highlightFrame_1efak_21{background-color:#f4f3f6}._navBar_1ki80_9{display:grid;padding:0 4px 24px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}._h1_h59zb_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_h59zb_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_h59zb_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_h59zb_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_h59zb_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_h59zb_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_h59zb_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_h59zb_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_h59zb_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_h59zb_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_h59zb_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_h59zb_141{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}._detail-medium_h59zb_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_h59zb_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_h59zb_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._detail-regular_h59zb_189{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._listItem_5u3o4_9{list-style:none}._listItem_5u3o4_9 ._navItem_5u3o4_12{display:flex;width:100%;flex-direction:column;align-items:center;padding:0 4px 4px;color:#635c80;cursor:pointer}@media (min-width: 768px){._listItem_5u3o4_9 ._navItem_5u3o4_12{padding:0 8px 8px}}._listItem_5u3o4_9 ._navItem_5u3o4_12 ._selector_5u3o4_26{height:4px;align-self:stretch;border-radius:0 0 4px 4px;margin-bottom:4px;background-color:#cae85d;visibility:hidden}._listItem_5u3o4_9 ._navItem--active_5u3o4_34{padding-right:4px;padding-left:4px;color:#738c00}._listItem_5u3o4_9 ._navItem--active_5u3o4_34 ._selector_5u3o4_26{height:4px;align-self:stretch;border-radius:0 0 4px 4px;background-color:#cae85d;visibility:visible}._label_5u3o4_47{display:block;overflow:hidden;max-width:calc(100% - 1px);text-overflow:ellipsis;white-space:nowrap}._bubbleContent_2w7mr_9{position:relative;display:inline-block}._bubble_2w7mr_9{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_2w7mr_32{width:12px;height:12px}._wrapper_35b6s_9{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:8px;border-radius:8px}._wrapper--secondary1_35b6s_18{background-color:#d2d0db}._wrapper--secondary1_35b6s_18 path{stroke:#797392}._wrapper--secondary1_35b6s_18._wrapper--iconWrapper_35b6s_24{background-color:#f4f3f6}._wrapper--secondary2_35b6s_27{background-color:#98cbd6}._wrapper--secondary2_35b6s_27 path{stroke:#01819c}._wrapper--secondary2_35b6s_27._wrapper--iconWrapper_35b6s_24{background-color:#e0f5f9}._wrapper--secondary3_35b6s_36{background-color:#dc8541}._wrapper--secondary3_35b6s_36 path{stroke:#ebaa77}._wrapper--secondary3_35b6s_36._wrapper--iconWrapper_35b6s_24{background-color:#fbecdf}._wrapper--iconWrapper_35b6s_24{width:72px;height:72px;border-radius:999px}._smartLink_17qoz_9{color:inherit;text-decoration:none}._smartLinkButton_17qoz_14{min-width:unset;min-height:unset;color:inherit}._textButton_1nit7_9{display:flex;height:1.5rem;min-height:1.5rem;align-items:center;justify-content:center;gap:8px}._textButton--green_1nit7_17{color:#cae85d}._textButton--green_1nit7_17:active{color:#b5d622}._textButton--blue_1nit7_23,._textButton--blue_1nit7_23:active{color:#01819c}._textButton--text_1nit7_29{color:#635c80}._textButton_1nit7_9:active{background:none}._textButton_1nit7_9:disabled{color:#d2d0db}._wrapper_12cwr_9{width:100%}._wrapper_12cwr_9 ._textInputContainer_12cwr_12{position:relative}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 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_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12{overflow:hidden;width:100%;color:#201649;outline:none;text-overflow:ellipsis;white-space:nowrap}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12+label{color:#635c80}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:focus+label,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:not(:placeholder-shown)+label{top:16px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:focus+label>span,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput_12cwr_12:not(:placeholder-shown)+label>span{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}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51{height:56px;padding:16px;border-radius:16px;margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;text-decoration:none;text-indent:0px;text-transform:none;line-height:24px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51:focus,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--medium_12cwr_51:not(:placeholder-shown){padding-top:26px;padding-bottom:6px}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;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_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70:focus+label,._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--small_12cwr_70:not(:placeholder-shown)+label{display:none}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88{background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:hover{background-color:#e9e8ed}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled:hover{background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--dark_12cwr_88:disabled+label{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103{border:1px solid #a6a2b6;background-color:#fff}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:hover{border-color:#797392;background-color:#f4f3f6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled{border-color:#d2d0db;color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled:hover{background-color:#fff}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--light_12cwr_103:disabled+label{color:#a6a2b6}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121{border:1px solid #CC339F;background-color:#fde6f7;color:#201649}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:focus{border-color:#cc339f}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:hover{border-color:#cc339f;background-color:#fde6f7}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:disabled{border-color:#cc339f}._wrapper_12cwr_9 ._textInputContainer_12cwr_12 ._textInput--error_12cwr_121:disabled:hover{background-color:#fde6f7}._wrapper_12cwr_9 ._textInputContainer--errorMessage_12cwr_139{display:block;margin-top:4px;margin-left:8px;color:#cc339f;text-transform:capitalize}._root_i6qco_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_i6qco_23{width:24px;height:24px}._root--28_i6qco_27{width:28px;height:28px}._root--32_i6qco_31{width:32px;height:32px}._root--40_i6qco_35{width:40px;height:40px}._root--48_i6qco_39{width:48px;height:48px}._root--56_i6qco_43{width:56px;height:56px}._root--64_i6qco_47{width:64px;height:64px}._root--80_i6qco_51{width:80px;height:80px}._root--120_i6qco_55{width:120px;height:120px}._root--280_i6qco_59{width:280px;height:280px}._root--square_i6qco_63._root--24_i6qco_23,._root--square_i6qco_63._root--32_i6qco_31{border-radius:4px}._root--square_i6qco_63._root--40_i6qco_35,._root--square_i6qco_63._root--48_i6qco_39{border-radius:8px}._root--square_i6qco_63._root--56_i6qco_43,._root--square_i6qco_63._root--64_i6qco_47{border-radius:12px}._root--square_i6qco_63._root--80_i6qco_51,._root--square_i6qco_63._root--120_i6qco_55{border-radius:16px}._root--circular_i6qco_75{border-radius:50%}._root--isPlaceholder_i6qco_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_i6qco_16 img{width:100%;height:100%;object-fit:cover}._switch_ygwxd_9{position:relative;display:inline-block;width:48px;height:28px}._switch_ygwxd_9 ._slider_ygwxd_15{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_ygwxd_9 ._slider_ygwxd_15: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_ygwxd_9 ._slider_ygwxd_15._focusVisible_ygwxd_37{box-shadow:inset 0 0 0 1.5px #43adc3!important}._switch_ygwxd_9 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_ygwxd_9 input:not(:disabled){cursor:pointer}._switch_ygwxd_9 input:hover+._slider_ygwxd_15{box-shadow:inset 0 0 0 1.5px #797392}._switch_ygwxd_9 input:disabled+._slider_ygwxd_15{opacity:.4}._switch_ygwxd_9 input:checked+._slider_ygwxd_15{background-color:#201649;box-shadow:inset 0 0 0 1.5px #201649}._switch_ygwxd_9 input:checked+._slider_ygwxd_15:before{transform:translate(-2px)}._switch_ygwxd_9 input:checked:hover+._slider_ygwxd_15{background-color:#635c80;box-shadow:inset 0 0 0 1.5px #635c80}._toggleInput_th54o_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_th54o_9 svg{flex-shrink:0}._toggleInput_th54o_9 ._textLabel_th54o_22{flex-grow:1}._toggleInput_th54o_9 ._switch_th54o_25{flex-shrink:0}._toggleInput--checked_th54o_28{color:#201649}._toggleInput--disabled_th54o_31{cursor:unset}._toggleInput--withBorder_th54o_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-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-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_10sva_106{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-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-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_1h48a_106{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_1h48a_116{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-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-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_mgtaw_106{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-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-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_btcm0_106{display:block}._iconComponent_btcm0_106 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-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-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_17eeu_106{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_17eeu_106:disabled{background:none}._iconButton_17eeu_106:hover,._iconButton_17eeu_106:active{background:none}._iconButton--circular_17eeu_126{border-radius:999px;background:#cae85d}._iconButton--circular_17eeu_126:disabled{background:#fff}._iconButton--circular_17eeu_126:hover{background:#b5d622}._iconButton--circular_17eeu_126:active{background:#cae85d}._iconButton--circular-small_17eeu_139{width:40px;height:40px}._iconButton--circular-medium_17eeu_143{width:48px;height:48px}._iconButton--circular-large_17eeu_147{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-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-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_q97cz_106{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_q97cz_114{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-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-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_1swim_106{display:flex;align-items:center}._dividerLine_1swim_111{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-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-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_1qnmi_106{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-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-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_niecv_106{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819c}._labelPill_niecv_106 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_niecv_118{height:20px;padding:0 8px}._labelPill--medium_niecv_122{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-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-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_w9zm2_106{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_w9zm2_106 ._text_w9zm2_112{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-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-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_v6go8_106{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_v6go8_106 ._highlightFrame_v6go8_118{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_v6go8_106 ._rightIcon_v6go8_126{display:inherit;margin-left:auto;color:#635c80}._menuItem--selected_v6go8_131{color:#201649}._menuItem--selected_v6go8_131 ._leftIcon_v6go8_134{color:#738c00}._menuItem--selected_v6go8_131 ._highlightFrame_v6go8_118{background-color:#f2fbc4}._menuItem--selected_v6go8_131:hover{color:#738c00}._menuItem_v6go8_106:not(._menuItem--selected_v6go8_131):hover{color:#635c80}._menuItem_v6go8_106:not(._menuItem--selected_v6go8_131):hover ._highlightFrame_v6go8_118{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-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-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_1htxf_106{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-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-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_16ur5_106{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_16ur5_119{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_16ur5_132{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_16ur5_145{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_16ur5_158{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_16ur5_171{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_16ur5_184{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_16ur5_197{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_16ur5_210{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_16ur5_223{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_16ur5_236{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_16ur5_249{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_16ur5_262{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_16ur5_275{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_16ur5_288{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_16ur5_301{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-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-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_1tms8_106{list-style:none}._listItem_1tms8_106 ._navItem_1tms8_109{display:flex;width:100%;flex-direction:column;align-items:center;padding:0 4px 4px;color:#635c80;cursor:pointer}@media (min-width: 768px){._listItem_1tms8_106 ._navItem_1tms8_109{padding:0 8px 8px}}._listItem_1tms8_106 ._navItem_1tms8_109 ._selector_1tms8_123{height:4px;align-self:stretch;border-radius:0 0 4px 4px;margin-bottom:4px;background-color:#cae85d;visibility:hidden}._listItem_1tms8_106 ._navItem--active_1tms8_131{padding-right:4px;padding-left:4px;color:#738c00}._listItem_1tms8_106 ._navItem--active_1tms8_131 ._selector_1tms8_123{height:4px;align-self:stretch;border-radius:0 0 4px 4px;background-color:#cae85d;visibility:visible}._label_1tms8_144{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-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-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_1ply4_106{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_1ply4_106{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_1ply4_139{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-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-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_k9vkd_106{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:8px}._wrapper_k9vkd_106 path{stroke:#797392}._wrapper--large_k9vkd_117{background-color:#d2d0db}._wrapper--small_k9vkd_120{border:1px solid #d2d0db;background-color:#f4f3f6}._wrapper--iconWrapper_k9vkd_124{width:72px;height:72px;border-radius:999px}._wrapper_k9vkd_106._wrapper--iconWrapper_k9vkd_124{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-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-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")}._base_r9bx5_106{z-index:1060}@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-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-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_1p9lq_106{color:inherit;text-decoration:none}._smartLinkButton_1p9lq_111{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-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-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_10hn9_106{display:flex;height:1.5rem;min-height:1.5rem;align-items:center;justify-content:center;gap:8px}._textButton--green_10hn9_114{color:#cae85d}._textButton--green_10hn9_114:active{color:#b5d622}._textButton--blue_10hn9_120,._textButton--blue_10hn9_120:active{color:#01819c}._textButton--text_10hn9_126{color:#635c80}._textButton_10hn9_106:active{background:none}._textButton_10hn9_106: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-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-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_1i2jn_106{width:100%}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109{position:relative}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 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_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109{overflow:hidden;width:100%;color:#201649;outline:none;text-overflow:ellipsis;white-space:nowrap}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109+label{color:#635c80}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109:focus+label,._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109:not(:placeholder-shown)+label{top:16px}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109:focus+label>span,._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput_1i2jn_109: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_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--medium_1i2jn_149{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_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--medium_1i2jn_149:focus,._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--medium_1i2jn_149:not(:placeholder-shown){padding-top:26px;padding-bottom:6px}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--small_1i2jn_169{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_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--small_1i2jn_169:focus+label,._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--small_1i2jn_169:not(:placeholder-shown)+label{display:none}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--dark_1i2jn_188{background-color:#f4f3f6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--dark_1i2jn_188:hover{background-color:#e9e8ed}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--dark_1i2jn_188:disabled{color:#a6a2b6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--dark_1i2jn_188:disabled:hover{background-color:#f4f3f6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--dark_1i2jn_188:disabled+label{color:#a6a2b6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--light_1i2jn_203{border:1px solid #a6a2b6;background-color:#fff}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--light_1i2jn_203:hover{border-color:#797392;background-color:#f4f3f6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--light_1i2jn_203:disabled{border-color:#d2d0db;color:#a6a2b6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--light_1i2jn_203:disabled:hover{background-color:#fff}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--light_1i2jn_203:disabled+label{color:#a6a2b6}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--error_1i2jn_221{border:1px solid #CC339F;background-color:#fde6f7;color:#201649}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--error_1i2jn_221:focus{border-color:#cc339f}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--error_1i2jn_221:hover{border-color:#cc339f;background-color:#fde6f7}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--error_1i2jn_221:disabled{border-color:#cc339f}._wrapper_1i2jn_106 ._textInputContainer_1i2jn_109 ._textInput--error_1i2jn_221:disabled:hover{background-color:#fde6f7}._wrapper_1i2jn_106 ._textInputContainer--errorMessage_1i2jn_239{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-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-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_1wjig_113{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_1wjig_120{width:24px;height:24px}._root--28_1wjig_124{width:28px;height:28px}._root--32_1wjig_128{width:32px;height:32px}._root--40_1wjig_132{width:40px;height:40px}._root--48_1wjig_136{width:48px;height:48px}._root--56_1wjig_140{width:56px;height:56px}._root--64_1wjig_144{width:64px;height:64px}._root--80_1wjig_148{width:80px;height:80px}._root--120_1wjig_152{width:120px;height:120px}._root--280_1wjig_156{width:280px;height:280px}._root--square_1wjig_160._root--24_1wjig_120,._root--square_1wjig_160._root--32_1wjig_128{border-radius:4px}._root--square_1wjig_160._root--40_1wjig_132,._root--square_1wjig_160._root--48_1wjig_136{border-radius:8px}._root--square_1wjig_160._root--56_1wjig_140,._root--square_1wjig_160._root--64_1wjig_144{border-radius:12px}._root--square_1wjig_160._root--80_1wjig_148,._root--square_1wjig_160._root--120_1wjig_152{border-radius:16px}._root--circular_1wjig_172{border-radius:50%}._root--isPlaceholder_1wjig_175:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_1wjig_113 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-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-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_1d9nl_106{position:relative;display:inline-block;width:48px;height:28px}._switch_1d9nl_106 ._slider_1d9nl_112{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_1d9nl_106 ._slider_1d9nl_112: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_1d9nl_106 ._slider_1d9nl_112._focusVisible_1d9nl_134{box-shadow:inset 0 0 0 1.5px #43adc3!important}._switch_1d9nl_106 input{position:absolute;z-index:2;width:48px;height:28px;opacity:0}._switch_1d9nl_106 input:not(:disabled){cursor:pointer}._switch_1d9nl_106 input:hover+._slider_1d9nl_112{box-shadow:inset 0 0 0 1.5px #797392}._switch_1d9nl_106 input:disabled+._slider_1d9nl_112{opacity:.4}._switch_1d9nl_106 input:checked+._slider_1d9nl_112{background-color:#201649;box-shadow:inset 0 0 0 1.5px #201649}._switch_1d9nl_106 input:checked+._slider_1d9nl_112:before{transform:translate(-2px)}._switch_1d9nl_106 input:checked:hover+._slider_1d9nl_112{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-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-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_pblpi_106{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_pblpi_106 svg{flex-shrink:0}._toggleInput_pblpi_106 ._textLabel_pblpi_119{flex-grow:1}._toggleInput_pblpi_106 ._switch_pblpi_122{flex-shrink:0}._toggleInput--checked_pblpi_125{color:#201649}._toggleInput--disabled_pblpi_128{cursor:unset}._toggleInput--withBorder_pblpi_131{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';
|
|
@@ -21,9 +22,18 @@
|
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
@function getBoxShadow($type, $variant) {
|
|
24
|
-
@return mapGet($tokens, $type, $variant);
|
|
25
|
+
@return mapGet($tokens, Shadow, $type, $variant);
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
@function getBorderRadius($spacingType) {
|
|
28
29
|
@return mapGet($tokens, borderRadius, $spacingType);
|
|
29
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
|
+
}
|