@sequencing/design-system 0.0.34 → 0.0.36
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/dist/documentation.json +99 -102
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Atoms/Accordion/Accordion.d.ts +27 -17
- package/dist/esm/types/components/Atoms/Button/Button.d.ts +15 -13
- package/dist/esm/types/components/Atoms/Dropdown/Dropdown.d.ts +25 -16
- package/dist/esm/types/components/Atoms/Link/Link.d.ts +14 -14
- package/dist/esm/types/components/Atoms/TextField/TextField.d.ts +15 -7
- package/dist/index.css +1 -1
- package/dist/index.d.ts +96 -67
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types/components/Atoms/Accordion/Accordion.d.ts +27 -17
- package/dist/types/components/Atoms/Button/Button.d.ts +15 -13
- package/dist/types/components/Atoms/Dropdown/Dropdown.d.ts +25 -16
- package/dist/types/components/Atoms/Link/Link.d.ts +14 -14
- package/dist/types/components/Atoms/TextField/TextField.d.ts +15 -7
- package/package.json +1 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Interface to customize the Link component
|
|
4
|
-
*
|
|
5
|
-
* @param {string=} hint - The hint to be displayed when hovering over the button
|
|
6
|
-
* @param {"next"|"react"} behavior - Should it act like a React or a NextJs link
|
|
7
|
-
* @param {"primary"|"secondary"|"outlined"} variant - Controls the look and feel of the button
|
|
8
|
-
* @param {string} customClass - A class to be added for further customization
|
|
9
|
-
* @param {Function} onClick - Called when a click is performed. The HTML event will be sent to this function
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
2
|
export interface LinkProps {
|
|
13
|
-
|
|
3
|
+
/** Custom css class to customize the stylings */
|
|
14
4
|
customClass?: string;
|
|
5
|
+
/** The hint to be displayed when hovering over the link */
|
|
6
|
+
hint?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The look and feel of the link.
|
|
9
|
+
* Default: ``primary``
|
|
10
|
+
*/
|
|
15
11
|
variant?: "primary" | "secondary";
|
|
12
|
+
/** Called when a click is performed. The HTML event will be sent to this function.
|
|
13
|
+
* Use it to navigate the user to a different page.
|
|
14
|
+
*/
|
|
16
15
|
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
17
16
|
}
|
|
18
17
|
/**
|
|
19
18
|
* The Link component is used to render an anchor to navigate between SPA pages.
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
19
|
+
* To support the different frameworks we have in our repo (React, NextJs, Gatsby),
|
|
20
|
+
* this component is just a wrapper around an HTML anchor and the navigation should be
|
|
21
|
+
* handle by the developer using the```onClick`` callback. Passed ``children`` will be
|
|
22
|
+
* rendered inside the anchor tag.
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
25
|
declare const Link: ({ hint, children, customClass, variant, onClick, }: PropsWithChildren<LinkProps>) => React.JSX.Element;
|
|
@@ -10,18 +10,26 @@ import React, { PropsWithChildren } from "react";
|
|
|
10
10
|
*
|
|
11
11
|
*/
|
|
12
12
|
export interface TextFieldProps {
|
|
13
|
-
|
|
14
|
-
variant?: "primary";
|
|
15
|
-
placeholder?: string;
|
|
13
|
+
/** Custom css class to customize the stylings */
|
|
16
14
|
customClass?: string;
|
|
15
|
+
/** Placeholder when there's no text in the field */
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
/** If ``true``, a small button will appear at the right side of the text field
|
|
18
|
+
* to clear its contents
|
|
19
|
+
*/
|
|
17
20
|
showClearButton?: boolean;
|
|
21
|
+
/** Text to render in the field */
|
|
22
|
+
value?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The look and feel of the link.
|
|
25
|
+
* Default: ``primary``
|
|
26
|
+
*/
|
|
27
|
+
variant?: "primary";
|
|
28
|
+
/** Callback called when the text is updated */
|
|
18
29
|
onChange?: (value: string) => void;
|
|
19
30
|
}
|
|
20
31
|
/**
|
|
21
|
-
* The
|
|
22
|
-
* It supports both NextJs and React frameworks through the property ``behavior``.
|
|
23
|
-
*
|
|
24
|
-
* @param {TextFieldProps} props - Props to customize the Button component, see {@link TextFieldProps} for more info
|
|
32
|
+
* The Text Field component renders a simple input field with SDS stylings applied.
|
|
25
33
|
*
|
|
26
34
|
*/
|
|
27
35
|
declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{box-sizing:border-box;font-family:Plus Jakarta Sans}html{background-color:#f8f8f8}.Link-module_link__kO1x6{align-items:center;border-bottom:2px solid #0000;box-sizing:border-box;color:#18172b;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:24px;margin:0 16px;text-decoration:none}.Link-module_link__kO1x6:hover{border-color:#18172b}.Button-module_button__JK2Jx{align-items:center;border:none;border-radius:40px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.02em;min-height:54px;min-width:74px;padding:15px 30px;position:relative;text-transform:capitalize;transition:opacity .25s linear;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9{background-image:linear-gradient(11deg,#8e0ad0 .35%,#5eb0f3 80.78%)}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9:hover:not([disabled]):before{opacity:1}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9:before{background-color:#5eb0f3;border-radius:40px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s linear;z-index:1}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9 span{z-index:2}.Button-module_button__JK2Jx.Button-module_primary__wIuY6{background:#12306c}.Button-module_button__JK2Jx.Button-module_primary__wIuY6:hover:not([disabled]):before{opacity:1}.Button-module_button__JK2Jx.Button-module_primary__wIuY6:before{background-color:#5eb0f3;border-radius:40px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s linear;z-index:1}.Button-module_button__JK2Jx.Button-module_primary__wIuY6 span{z-index:2}.Button-module_button__JK2Jx.Button-module_secondary__n8cUo,.Button-module_button__JK2Jx.Button-module_secondary__n8cUo:hover:not([disabled]){background:#5eb0f3}.Button-module_button__JK2Jx.Button-module_outlined__dLv1u{background:#0000;border:1px solid #12306c;color:#12306c}.Button-module_button__JK2Jx.Button-module_outlined__dLv1u:hover:not([disabled]){background:#12306c0a;border-color:#5eb0f3;color:#5eb0f3}.Button-module_button__JK2Jx.Button-module_loading__PGkqg{border-color:#0000}.Button-module_button__JK2Jx.Button-module_loading__PGkqg span{visibility:hidden}.Button-module_button__JK2Jx.Button-module_loading__PGkqg img{position:absolute}.Button-module_button__JK2Jx[disabled]{background:#939aaa;border-color:#0000;color:#fff;cursor:not-allowed}.Dropdown-module_dropdown__OYMLT{display:flex;flex-direction:column;position:relative}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe .Dropdown-module_dropdownToggle__K4-rD{font-weight:600}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe .Dropdown-module_dropdownToggle__K4-rD img:last-child{top:1px;transform:rotate(0)}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD{font-weight:600}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:last-child{top:3px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_withIcon__WZrCH.Dropdown-module_primary__rH-n3 .Dropdown-module_dropdownToggle__K4-rD{padding-left:40px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_withIcon__WZrCH.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownContent__kCcyD{left:0}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD{align-items:center;background-color:initial;border-bottom:none;box-sizing:border-box;color:#12306c;font-size:16px;font-weight:400;justify-content:center;padding:10px 25px;position:relative}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img{position:absolute}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:first-child{left:2px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:last-child{right:6px;top:3px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownContent__kCcyD{left:25px;top:40px}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD{background-color:#f5f8fa;border:none;border-bottom:1px solid #07153d;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:#07153d;cursor:pointer;display:flex;flex:1;font-size:16px;outline:none;padding:15px 40px 15px 15px;transition:background-color .3s;user-select:none}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD:hover{background-color:#eaf0f4}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img{position:absolute}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img:first-child{bottom:0;left:15px;margin:auto;top:2px}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img:last-child{bottom:0;margin:auto;right:20px;top:2px;transform:rotate(180deg)}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownContent__kCcyD{background:#fff;border-radius:8px;box-shadow:0 2px 10px #d5dce099;color:#12306c;display:flex;flex-direction:column;min-width:100%;position:absolute;top:52px;z-index:1}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownContent__kCcyD[hidden]{display:none}.TextField-module_textfield__Z5iSV{align-items:center;display:flex;position:relative}.TextField-module_textfield__Z5iSV input{background-color:#f5f8fa;border:none;border-bottom:1px solid #07153d;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:#07153d;display:flex;flex:1;font-size:16px;outline:none;padding:15px 40px 15px 15px;transition:background-color .3s;user-select:none}.TextField-module_textfield__Z5iSV input::placeholder{font-size:16px}.TextField-module_textfield__Z5iSV input:hover{background-color:#eaf0f4}.TextField-module_textfield__Z5iSV .TextField-module_clearButton__M8pNo{background-color:initial;background:no-repeat 50% url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 16L0 14.4L6.4 8L0 1.6L1.6 0L8 6.4L14.4 0L16 1.6L9.6 8L16 14.4L14.4 16L8 9.6L1.6 16Z" fill="%2312306C"/></svg>');border:none;height:16px;padding:0;position:absolute;right:16px;width:16px}.Accordion-module_accordion__t2UQl{display:flex;flex-direction:column;position:relative}.Accordion-module_accordion__t2UQl.Accordion-module_isOpen__0d2yS .Accordion-module_accordionToggle__4X-Wg{border-bottom:1px solid #12306c;font-weight:600}.Accordion-module_accordion__t2UQl.Accordion-module_isOpen__0d2yS .Accordion-module_accordionToggle__4X-Wg img{top:3px;transform:rotate(0)}.Accordion-module_accordion__t2UQl .Accordion-module_accordionToggle__4X-Wg{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#12306c;cursor:pointer;display:flex;font-size:16px;font-weight:400;padding:10px 25px 10px 0;position:relative}.Accordion-module_accordion__t2UQl .Accordion-module_accordionToggle__4X-Wg img{bottom:0;margin:auto;position:absolute;right:6px;top:4px;transform:rotate(180deg)}.Accordion-module_accordion__t2UQl .Accordion-module_accordionContent__j9no7{color:#12306c;display:flex}.Accordion-module_accordion__t2UQl .Accordion-module_accordionContent__j9no7[hidden]{display:none}.Chip-module_chip__or5d3{display:flex;position:relative}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj-,.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps{display:none}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF{display:flex;flex:1;flex-direction:column}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5{align-items:center;background:#0000;border:1px solid #12306c;border-radius:40px;box-sizing:border-box;color:#12306c;display:flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.02em;margin-bottom:24px;min-height:54px;padding:15px 30px;position:relative;text-transform:capitalize;transition:opacity .25s linear}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5.Chip-module_main__E4NDI{background:#5eb0f3;border:#0000;color:#fff}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5 .Chip-module_itemIconWrapper__BfqmP{border-radius:50%;height:32px;margin-right:12px;overflow:hidden;width:32px}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5 .Chip-module_itemIconWrapper__BfqmP .Chip-module_itemIcon__EvEJT{background-color:#fff3;height:32px;object-fit:cover;width:32px}@media (min-width:1280px){.Chip-module_chip__or5d3 .Chip-module_chipButton__immj-{align-items:center;background-color:#12306c;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;padding:0 5px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipImageWrapper__K5U-q{border-radius:50%;height:32px;overflow:hidden;width:32px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipImageWrapper__K5U-q .Chip-module_chipImage__AaedP{background-color:#fff3;height:32px;object-fit:cover;width:32px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipLabel__hpyHV{padding:0 16px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps{background-color:#fff;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.32));overflow:visible;padding:8px 0;position:absolute;right:16px;top:48px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps:before{background-color:#fff;content:"";display:block;height:10px;left:22px;position:absolute;right:0;top:0;transform:translateY(-50%) rotate(45deg);width:10px;z-index:0}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps.Chip-module_showDropdown__DQVaZ{display:block}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR{align-items:center;color:#18172b;cursor:pointer;display:flex;padding:6px 16px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR:hover{background-color:#0000000a}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR .Chip-module_itemLabel__KszMu{font-size:14px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR .Chip-module_itemIcon__EvEJT{margin-right:8px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps hr{border-color:#0000001f;border-width:0 0 1px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps hr:last-child,.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF{display:none}}.AppBar-module_appBar__Qdk4Q{background-size:cover;background:linear-gradient(180deg,#0b193c,#12306c);padding:15px 20px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{align-items:flex-start;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:auto;width:100%}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd{align-items:flex-start;display:flex}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_icon__llVzL{height:48px;margin-left:-4px;margin-right:16px;width:48px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_titleWrapper__ZDbYC{display:flex;flex-direction:column}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_titleWrapper__ZDbYC h4{font-size:24px;margin:0}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_content__zfFex{flex:1}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR-{display:flex;padding-left:60px;padding-top:20px;width:100%}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{display:flex;flex-direction:column;text-align:left}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA{align-items:center;color:#18172b;display:flex;flex:1;justify-content:flex-end;position:relative}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA img{margin-left:15px;vertical-align:text-bottom}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA .AppBar-module_appTooltipContent__WpduU{background-color:#fff;border-radius:12px;box-shadow:-2px 4px 70px #333d6c1a;min-width:235px;padding:24px;position:absolute;right:0;top:32px}@media (min-width:1024px){.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{align-items:center;flex-direction:row}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd{align-items:center}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR-{align-items:center;padding-left:0;padding-top:0;width:auto}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{text-align:right}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ>div{margin-left:10px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA{justify-content:flex-start}}@media (min-width:1280px){.AppBar-module_appBar__Qdk4Q{padding:15px 60px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{max-width:1680px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{flex-direction:row}}.Header-module_header__b4JmM{align-items:center;background-color:#fff;box-shadow:0 1px 1px #0003;display:flex;justify-content:space-between;position:sticky;top:0;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1680px;padding:16px 20px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) .2s;width:100%;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img{cursor:pointer;height:36px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5,.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J{display:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_toggleMenuButton__oWc9r{background-color:initial;border:none;padding:9px 5px 9px 9px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G{display:flex;margin-left:auto;margin-right:16px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{background-color:#fff;box-shadow:0 1px 1px #0003;display:flex;justify-content:center;left:0;padding:0 20px 16px;position:fixed;top:68px;width:100%;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div[hidden]{display:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh{background-color:#f8f8f8;height:100%;left:0;padding:8px 20px;position:fixed;top:68px;transform:translateX(-100vw);transition:transform .25s cubic-bezier(0,0,.2,1) 0ms;width:100vw}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div{flex-direction:column}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>a,.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div{border-bottom:none;font-size:18px;justify-content:flex-start;margin:0;padding:16px 0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a{border-bottom:none;display:flex;font-size:18px;justify-content:space-between;margin:0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a:hover{border-bottom:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a:after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></svg>');height:16px;justify-content:space-between;transition:transform .2s;width:16px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div{flex-direction:column;margin:0;padding:0;position:relative}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div:before{background-color:#f8f8f8;content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></svg>');height:16px;justify-content:space-between;position:absolute;right:0;top:-15px;transform:rotate(180deg);width:16px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a{border-bottom:none;font-size:16px;justify-content:flex-start;margin:0;padding:16px 32px;user-select:none;width:100%}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a:last-child{padding-bottom:0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a :not(:first-child){display:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5.Header-module_auxiliary__tdlBj a,.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5.Header-module_main__16iHt>div{border-bottom:1px solid #0000001f}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_menuActions__UNi-J{margin-top:32px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_menuActions__UNi-J .Header-module_signInButton__tOGrL{width:100%}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19{position:fixed;width:100%}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{box-shadow:none,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_mobileMenu__EhNlh{transform:translateX(0)}@media (min-width:1280px){.Header-module_header__b4JmM{padding:16px 60px;transition:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix{padding:0;transition:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img{height:auto}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img+.Header-module_links__uS5i5{flex:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{padding:0 60px 16px;top:88px;width:100%}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div[hidden]{display:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G+.Header-module_links__uS5i5{margin-left:0}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5{display:flex;flex-direction:row;justify-content:space-between;margin-left:20px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div{display:flex}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div{background-color:#fff;border-radius:20px;box-shadow:-2.3px 4px #333d6c1a;flex-flow:row wrap;max-width:680px;padding:16px;position:absolute}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;justify-content:flex-start;margin:0;max-width:50%;min-width:200px;padding:16px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a:hover{border-color:#0000;color:#12306c}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a div:not(:first-child){font-size:14px;font-weight:400;margin-top:10px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J{display:flex}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J .Header-module_signInButton__tOGrL{min-height:auto;padding:10px 30px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh,.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_toggleMenuButton__oWc9r{display:none}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix{box-shadow:none}}
|
|
1
|
+
@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko70yyygA.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko50yyygA.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/plusjakartasans/v7/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{box-sizing:border-box;font-family:Plus Jakarta Sans}html{background-color:#f8f8f8}.Link-module_link__kO1x6{align-items:center;border-bottom:2px solid #0000;box-sizing:border-box;color:#18172b;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:24px;margin:0 16px;text-decoration:none}.Link-module_link__kO1x6:hover{border-color:#18172b}.Button-module_button__JK2Jx{align-items:center;border:none;border-radius:40px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.02em;min-height:54px;min-width:74px;padding:15px 30px;position:relative;text-transform:capitalize;transition:opacity .25s linear;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9{background-image:linear-gradient(11deg,#8e0ad0 .35%,#5eb0f3 80.78%)}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9:hover:not([disabled]):before{opacity:1}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9:before{background-color:#5eb0f3;border-radius:40px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s linear;z-index:1}.Button-module_button__JK2Jx.Button-module_fancy__2cnu9 span{z-index:2}.Button-module_button__JK2Jx.Button-module_primary__wIuY6{background:#12306c}.Button-module_button__JK2Jx.Button-module_primary__wIuY6:hover:not([disabled]):before{opacity:1}.Button-module_button__JK2Jx.Button-module_primary__wIuY6:before{background-color:#5eb0f3;border-radius:40px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s linear;z-index:1}.Button-module_button__JK2Jx.Button-module_primary__wIuY6 span{z-index:2}.Button-module_button__JK2Jx.Button-module_secondary__n8cUo,.Button-module_button__JK2Jx.Button-module_secondary__n8cUo:hover:not([disabled]){background:#5eb0f3}.Button-module_button__JK2Jx.Button-module_outlined__dLv1u{background:#0000;border:1px solid #12306c;color:#12306c}.Button-module_button__JK2Jx.Button-module_outlined__dLv1u:hover:not([disabled]){background:#12306c0a;border-color:#5eb0f3;color:#5eb0f3}.Button-module_button__JK2Jx.Button-module_loading__PGkqg{border-color:#0000}.Button-module_button__JK2Jx.Button-module_loading__PGkqg span{visibility:hidden}.Button-module_button__JK2Jx.Button-module_loading__PGkqg img{position:absolute}.Button-module_button__JK2Jx[disabled]{background:#939aaa;border-color:#0000;color:#fff;cursor:not-allowed}.Dropdown-module_dropdown__OYMLT{display:flex;flex-direction:column;position:relative}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe .Dropdown-module_dropdownToggle__K4-rD{font-weight:600}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe .Dropdown-module_dropdownToggle__K4-rD img:last-child{top:1px;transform:rotate(0)}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD{font-weight:600}.Dropdown-module_dropdown__OYMLT.Dropdown-module_isOpen__I-Fwe.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:last-child{top:3px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_withIcon__WZrCH.Dropdown-module_primary__rH-n3 .Dropdown-module_dropdownToggle__K4-rD{padding-left:40px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_withIcon__WZrCH.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownContent__kCcyD{left:0}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD{align-items:center;background-color:initial;border-bottom:none;box-sizing:border-box;color:#12306c;font-size:16px;font-weight:400;justify-content:center;padding:10px 25px;position:relative}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img{position:absolute}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:first-child{left:2px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownToggle__K4-rD img:last-child{right:6px;top:3px}.Dropdown-module_dropdown__OYMLT.Dropdown-module_outlined__cubpr .Dropdown-module_dropdownContent__kCcyD{left:25px;top:42px}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD{background-color:#f5f8fa;border:none;border-bottom:1px solid #07153d;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:#07153d;cursor:pointer;display:flex;flex:1;font-size:16px;outline:none;padding:15px 40px 15px 15px;transition:background-color .3s;user-select:none}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD:hover{background-color:#eaf0f4}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img{position:absolute}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img:first-child{bottom:0;left:15px;margin:auto;top:2px}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownToggle__K4-rD img:last-child{bottom:0;margin:auto;right:20px;top:2px;transform:rotate(180deg)}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownContent__kCcyD{background:#fff;border-radius:8px;box-shadow:0 2px 10px #d5dce099;color:#12306c;display:flex;flex-direction:column;min-width:100%;position:absolute;top:52px;z-index:1}.Dropdown-module_dropdown__OYMLT .Dropdown-module_dropdownContent__kCcyD[hidden]{display:none}.TextField-module_textfield__Z5iSV{align-items:center;display:flex;position:relative}.TextField-module_textfield__Z5iSV input{background-color:#f5f8fa;border:none;border-bottom:1px solid #07153d;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:#07153d;display:flex;flex:1;font-size:16px;outline:none;padding:15px 40px 15px 15px;transition:background-color .3s;user-select:none}.TextField-module_textfield__Z5iSV input::placeholder{font-size:16px}.TextField-module_textfield__Z5iSV input:hover{background-color:#eaf0f4}.TextField-module_textfield__Z5iSV .TextField-module_clearButton__M8pNo{background-color:initial;background:no-repeat 50% url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.6 16L0 14.4L6.4 8L0 1.6L1.6 0L8 6.4L14.4 0L16 1.6L9.6 8L16 14.4L14.4 16L8 9.6L1.6 16Z" fill="%2312306C"/></svg>');border:none;height:16px;padding:0;position:absolute;right:16px;width:16px}.Accordion-module_accordion__t2UQl{display:flex;flex-direction:column;position:relative}.Accordion-module_accordion__t2UQl.Accordion-module_isOpen__0d2yS .Accordion-module_accordionToggle__4X-Wg{border-bottom:1px solid #12306c;font-weight:600}.Accordion-module_accordion__t2UQl.Accordion-module_isOpen__0d2yS .Accordion-module_accordionToggle__4X-Wg img{top:3px;transform:rotate(0)}.Accordion-module_accordion__t2UQl .Accordion-module_accordionToggle__4X-Wg{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#12306c;cursor:pointer;display:flex;font-size:16px;font-weight:400;padding:10px 25px 10px 0;position:relative}.Accordion-module_accordion__t2UQl .Accordion-module_accordionToggle__4X-Wg img{bottom:0;margin:auto;position:absolute;right:6px;top:4px;transform:rotate(180deg)}.Accordion-module_accordion__t2UQl .Accordion-module_accordionContent__j9no7{color:#12306c;display:flex}.Accordion-module_accordion__t2UQl .Accordion-module_accordionContent__j9no7[hidden]{display:none}.Chip-module_chip__or5d3{display:flex;position:relative}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj-,.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps{display:none}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF{display:flex;flex:1;flex-direction:column}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5{align-items:center;background:#0000;border:1px solid #12306c;border-radius:40px;box-sizing:border-box;color:#12306c;display:flex;font-size:16px;font-weight:700;justify-content:center;letter-spacing:.02em;margin-bottom:24px;min-height:54px;padding:15px 30px;position:relative;text-transform:capitalize;transition:opacity .25s linear}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5.Chip-module_main__E4NDI{background:#5eb0f3;border:#0000;color:#fff}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5 .Chip-module_itemIconWrapper__BfqmP{border-radius:50%;height:32px;margin-right:12px;overflow:hidden;width:32px}.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF .Chip-module_mobileChipItem__zQrn5 .Chip-module_itemIconWrapper__BfqmP .Chip-module_itemIcon__EvEJT{background-color:#fff3;height:32px;object-fit:cover;width:32px}@media (min-width:1280px){.Chip-module_chip__or5d3 .Chip-module_chipButton__immj-{align-items:center;background-color:#12306c;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;padding:0 5px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipImageWrapper__K5U-q{border-radius:50%;height:32px;overflow:hidden;width:32px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipImageWrapper__K5U-q .Chip-module_chipImage__AaedP{background-color:#fff3;height:32px;object-fit:cover;width:32px}.Chip-module_chip__or5d3 .Chip-module_chipButton__immj- .Chip-module_chipLabel__hpyHV{padding:0 16px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps{background-color:#fff;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.32));overflow:visible;padding:8px 0;position:absolute;right:16px;top:48px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps:before{background-color:#fff;content:"";display:block;height:10px;left:22px;position:absolute;right:0;top:0;transform:translateY(-50%) rotate(45deg);width:10px;z-index:0}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps.Chip-module_showDropdown__DQVaZ{display:block}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR{align-items:center;color:#18172b;cursor:pointer;display:flex;padding:6px 16px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR:hover{background-color:#0000000a}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR .Chip-module_itemLabel__KszMu{font-size:14px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps .Chip-module_chipDropdownItem__znNAR .Chip-module_itemIcon__EvEJT{margin-right:8px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps hr{border-color:#0000001f;border-width:0 0 1px}.Chip-module_chip__or5d3 .Chip-module_chipDropdown__PScps hr:last-child,.Chip-module_chip__or5d3 .Chip-module_mobileChipItems__6h8vF{display:none}}.AppBar-module_appBar__Qdk4Q{background-size:cover;background:linear-gradient(180deg,#0b193c,#12306c);padding:15px 20px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{align-items:flex-start;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:auto;width:100%}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd{align-items:flex-start;display:flex}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_icon__llVzL{height:48px;margin-left:-4px;margin-right:16px;width:48px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_titleWrapper__ZDbYC{display:flex;flex-direction:column}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd .AppBar-module_titleWrapper__ZDbYC h4{font-size:24px;margin:0}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_content__zfFex{flex:1}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR-{display:flex;padding-left:60px;padding-top:20px;width:100%}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{display:flex;flex-direction:column;text-align:left}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA{align-items:center;color:#18172b;display:flex;flex:1;justify-content:flex-end;position:relative}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA img{margin-left:15px;vertical-align:text-bottom}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA .AppBar-module_appTooltipContent__WpduU{background-color:#fff;border-radius:12px;box-shadow:-2px 4px 70px #333d6c1a;min-width:235px;padding:24px;position:absolute;right:0;top:32px}@media (min-width:1024px){.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{align-items:center;flex-direction:row}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appId__dvlhd{align-items:center}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR-{align-items:center;padding-left:0;padding-top:0;width:auto}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{text-align:right}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ>div{margin-left:10px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appTooltipWrapper__o3bOA{justify-content:flex-start}}@media (min-width:1280px){.AppBar-module_appBar__Qdk4Q{padding:15px 60px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw{max-width:1680px}.AppBar-module_appBar__Qdk4Q .AppBar-module_wrapper__1RQaw .AppBar-module_appInfoWrapper__KQyR- .AppBar-module_appInfo__ojUgZ{flex-direction:row}}.Header-module_header__b4JmM{align-items:center;background-color:#fff;box-shadow:0 1px 1px #0003;display:flex;justify-content:space-between;position:sticky;top:0;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1680px;padding:16px 20px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) .2s;width:100%;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img{cursor:pointer;height:36px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5,.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J{display:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_toggleMenuButton__oWc9r{background-color:initial;border:none;padding:9px 5px 9px 9px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G{display:flex;margin-left:auto;margin-right:16px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{background-color:#fff;box-shadow:0 1px 1px #0003;display:flex;justify-content:center;left:0;padding:0 20px 16px;position:fixed;top:68px;width:100%;z-index:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div[hidden]{display:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh{background-color:#f8f8f8;height:100%;left:0;padding:8px 20px;position:fixed;top:68px;transform:translateX(-100vw);transition:transform .25s cubic-bezier(0,0,.2,1) 0ms;width:100vw}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div{flex-direction:column}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>a,.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div{border-bottom:none;font-size:18px;justify-content:flex-start;margin:0;padding:16px 0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a{border-bottom:none;display:flex;font-size:18px;justify-content:space-between;margin:0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a:hover{border-bottom:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a:after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></svg>');height:16px;justify-content:space-between;transition:transform .2s;width:16px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div{flex-direction:column;margin:0;padding:0;position:relative}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div:before{background-color:#f8f8f8;content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"/></svg>');height:16px;justify-content:space-between;position:absolute;right:0;top:-15px;transform:rotate(180deg);width:16px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a{border-bottom:none;font-size:16px;justify-content:flex-start;margin:0;padding:16px 32px;user-select:none;width:100%}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a:last-child{padding-bottom:0}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5>div>div>a+div a :not(:first-child){display:none}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5.Header-module_auxiliary__tdlBj a,.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_links__uS5i5.Header-module_main__16iHt>div{border-bottom:1px solid #0000001f}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_menuActions__UNi-J{margin-top:32px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh .Header-module_menuActions__UNi-J .Header-module_signInButton__tOGrL{width:100%}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19{position:fixed;width:100%}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix{box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{box-shadow:none,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_mobileMenu__EhNlh{transform:translateX(0)}@media (min-width:1280px){.Header-module_header__b4JmM{padding:16px 60px;transition:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix{padding:0;transition:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img{height:auto}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix>img+.Header-module_links__uS5i5{flex:1}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div{padding:0 60px 16px;top:88px;width:100%}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G>div[hidden]{display:none}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_searchComponent__hN61G+.Header-module_links__uS5i5{margin-left:0}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5{display:flex;flex-direction:row;justify-content:space-between;margin-left:20px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div{display:flex}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div{background-color:#fff;border-radius:20px;box-shadow:-2.3px 4px #333d6c1a;flex-flow:row wrap;max-width:680px;padding:16px;position:absolute}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;justify-content:flex-start;margin:0;max-width:50%;min-width:200px;padding:16px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a:hover{border-color:#0000;color:#12306c}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_links__uS5i5>div>div>a+div a div:not(:first-child){font-size:14px;font-weight:400;margin-top:10px}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J{display:flex}.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_menuActions__UNi-J .Header-module_signInButton__tOGrL{min-height:auto;padding:10px 30px}.Header-module_header__b4JmM .Header-module_mobileMenu__EhNlh,.Header-module_header__b4JmM .Header-module_wrapper__cW0ix .Header-module_toggleMenuButton__oWc9r{display:none}.Header-module_header__b4JmM.Header-module_mobileMenuOpen__7oK19 .Header-module_wrapper__cW0ix{box-shadow:none}}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Interface to customize the Link component
|
|
5
|
-
*
|
|
6
|
-
* @param {string=} hint - The hint to be displayed when hovering over the button
|
|
7
|
-
* @param {"next"|"react"} behavior - Should it act like a React or a NextJs link
|
|
8
|
-
* @param {"primary"|"secondary"|"outlined"} variant - Controls the look and feel of the button
|
|
9
|
-
* @param {string} customClass - A class to be added for further customization
|
|
10
|
-
* @param {Function} onClick - Called when a click is performed. The HTML event will be sent to this function
|
|
11
|
-
*
|
|
12
|
-
*/
|
|
13
3
|
interface LinkProps {
|
|
14
|
-
|
|
4
|
+
/** Custom css class to customize the stylings */
|
|
15
5
|
customClass?: string;
|
|
6
|
+
/** The hint to be displayed when hovering over the link */
|
|
7
|
+
hint?: string;
|
|
8
|
+
/**
|
|
9
|
+
* The look and feel of the link.
|
|
10
|
+
* Default: ``primary``
|
|
11
|
+
*/
|
|
16
12
|
variant?: "primary" | "secondary";
|
|
13
|
+
/** Called when a click is performed. The HTML event will be sent to this function.
|
|
14
|
+
* Use it to navigate the user to a different page.
|
|
15
|
+
*/
|
|
17
16
|
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
18
17
|
}
|
|
19
18
|
/**
|
|
20
19
|
* The Link component is used to render an anchor to navigate between SPA pages.
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
20
|
+
* To support the different frameworks we have in our repo (React, NextJs, Gatsby),
|
|
21
|
+
* this component is just a wrapper around an HTML anchor and the navigation should be
|
|
22
|
+
* handle by the developer using the```onClick`` callback. Passed ``children`` will be
|
|
23
|
+
* rendered inside the anchor tag.
|
|
24
24
|
*
|
|
25
25
|
*/
|
|
26
26
|
declare const Link: ({ hint, children, customClass, variant, onClick, }: PropsWithChildren<LinkProps>) => React.JSX.Element;
|
|
@@ -39,19 +39,23 @@ declare const Link: ({ hint, children, customClass, variant, onClick, }: PropsWi
|
|
|
39
39
|
*
|
|
40
40
|
*/
|
|
41
41
|
interface ButtonProps {
|
|
42
|
-
/**
|
|
43
|
-
|
|
42
|
+
/** Custom css class to customize the stylings */
|
|
43
|
+
customClass?: string;
|
|
44
|
+
/**
|
|
45
|
+
* Disabling a button prevents any action and will gray out the component.
|
|
46
|
+
* The width will remain the same as of the rendered label.
|
|
47
|
+
*/
|
|
48
|
+
disabled?: boolean;
|
|
44
49
|
/** The hint to be displayed when hovering over the button */
|
|
45
50
|
hint?: string;
|
|
46
|
-
/**
|
|
47
|
-
|
|
51
|
+
/** The label to be displayed inside the button */
|
|
52
|
+
label: string;
|
|
53
|
+
/**
|
|
54
|
+
* Setting this flag to ``true`` will display a spinner inside the button and
|
|
55
|
+
* will prevent any further interaction unless the flag is set back to ``false``.
|
|
48
56
|
*/
|
|
49
57
|
loading?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
disabled?: boolean;
|
|
52
|
-
/** A class to be added for further customization */
|
|
53
|
-
customClass?: string;
|
|
54
|
-
/** Controls the look and feel of the button */
|
|
58
|
+
/** Controls the look and feel of the button. Default: ``primary`` */
|
|
55
59
|
variant?: "fancy" | "primary" | "secondary" | "outlined";
|
|
56
60
|
/** Called when a click is performed. The HTML event will be sent to this function */
|
|
57
61
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
@@ -59,41 +63,48 @@ interface ButtonProps {
|
|
|
59
63
|
/**
|
|
60
64
|
* The Button component is used to trigger an action or event,
|
|
61
65
|
* such as submitting a form, opening a dialog, canceling an action,
|
|
62
|
-
* or performing a delete operation.
|
|
63
|
-
* asynchronous operation should set the property ``loading`` to ``true
|
|
64
|
-
*
|
|
65
|
-
* @param {ButtonProps} props - Props to customize the Button component, see {@link ButtonProps} for more info
|
|
66
|
+
* or performing a delete operation.
|
|
67
|
+
* Every Button that triggers an asynchronous operation should set the property ``loading`` to ``true``.
|
|
66
68
|
*
|
|
67
69
|
*/
|
|
68
70
|
declare const Button: ({ hint, label, loading, disabled, customClass, variant, onClick, }: ButtonProps) => React.JSX.Element;
|
|
69
71
|
|
|
70
72
|
interface DropdownFunctions {
|
|
73
|
+
/** Imperatively closes the dropdown */
|
|
71
74
|
close: () => void;
|
|
72
75
|
}
|
|
73
|
-
/**
|
|
74
|
-
* Interface to customize the Dropdown component
|
|
75
|
-
*
|
|
76
|
-
* @param {string=} hint - The hint to be displayed when hovering over the button
|
|
77
|
-
* @param {"next"|"react"} behavior - Should it act like a React or a NextJs link
|
|
78
|
-
* @param {"primary"|"secondary"|"outlined"} variant - Controls the look and feel of the button
|
|
79
|
-
* @param {string} customClass - A class to be added for further customization
|
|
80
|
-
* @param {Function} onClick - Called when a click is performed. The HTML event will be sent to this function
|
|
81
|
-
*
|
|
82
|
-
*/
|
|
83
76
|
interface DropdownProps {
|
|
77
|
+
/** Custom css class to customize the stylings */
|
|
78
|
+
customClass?: string;
|
|
79
|
+
/**
|
|
80
|
+
* Defines if clicking outside of the button toggle or the dropdown content
|
|
81
|
+
* should hide the floating container.
|
|
82
|
+
* Default: ``true``
|
|
83
|
+
*/
|
|
84
|
+
dismissOnClickOutside?: boolean;
|
|
85
|
+
/** The hint to be displayed when hovering over the toggle button */
|
|
84
86
|
hint?: string;
|
|
87
|
+
/** The icon to be used as a left addornment of the toggle button */
|
|
85
88
|
icon?: string;
|
|
89
|
+
/** The label of the toggle button */
|
|
86
90
|
label: string;
|
|
87
|
-
|
|
88
|
-
|
|
91
|
+
/**
|
|
92
|
+
* The look and feel of the toggle button.
|
|
93
|
+
* Default: ``primary``
|
|
94
|
+
*/
|
|
89
95
|
variant?: "primary" | "outlined";
|
|
96
|
+
/**
|
|
97
|
+
* Callback to be called when toggling the dropdown content.
|
|
98
|
+
* It receives a boolean for the current state and the HTML event.
|
|
99
|
+
*/
|
|
90
100
|
onToggle?: (isOpen: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
91
101
|
}
|
|
92
102
|
/**
|
|
93
|
-
* The Dropdown component
|
|
94
|
-
* It
|
|
95
|
-
*
|
|
96
|
-
*
|
|
103
|
+
* The Dropdown component renders its children as a floating container below its toggle button.
|
|
104
|
+
* It's up to the developer to define the stylings and behavior of the children.
|
|
105
|
+
* Initially it's set up like this to support the many different content and behaviors we have
|
|
106
|
+
* across our apps. This component exposes a ``React.Ref`` object as a convenient way to imperatively close
|
|
107
|
+
* the dropdown.
|
|
97
108
|
*
|
|
98
109
|
*/
|
|
99
110
|
declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & {
|
|
@@ -111,48 +122,66 @@ declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & {
|
|
|
111
122
|
*
|
|
112
123
|
*/
|
|
113
124
|
interface TextFieldProps {
|
|
114
|
-
|
|
115
|
-
variant?: "primary";
|
|
116
|
-
placeholder?: string;
|
|
125
|
+
/** Custom css class to customize the stylings */
|
|
117
126
|
customClass?: string;
|
|
127
|
+
/** Placeholder when there's no text in the field */
|
|
128
|
+
placeholder?: string;
|
|
129
|
+
/** If ``true``, a small button will appear at the right side of the text field
|
|
130
|
+
* to clear its contents
|
|
131
|
+
*/
|
|
118
132
|
showClearButton?: boolean;
|
|
133
|
+
/** Text to render in the field */
|
|
134
|
+
value?: string;
|
|
135
|
+
/**
|
|
136
|
+
* The look and feel of the link.
|
|
137
|
+
* Default: ``primary``
|
|
138
|
+
*/
|
|
139
|
+
variant?: "primary";
|
|
140
|
+
/** Callback called when the text is updated */
|
|
119
141
|
onChange?: (value: string) => void;
|
|
120
142
|
}
|
|
121
143
|
/**
|
|
122
|
-
* The
|
|
123
|
-
* It supports both NextJs and React frameworks through the property ``behavior``.
|
|
124
|
-
*
|
|
125
|
-
* @param {TextFieldProps} props - Props to customize the Button component, see {@link TextFieldProps} for more info
|
|
144
|
+
* The Text Field component renders a simple input field with SDS stylings applied.
|
|
126
145
|
*
|
|
127
146
|
*/
|
|
128
147
|
declare const TextField: ({ value, customClass, placeholder, showClearButton, variant, onChange, }: PropsWithChildren<TextFieldProps>) => React.JSX.Element;
|
|
129
148
|
|
|
130
|
-
/**
|
|
131
|
-
* Interface to customize the Accordion component
|
|
132
|
-
*
|
|
133
|
-
* @param {string=} hint - The hint to be displayed when hovering over the button
|
|
134
|
-
* @param {"next"|"react"} behavior - Should it act like a React or a NextJs link
|
|
135
|
-
* @param {"primary"|"secondary"|"outlined"} variant - Controls the look and feel of the button
|
|
136
|
-
* @param {string} customClass - A class to be added for further customization
|
|
137
|
-
* @param {Function} onClick - Called when a click is performed. The HTML event will be sent to this function
|
|
138
|
-
*
|
|
139
|
-
*/
|
|
140
149
|
interface AccordionProps {
|
|
150
|
+
/**
|
|
151
|
+
* Specifies in which side of the toggle we should render the caret icon.
|
|
152
|
+
* Default: ``right``
|
|
153
|
+
*/
|
|
154
|
+
caretPosition?: "left" | "right";
|
|
155
|
+
/** Custom css class to customize the stylings */
|
|
156
|
+
customClass?: string;
|
|
157
|
+
/** The hint to be displayed when hovering over the toggle button */
|
|
141
158
|
hint?: string;
|
|
159
|
+
/** The label of the toggle button */
|
|
142
160
|
label: string;
|
|
143
|
-
|
|
161
|
+
/**
|
|
162
|
+
* Set it to ``true`` if you want to render an open Accordion.
|
|
163
|
+
*/
|
|
164
|
+
openByDefault?: boolean;
|
|
165
|
+
/**
|
|
166
|
+
* The look and feel of the toggle button.
|
|
167
|
+
* Default: ``outlined``
|
|
168
|
+
*/
|
|
144
169
|
variant?: "outlined";
|
|
145
|
-
|
|
170
|
+
/**
|
|
171
|
+
* Callback to be called when toggling the accordion content.
|
|
172
|
+
* It receives a boolean for the current state and the HTML event.
|
|
173
|
+
*/
|
|
146
174
|
onToggle?: (isOpen: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
147
175
|
}
|
|
148
176
|
/**
|
|
149
|
-
* The Accordion
|
|
150
|
-
* It
|
|
151
|
-
*
|
|
152
|
-
*
|
|
177
|
+
* The Accordion is a simple yet powerful component to render collapsable sections.
|
|
178
|
+
* It renders a button to toggle the accordion content and the passed ``children`` as the content.
|
|
179
|
+
* Custom stylings can be applied by passing a ``customClass``.
|
|
180
|
+
* If your section is in a different place of the HTML, you can still use this component by toggling the
|
|
181
|
+
* visibility of the section using the ``onToggle`` callback.
|
|
153
182
|
*
|
|
154
183
|
*/
|
|
155
|
-
declare const Accordion: ({ hint, label, children, customClass, variant, caretPosition, onToggle, }: PropsWithChildren<AccordionProps>) => React.JSX.Element;
|
|
184
|
+
declare const Accordion: ({ hint, label, children, customClass, variant, openByDefault, caretPosition, onToggle, }: PropsWithChildren<AccordionProps>) => React.JSX.Element;
|
|
156
185
|
|
|
157
186
|
interface ChipDropdownItem {
|
|
158
187
|
icon?: string;
|