odaptos_design_system 1.2.7 → 1.3.0

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+interface InputProps {
+    className?: string;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
+    variant?: 'filled' | 'standard' | 'outlined';
+    topLabel?: string | undefined;
+    placeholder?: string;
+    label?: string;
+    required?: boolean | undefined;
+    name?: string;
+    value: string | number;
+    onChange: (event: any) => void;
+    onBlur?: (event: any) => void;
+    onKeyDown?: () => void;
+    disabled?: boolean;
+    type?: 'number' | 'text' | 'password';
+    id?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    inputProps?: any;
+}
+/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-5899&mode=dev */
+export declare const TextInput: (props: InputProps) => React.JSX.Element;
+export {};

package/dist/Textarea/Textarea.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface TextareaProps {
+    className?: string;
+    topLabel?: string;
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    name?: string;
+    value: string | number;
+    onChange: (event: any) => void;
+    onBlur?: (event: any) => void;
+    id?: string;
+    rows?: number;
+    error?: boolean;
+    maxCharacters: number;
+    errorText?: string;
+    helperText?: string;
+    disabled?: boolean;
+}
+/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
+export declare const Textarea: ({ name, label, className, id, onChange, onBlur, placeholder, value, rows, maxCharacters, topLabel, errorText, helperText, error, disabled, required, }: TextareaProps) => React.JSX.Element;
+export {};

package/dist/Tooltip/Layout/TooltipCustomLayout.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface TooltipLayoutProps {
+    tooltipTitle: string;
+    closeButton?: JSX.Element;
+    onClickClose?: () => void;
+    tooltipDescription?: string;
+    customContent?: JSX.Element;
+    buttonOneText?: string;
+    buttonTwoText?: string;
+    buttonOneVariant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
+    buttonTwoVariant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
+    buttonOneIconLeft?: JSX.Element;
+    buttonTwoIconLeft?: JSX.Element;
+    buttonOneIconRight?: JSX.Element;
+    buttonTwoIconRight?: JSX.Element;
+    buttonOneOnClick?: () => void;
+    buttonTwoOnClick?: () => void;
+}
+export declare const TooltipLayout: ({ tooltipTitle, closeButton, onClickClose, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneVariant, buttonTwoVariant, buttonOneOnClick, buttonTwoOnClick, }: TooltipLayoutProps) => React.JSX.Element;
+export {};

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface TooltipProps {
+    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+    onOpen?: () => void;
+    onClose?: () => void;
+    title: string;
+    closeButton?: JSX.Element;
+    tooltipDescription?: string;
+    customContent?: JSX.Element;
+    buttonOneText?: string;
+    buttonTwoText?: string;
+    buttonOneVariant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
+    buttonTwoVariant?: 'primary' | 'secondary' | 'tertiary' | 'tertiary-alt' | 'alert' | 'success';
+    buttonOneIconLeft?: JSX.Element;
+    buttonTwoIconLeft?: JSX.Element;
+    buttonOneIconRight?: JSX.Element;
+    buttonTwoIconRight?: JSX.Element;
+    buttonOneOnClick?: () => void;
+    buttonTwoOnClick?: () => void;
+    arrow?: boolean;
+    followCursor?: boolean;
+    children: JSX.Element;
+}
+export declare const Tooltip: ({ placement, onOpen, onClose, title, closeButton, tooltipDescription, customContent, buttonOneText, buttonTwoText, buttonOneVariant, buttonTwoVariant, buttonOneIconLeft, buttonTwoIconLeft, buttonOneIconRight, buttonTwoIconRight, buttonOneOnClick, buttonTwoOnClick, arrow, followCursor, children, }: TooltipProps) => React.JSX.Element;
+export {};

package/dist/Typography/Caption.d.ts

@@ -0,0 +1,13 @@
+import React, { HTMLAttributes } from 'react';
+interface CaptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display in the caption  */
+    text: string;
+    color?: string;
+    className?: string;
+    uppercase?: boolean;
+}
+/** This text should only be used for the captions
+ * Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
+ */
+export declare const Caption: ({ text, color, className, uppercase, ...props }: CaptionProps) => React.JSX.Element;
+export {};

package/dist/Typography/Link.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+interface LinkProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display */
+    text: string;
+    link: string;
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+    color?: string;
+    weight?: 'semi-bold' | 'bold' | 'regular';
+    className?: string;
+    isExternal?: boolean;
+}
+/** This text should be use to display basic text */
+export declare const Link: ({ text, link, size, color, weight, className, isExternal, ...props }: LinkProps) => React.JSX.Element;
+export {};

package/dist/Typography/Text.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display */
+    text: string;
+    color?: string;
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+    weight?: 'semi-bold' | 'bold' | 'regular';
+    italic?: boolean;
+    textDecoration?: 'underline' | 'line-through';
+    className?: string;
+    required?: boolean;
+}
+/** This text should be use to display basic text
+ * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
+ */
+export declare const Text: ({ text, color, size, weight, italic, textDecoration, className, required, ...props }: TextProps) => React.JSX.Element;
+export {};

package/dist/Typography/TextForButton.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+interface TextForButtonProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display in the Button component  */
+    text: string;
+    color?: string;
+    bold?: boolean;
+    className?: string;
+    size?: 'sm' | 'base' | 'lg';
+}
+/** This button should only be used in the Button component
+ * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
+ */
+export declare const TextForButton: ({ text, color, bold, className, size, ...props }: TextForButtonProps) => React.JSX.Element;
+export {};

package/dist/Typography/TextForDropDownItem.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+interface TextForDropDownItemProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display in the Dropdown item component  */
+    text: string;
+    color?: string;
+    bold?: boolean;
+    className?: string;
+    size?: 'xs' | 'sm' | 'base';
+}
+/** This text should only be used for the dropdown items text
+ * Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
+ */
+export declare const TextForDropDownItem: ({ text, color, bold, size, className, ...props }: TextForDropDownItemProps) => React.JSX.Element;
+export {};

package/dist/Typography/TextWithLink.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+interface TextWithLinkProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display */
+    text: string;
+    color?: string;
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+    weight?: 'semi-bold' | 'bold' | 'regular';
+    italic?: boolean;
+    textDecoration?: 'underline' | 'line-through';
+    className?: string;
+    textLink: string;
+    link: string;
+}
+/** This text should be use to display basic text */
+export declare const TextWithLink: ({ text, color, size, weight, italic, textDecoration, className, textLink, link, ...props }: TextWithLinkProps) => React.JSX.Element;
+export {};

package/dist/Typography/Title.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+interface TitleProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Text display in the Title  */
+    text: string;
+    color?: string;
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+    weight?: 'semi-bold' | 'bold' | 'regular';
+    italic?: boolean;
+    type?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    className?: string;
+}
+/** This text should only be used to display titles
+ * Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-357&mode=dev
+ */
+export declare const Title: ({ text, color, size, weight, italic, className, type, ...props }: TitleProps) => React.JSX.Element;
+export {};

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    isOpen: boolean;
+    handler: (event: React.MouseEvent<HTMLElement>) => void;
+    elementRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useOnClickOutside: ({ handler, elementRef, isOpen }: Props) => void;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+export * from './Accordion/Accordion';
+export * from './SingleSelect/SingleSelect';
+export * from './MultiSelect/MultiSelect';
+export * from './Badge/Badge';
+export * from './Buttons/Button';
+export * from './Buttons/IconButton';
+export * from './Checkbox/Checkbox';
+export * from './Tag/Tag';
+export * from './Icons';
+export * from './LateralMenu/LateralMenu';
+export * from './Modal/Modal';
+export * from './Notifications/Banner';
+export * from './Notifications/NotificationIcon';
+export * from './Notifications/Toast';
+export * from './Popover/Popover';
+export * from './Radio/Radio';
+export * from './Step/Step';
+export * from './Switch/Switch';
+export * from './Table/index';
+export * from './Tabs/Tabs';
+export * from './Tabs/TabsUnderLine';
+export * from './Textarea/Textarea';
+export * from './TextInput/TextInput';
+export * from './Tooltip/Tooltip';
+export * from './Typography/Caption';
+export * from './Typography/Text';
+export * from './Typography/TextForButton';
+export * from './Typography/TextForDropDownItem';
+export * from './Typography/Title';
+export * from './Search/Search';
+export * from './ColorGuide/colors';
+export * from './Interviews/Chat';
+export * from './Interviews/ChatInput';
+export * from './Interviews/CircledIconButton';
+export * from './Interviews/InterviewButton';
+export * from './Interviews/GoBack';
+export * from './Interviews/Task';
+export * from './Interviews/StartInterview';
+export * from './Interviews/WelcomeMessage';
+export * from './Icons';

package/dist/odaptos_design_system.cjs.development.css

@@ -0,0 +1,39 @@
+.accordion{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.5rem;box-shadow:0 4px 5px 0 rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.5rem;max-width:32rem;padding:.5rem;width:100%}.accordion:hover{background:var(--color-neutral-clear-shades-100,#fafafa)}.accordion .accordion_header{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;width:100%}.accordion .accordion_header p{overflow:hidden;text-overflow:ellipsis;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;white-space:nowrap;width:85%}.accordion .accordion_header svg{height:1rem;width:1rem}
+@import "../../example/index.css";.text{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.text_underline{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.text_line_through{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.text_required:after{color:red;content:" *"}.text.text_xs.text_regular{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.text.text_sm.text_regular{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.text.text_base.text_regular{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.text.text_lg.text_regular{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.text.text_xl.text_regular{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.text.text_xxl.text_regular{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.text.text_xxxl.text_regular{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_regular{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.text.text_xs.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.text.text_sm.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.text.text_base.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.text.text_lg.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.text.text_xl.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.text.text_xxl.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.text.text_xxxl.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_regular.text_italic{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.text.text_xs.text_bold{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.text.text_sm.text_bold{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.text.text_base.text_bold{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.text.text_lg.text_bold{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.text.text_xl.text_bold{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.text.text_xxl.text_bold{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.text.text_xxxl.text_bold{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_bold{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.text.text_xs.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.text.text_sm.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.text.text_base.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.text.text_lg.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.text.text_xl.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.text.text_xxl.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.text.text_xxxl.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_bold.text_italic{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.text.text_xs.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.text.text_sm.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.text.text_base.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.text.text_lg.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.text.text_xl.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.text.text_xxl.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.text.text_xxxl.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.text.text_xs.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.text.text_sm.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.text.text_base.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.text.text_lg.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.text.text_xl.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.text.text_xxl.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.text.text_xxxl.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.text.text_xxxxl.text_semi_bold.text_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}
+.icon_button{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.icon_button_primary{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.icon_button_primary:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.icon_button_primary:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solidvar(--color-neutral-dark-shades-800,#4b4e52)}.icon_button_primary:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.icon_button_primary svg{stroke:#fff!important;fill:#fff!important}.icon_button_secondary{background:transparent}.icon_button_secondary,.icon_button_secondary:hover{border:1px solid var(--color-neutral-basics-black,#00040a)}.icon_button_secondary:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2)}.icon_button_secondary:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.icon_button_secondary:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.icon_button_secondary:disabled svg{stroke:#96989a!important;fill:#96989a!important}.icon_button_secondary svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.icon_button_tertiary{background:transparent;border:1px solid transparent}.icon_button_tertiary:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.icon_button_tertiary:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.icon_button_tertiary:disabled{background:transparent;border:1px solid transparent}.icon_button_tertiary:disabled svg{stroke:#96989a!important;fill:#96989a!important}.icon_button_tertiary svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.icon_button_tertiary_alt{background:transparent;border:1px solid transparent}.icon_button_tertiary_alt:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.icon_button_tertiary_alt:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.icon_button_tertiary_alt:disabled{background:transparent;border:1px solid transparent}.icon_button_tertiary_alt:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.icon_button_tertiary_alt svg{stroke:#07f!important;fill:#07f!important}.icon_button_alert{background:transparent;border:1px solid transparent}.icon_button_alert:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.icon_button_alert:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.icon_button_alert:disabled{background:transparent;border:1px solid transparent}.icon_button_alert:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.icon_button_alert svg{stroke:#f54c4c!important;fill:#f54c4c!important}.icon_button_success{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.icon_button_success:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.icon_button_success:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.icon_button_success:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.icon_button_success svg{stroke:#fff!important;fill:#fff!important}.icon_button_xxs{border-radius:.25rem;padding:.25rem}.icon_button_xxs svg{height:.75rem;width:.75rem}.icon_button_xs{border-radius:.25rem;padding:.25rem}.icon_button_xs svg{height:1rem;width:1rem}.icon_button_base{border-radius:.5rem;padding:.5rem}.icon_button_base svg{height:1.25rem;width:1.25rem}.icon_button_lg{border-radius:.5rem;padding:.625rem}.icon_button_lg svg{height:1.5rem;width:1.5rem}
+.newAutocomplete{min-width:16rem;width:100%}.newAutocomplete label,.newAutocomplete span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.newAutocomplete .MuiAutocomplete-endAdornment{display:flex;gap:.5rem;margin-top:-.35rem!important}.newAutocomplete .tags-container{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.newAutocomplete .tags-container p{text-overflow:ellipsis;white-space:nowrap}.input_top_label{margin-bottom:.625rem}.MuiOutlinedInput-root.MuiInputBase-root.MuiInputBase-formControl{align-items:center;display:flex;flex-direction:row}.text_below{margin:.25rem .5rem .25rem .75rem}.icon{height:1rem!important;margin-left:.25rem;width:1rem!important}
+@import "../../example/index.css";.button_text{font-family:var(--sdFontFamilyPoppins);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);margin:unset;padding:.125rem 0;text-align:left}.button_text_bold{font-weight:var(--sdFontWeightSemibold)}.button_text_sm{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.button_text_base{font-size:var(--sdFontSizeBase)}.button_text_base,.button_text_lg{line-height:var(--sdLineHeight150)}.button_text_lg{font-size:var(--sdFontSizeLg)}
+.Checkbox-module_checkboxContainer__1EvhC{align-items:center;display:flex}
+.newAutocomplete{min-width:16rem;width:100%}.newAutocomplete label,.newAutocomplete span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.newAutocomplete .MuiAutocomplete-endAdornment{display:flex;gap:.5rem}.newAutocomplete .MuiAutocomplete-endAdornment svg{height:1rem;width:1rem}.newAutocomplete .tags_container{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:80%;overflow:scroll;padding:0 .25rem}.newAutocomplete .tags_container span{font-size:.75rem}.newAutocomplete .tags_container p{text-overflow:ellipsis;white-space:nowrap}.MuiOutlinedInput-root.MuiInputBase-root.MuiInputBase-formControl{align-items:center;display:flex;flex-direction:row}.no_scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no_scrollbar::-webkit-scrollbar{display:none}.input_top_label{margin-bottom:.625rem}.text_below{margin:.25rem .5rem .25rem .75rem}.icon{height:1rem!important;margin-left:.25rem;width:1rem!important}
+.badge{align-items:center;border-radius:62.4375rem;display:flex;gap:.5rem;justify-content:center;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.badge_idle{background:var(--color-neutral-dark-shades-600,#717376)}.badge_idle svg{stroke:#fff!important;fill:#fff!important}.badge_info{background:var(--color-primary-100,#e5f1ff)}.badge_info svg{stroke:#004799!important;fill:#004799!important}.badge_success{background:var(--color-extended-green-100,#e8f5ea)}.badge_success svg{stroke:#3c743d!important;fill:#3c743d!important}.badge_warning{background:var(--color-extended-yellow-100,#fff3d6)}.badge_warning svg{stroke:#6e4f00!important;fill:#6e4f00!important}.badge_critical{background:var(--color-extended-red-100,#fddbdb)}.badge_critical svg{stroke:#98312e!important;fill:#98312e!important}.badge_sm{align-items:center;gap:.25rem;height:1.25rem;justify-content:center;padding:0 .75rem}.badge_sm svg{height:.75rem;width:.75rem}.badge_lg{align-items:center;gap:.5rem;height:2.25rem;justify-content:center;padding:0 .75rem}.badge_lg svg{height:1rem;width:1rem}.badge_base{align-items:center;gap:.5rem;height:1.75rem;justify-content:center;padding:0 .75rem}.badge_base svg{height:1rem;width:1rem}
+.button{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.button_primary{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.button_primary:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.button_primary:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.button_primary:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.button_primary p{color:#fff!important}.button_primary svg{stroke:#fff!important;fill:#fff!important}.button_secondary:active{border:1px solid var(--color-neutral-basics-black,#00040a)}.button_secondary:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.button_secondary{background:transparent;border:1px solid transparent}.button_secondary:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.button_secondary:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.button_secondary:disabled{background:transparent;border:1px solid transparent}.button_secondary:disabled p{color:#96989a!important}.button_secondary:disabled svg{stroke:#96989a!important;fill:#96989a!important}.button_secondary p{color:var(--color-neutral-basics-black,#00040a)!important}.button_secondary svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.button_tertiary{background:transparent;border:1px solid transparent}.button_tertiary:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.button_tertiary:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.button_tertiary:disabled{background:transparent;border:1px solid transparent}.button_tertiary:disabled p{color:#96989a!important}.button_tertiary:disabled svg{stroke:#96989a!important;fill:#96989a!important}.button_tertiary p{color:var(--color-neutral-basics-black,#00040a)!important}.button_tertiary svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.button_tertiary_alt{background:transparent;border:1px solid transparent}.button_tertiary_alt:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.button_tertiary_alt:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.button_tertiary_alt:disabled{background:transparent;border:1px solid transparent}.button_tertiary_alt:disabled p{color:#99c9ff!important}.button_tertiary_alt:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.button_tertiary_alt p{color:#07f!important}.button_tertiary_alt svg{stroke:#07f!important;fill:#07f!important}.button_alert{background:transparent;border:1px solid transparent}.button_alert:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.button_alert:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.button_alert:disabled{background:transparent;border:1px solid transparent}.button_alert:disabled p{color:#fbb7b7!important}.button_alert:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.button_alert p{color:#f54c4c!important}.button_alert svg{stroke:#f54c4c!important;fill:#f54c4c!important}.button_success{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.button_success:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.button_success:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.button_success:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.button_success p{color:#fff!important}.button_success svg{stroke:#fff!important;fill:#fff!important}.button_sm{border-radius:.375rem;padding:0 1rem}.button_sm svg{height:.75rem;width:.75rem}.button_base{border-radius:.5rem;padding:.25rem 1rem}.button_base svg{height:1rem;width:1rem}.button_lg{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.button_lg svg{height:1.25rem;width:1.25rem}
+.tag{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;max-width:10rem;padding:0 .75rem;width:-moz-fit-content;width:fit-content}.tag_idle{background:var(--color-neutral-dark-shades-600,#717376)}.tag_idle svg{stroke:#fff!important;fill:#fff!important}.tag_info{background:var(--color-primary-100,#e5f1ff)}.tag_info svg{stroke:#004799!important;fill:#004799!important}.tag_success{background:var(--color-extended-green-100,#e8f5ea)}.tag_success svg{stroke:#3c743d!important;fill:#3c743d!important}.tag_warning{background:var(--color-extended-yellow-100,#fff3d6)}.tag_warning svg{stroke:#6e4f00!important;fill:#6e4f00!important}.tag_critical{background:var(--color-extended-red-100,#fddbdb)}.tag_critical svg{stroke:#98312e!important;fill:#98312e!important}.tag_sm svg{height:.75rem;width:.75rem}.tag_base svg{height:1rem;width:1rem}
+.lateral_menu{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);box-shadow:0 6px 10px 4px rgba(0,0,0,.08),0 2px 3px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:14rem;height:100vh;justify-content:center;min-width:10rem;padding:1.5rem;position:relative}.lateral_menu .lateral_menu_logo{height:2rem;left:1.5rem;position:absolute;top:1.5rem;width:8.64519rem}
+@import "../../example/index.css";.title{font-family:var(--sdFontFamilyPoppins);letter-spacing:var(--sdLetterSpacingHeadings);margin:unset;text-align:left}.title_italic{font-style:italic}.title_normal{font-style:normal}.title_xs{font-size:var(--sdFontSizeXs);line-height:var(--sdLineHeight130);padding:.063rem 0}.title_sm{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.title_base{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150);padding:.125rem 0}.title_lg{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.title_xl{font-size:var(--sdFontSizeXl);padding:.125rem 0}.title_xl,.title_xxl{line-height:var(--sdLineHeight150)}.title_xxl{font-size:var(--sdFontSize2xl);padding:.063rem 0 .188rem}.title_xxxl{font-size:var(--sdFontSize3xl);line-height:150%;padding:.188rem 0 .063rem}.title_xxxxl{font-size:var(--sdFontSize4xl);line-height:var(--sdLineHeight150);padding:.125rem 0}.title_bold{font-weight:var(--sdFontWeightBold)}.title_semi_bold{font-weight:var(--sdFontWeightSemibold)}.title_regular{font-weight:var(--sdFontWeightRegular)}
+.modal{position:absolute}.modal .modal_content{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;padding:1rem;width:65rem;z-index:1301}.modal .modal_content .modal_header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.modal .modal_content .modal_buttons_container{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.modal_overlay{position:absolute}.modal_overlay .modal_content{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;padding:1rem;width:21rem;z-index:1301}.modal_overlay .modal_content .modal_header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.modal_overlay .modal_content .modal_buttons_container{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}
+@import "../../example/index.css";.text_with_link{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.text_with_link a{color:var(--color-primary-500,#07f);margin-left:.5rem}.text_with_link_underline{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.text_with_link_line_through{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.text_with_link_required:after{color:red;content:" *"}.text_with_link.text_with_link_xs.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.tetext_with_linkxt.text_with_link_sm.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_regular{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text-regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_regular.text_with_link_italic{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_bold{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.text_with_link.text_with_link_xs.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.text_with_link.text_with_link_sm.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.text_with_link.text_with_link_base.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.text_with_link.text_with_link_lg.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.text_with_link.text_with_link_xl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.text_with_link.text_with_link_xxxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold.text_with_link_italic{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}
+.notification_banner{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:87.5rem;padding:1.5rem}.notification_banner_header{align-items:center;display:flex;gap:.5rem}.notification_banner_error{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.notification_banner_warning{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.notification_banner_info{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.notification_banner_success{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}
+@import "../../example/index.css";.link{cursor:pointer;font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.link.link_xs.link_regular{font:var(--sdTypoTextUnderlineRegularXs);padding:1px 0}.link.link_sm.link_regular{font:var(--sdTypoTextUnderlineRegularSm);padding:1px 0 3px}.link.link_base.link_regular{font:var(--sdTypoTextUnderlineRegularBase);padding:2px 0}.link.link_lg.link_regular{font:var(--sdTypoTextUnderlineRegularLg);padding:2px 0}.link.link_xl.link_regular{font:var(--sdTypoTextUnderlineRegularXl);padding:1px 0 3px}.link.link_xxl.link_regular{font:var(--sdTypoTextUnderlineRegular2xl);padding:0}.link.link_xxxl.link_regular{font:var(--sdTypoTextUnderlineRegular3xl);padding:1px 0 3px}.link.link_xxxxl.link_regular{font:var(--sdTypoTextUnderlineRegular4xl);padding:3px 0 1px}.link.link_xs.link_bold{font:var(--sdTypoTextUnderlineBoldXs);padding:1px 0 2px}.link.link_sm.link_bold{font:var(--sdTypoTextUnderlineBoldSm);padding:1px 0 3px}.link.link_base.link_bold{font:var(--sdTypoTextUnderlineBoldBase);padding:2px 0}.link.link_lg.link_bold{font:var(--sdTypoTextUnderlineBoldLg);padding:2px 0}.link.link_xl.link_bold{font:var(--sdTypoTextUnderlineBoldXl);padding:1px 0 3px}.link.link_xxl.link_bold{font:var(--sdTypoTextUnderlineBold2xl);padding:0}.link.link_xxxl.link_bold{font:var(--sdTypoTextUnderlineBold3xl);padding:1px 0 3px}.link.link_xxxxl.link_bold{font:var(--sdTypoTextUnderlineBold4xl);padding:3px 0 1px}.link.link_xs.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBoldXs);padding:1px 0 2px}.link.link_sm.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBoldSm);padding:1px 0 3px}.link.link_base.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBoldBase);padding:2px 0}.link.link_lg.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBoldLg);padding:2px 0}.link.link_xl.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBoldXl);padding:1px 0 3px}.link.link_xxl.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBold2xl);padding:0}.link.link_xxxl.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBold3xl);padding:1px 0 3px}.link.link_xxxxl.link_semi_bold{font:var(--sdTypoTextUnderlineSemiBold4xl);padding:3px 0 1px}
+.notification_toast{align-items:center;animation:moveleft .5s linear forwards;display:flex;gap:.5rem;justify-content:flex-end;padding-right:2.75rem;position:relative;transform:translateX(170%);width:27rem}.notification_toast .notification_toast_content{align-items:flex-end;display:flex;flex:1 0 0;flex-direction:row;gap:.625rem;padding:1rem}.notification_toast .notification_toast_content .toast_link{white-space:nowrap}@keyframes moveleft{to{transform:translateX(95%)}}.notification_toast .close_toast_btn{align-items:center;border:none;border-radius:0 .4375rem .4375rem 0;bottom:0;cursor:pointer;display:flex;flex-shrink:0;height:100%!important;justify-content:center;min-height:100%!important;position:absolute;right:0;top:0;width:2.75rem}.notification_toast .close_toast_btn svg{fill:#fff;stroke:#fff;transform:rotate(45deg)}.notification_toast .close_toast_btn_error{background:var(--color-extended-red-500,#f54c4c);border:1px solid var(--color-extended-red-500,#f54c4c)}.notification_toast .close_toast_btn_warning{background:var(--color-extended-yellow-500,#ffb800);border:1px solid var(--color-extended-yellow-500,#ffb800)}.notification_toast .close_toast_btn_info{background:var(--color-primary-500,#07f);border:1px solid var(--color-primary-500,#07f)}.notification_toast .close_toast_btn_success{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.notification_toast_error{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.notification_toast_warning{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.notification_toast_info{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.notification_toast_success{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}
+.popover{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-350,#bcbdbe);border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;height:-moz-fit-content;height:fit-content;padding:.5rem;position:absolute;width:9.375rem;z-index:99}.popover .popover_header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.popover .popover_header svg{fill:red;stroke:red;height:1rem;width:1rem}.popover.open{display:block}.popover_action{align-items:center;border-radius:.3125rem;cursor:pointer;display:flex;gap:.5rem}.popover_action svg{fill:#000;stroke:#000;height:1rem;width:1rem}.popover_action:hover{background-color:var(--gray-lighter)}
+.Radio-module_radioBtnWrapper__ZE-oy{align-items:center;display:flex;flex-direction:row}.Radio-module_radioBtnWrapper__ZE-oy .Radio-module_MuiRadio-root__1Mw0W{height:16px;width:16px}
+.Step-module_step_number__nm2mL{align-items:center;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:62.4375rem;display:flex;flex-direction:column;height:1.5rem;justify-content:center;max-height:1.5rem;max-width:1.5rem;width:1.5rem}.Step-module_left_container__tFgSy{flex-direction:column}.Step-module_left_container__tFgSy,.Step-module_step_container__t01w0{align-items:flex-start;display:flex;gap:.75rem}.Step-module_step_icon_container__DDASj{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;height:1.5rem;height:100%;width:1.5rem}.Step-module_step_line__R2Ezc{background:#8a8b8e;height:1.875rem;margin-left:.7rem;width:.0625rem}.Step-module_step_completed_icon__yWCat{stroke:#5cbb65;fill:#5cbb65;color:#5cbb65;height:1.5rem;width:1.5rem}.Step-module_step_warning_icon__WGjWJ{stroke:#f54c4c;fill:#f54c4c;color:#f54c4c;height:1.5rem;width:1.5rem}
+.Switch-module_switchWrapper__daXCz{align-items:center;display:flex;gap:.5rem}
+.TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}
+.table_header{border-radius:.25rem}.table_header,.table_header .header_cell{align-items:center;display:flex;padding:.25rem .5rem}.table_header .header_cell{flex-shrink:0;gap:.75rem}.table_header .header_cell svg{fill:#000;height:.75rem;width:.75rem}
+.rows{align-items:flex-start;align-self:stretch;flex-direction:column;gap:.25rem}.rows,.rows .row{display:flex;width:calc(100% - .5rem)}.rows .row{align-items:center;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;padding:0 .5rem}
+.cell{align-items:center;display:flex;gap:.75rem;padding:.5rem}.cell p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.new_tabs{height:100%}.new_tabs .MuiTabs-root{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.new_tabs .MuiTabs-root .MuiTabs-scroller{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.new_tabs .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.new_tabs .MuiTabs-root .MuiTabs-scroller .MuiTabs-flexContainer .MuiTab-root{text-transform:none}.new_tabs .MuiTabs-root .MuiTabs-scroller .MuiTabs-indicator{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.new_tabs .MuiTabs-root button{background:transparent;border:none;color:#000;font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:700;height:1.875rem;min-height:0;min-width:0;padding:2px 1rem .125rem;z-index:1400}.new_tabs .MuiTabs-root button.Mui-selected{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}
+.tabbar{align-items:center;display:flex;height:5rem}.tabbar .tabs_root{align-items:center;min-height:unset}.tabbar .tab_label{min-width:unset;opacity:1;padding:unset}.tabbar .tab_label,.tabbar .tab_label_replacement{margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem}.tabbar .tab_label_replacement{align-self:center;text-transform:capitalize}.tabbar .tab_label_replacement.disabled{opacity:.5}
+.input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;min-width:12.5rem;text-align:left;width:100%}.input svg{height:.75rem;width:.75rem}input{font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.input{height:1rem}.MuiInputBase-root-MuiOutlinedInput-root{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.input_top_label{margin-bottom:.625rem}.input .MuiInputBase-input{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.text_below{margin:.25rem .5rem .25rem .75rem}
+.Textarea-module_text_area_container__cq5uv{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG .Textarea-module_counter__0nieC{margin-left:auto}
+@import "../../example/index.css";.caption_text{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingCaption);line-height:var(--sdLineHeight130);margin:unset;padding:.063rem 0;text-align:left}.caption_text_uppercase{text-transform:var(--sdTextCaseUppercase)}
+@import "../../example/index.css";.dropdown_text{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.dropdown_text_xs{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.dropdown_text_sm{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.dropdown_text_base{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.dropdown_text_bold{font-weight:var(--sdFontWeightBold)}
+.chatContainer{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:81.75rem;min-width:25rem;padding:1rem}.chatContainer .scrolling_content{display:flex;flex-direction:column;gap:.5rem;max-width:100%;overflow-x:hidden;overflow-y:scroll}.no_scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no_scrollbar::-webkit-scrollbar{display:none}
+.chat_input_container{align-items:flex-start;align-self:stretch;border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.chat_input_container,.chat_input_container input{background:var(--color-neutral-clear-shades-150,#eee)}.chat_input_container input{border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.chat_input_container input:focus{outline:none}.chat_input_container input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.chat_input_container input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}
+.circle_icon_button{align-items:flex-start;background:var(--color-neutral-dark-shades-700,#64666a);border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem;position:relative}.circle_icon_button svg{stroke:#fff;fill:#fff;height:1.5rem;width:1.5rem}.circle_icon_button:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.circle_icon_button:active{background:var(--color-neutral-dark-shades-700,#64666a)}.active{background:var(--color-primary-300,#66adff)}.active svg{stroke:#00040a;fill:#00040a;height:1.5rem;width:1.5rem}.notif_icon{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}
+.interview_button{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.interview_button svg{height:1.5rem;width:1.5rem}.interview_button_screenshare{background:var(--color-primary-500,#07f)}.interview_button_screenshare:hover{background:var(--color-primary-400,#3392ff)}.interview_button_screenshare:active{background:var(--color-primary-600,#005fcc)}.interview_button_screenshare p{color:#fff!important}.interview_button_screenshare svg{stroke:#fff!important;fill:#fff!important}.interview_button_protocol{background:var(--color-neutral-dark-shades-700,#64666a)}.interview_button_protocol p{color:#fff!important}.interview_button_protocol svg{stroke:#fff!important;fill:#fff!important}.interview_button_protocol:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.interview_button_protocol:hover p{color:#fff!important}.interview_button_protocol:hover svg{stroke:#fff!important;fill:#fff!important}.interview_button_protocol:active{background:var(--color-neutral-dark-shades-700,#64666a)}.interview_button_protocol:active p{color:var(--color-neutral-basics-black,#00040a)!important}.interview_button_protocol:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.active{background:var(--color-primary-300,#66adff)}.active p{color:#00040a!important}.active svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.interview_button_end_interview{background:var(--color-extended-red-500,#f54c4c)}.interview_button_end_interview:hover{background:var(--color-extended-red-400,#f77070)}.interview_button_end_interview:active{background:var(--color-extended-red-600,#c73f3d)}.interview_button_end_interview p{color:var(--color-neutral-basics-black,#00040a)!important}.interview_button_end_interview svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.notif_icon{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}
+.go_back_btn{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;gap:.5rem}.go_back_btn svg{stroke:#8a8b8e;fill:#8a8b8e;height:.75rem;width:.75rem}
+.task_container{align-items:flex-start;align-self:"stretch";background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.task_container .header{max-width:100%}.task_container .header .header_left:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.task_container .header .header_right:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.header{align-items:center;height:100%;max-width:100%}.header,.header_left{display:flex;justify-content:center}.header_left{align-items:flex-start;cursor:pointer;flex-direction:column;max-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem}.header_left .title{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header_right{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;cursor:pointer;display:flex;gap:.5rem;height:100%;justify-content:center;margin-left:auto;max-width:calc(100% - 3.5rem);padding:1rem .75rem}.header_right svg{fill:#000;height:1rem;width:1rem}.disabled_task{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.disabled_task .header{max-width:100%;width:100%}.disabled_task .header .header_left{width:100%}.disabled_task .header .header_left,.disabled_task .header .header_right{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.active_task{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.active_task .header{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.active_task .header .header_left,.active_task .header .header_right{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.active_task .header .header_right:hover{background:var(--color-neutral-clear-shades-150,#eee)}.taskContent{align-self:stretch;gap:.5rem;padding:.5rem .75rem .25rem}.taskContent,.taskPopover{align-items:flex-start;display:flex;flex-direction:column}.taskPopover{background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;overflow:hidden;padding:.5rem .75rem .75rem;width:25.5625rem}.notesContainer{border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);flex-direction:column;gap:.25rem;padding-top:.5rem}.actionBtnsContainer,.notesContainer{align-items:flex-start;align-self:stretch;display:flex}.actionBtnsContainer{gap:.5rem;justify-content:flex-end;padding-top:8px}.popover_paper .MuiPopover-paper,.popover_paper .MuiPopover-root{background:transparent;border-radius:.5rem}
+.start_interview_container{align-items:flex-start;align-self:stretch;background:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.start_interview_container button{width:100%}
+.welcome_container{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;max-width:30rem;padding:.5rem .75rem .75rem}.welcome_container .welcome_title{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem}.welcome_container .welcome_description{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.welcome_container .welcome_description ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}