@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.
@@ -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
- hint?: string;
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
- * It supports both NextJs and React frameworks through the property ``behavior``.
21
- *
22
- * @param {LinkProps} props - Props to customize the Button component, see {@link LinkProps} for more info
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
- value?: string;
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 Link component is used to render an anchor to navigate between SPA pages.
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
- hint?: string;
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
- * It supports both NextJs and React frameworks through the property ``behavior``.
22
- *
23
- * @param {LinkProps} props - Props to customize the Button component, see {@link LinkProps} for more info
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
- /** The label to be displayed inside the button */
43
- label: string;
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
- /** Disabling a button prevents any action and will gray out the component.
47
- * The width will remain the same as of the rendered label
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
- /** Disabling a button prevents any action and will gray out the component. */
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. Every Button that triggers an
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
- customClass?: string;
88
- dismissOnClickOutside?: boolean;
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 is used to render an anchor to navigate between SPA pages.
94
- * It supports both NextJs and React frameworks through the property ``behavior``.
95
- *
96
- * @param {DropdownProps} props - Props to customize the Button component, see {@link DropdownProps} for more info
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
- value?: string;
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 Link component is used to render an anchor to navigate between SPA pages.
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
- customClass?: string;
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
- caretPosition?: "left" | "right";
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 component is used to render an anchor to navigate between SPA pages.
150
- * It supports both NextJs and React frameworks through the property ``behavior``.
151
- *
152
- * @param {AccordionProps} props - Props to customize the Button component, see {@link AccordionProps} for more info
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;